/* 
author - Sean Corey (Sean@5-squared.com)

*/

/* ************************************************************************* */
							/* RESET */
/* ************************************************************************* */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

body, select, input, textarea {
	font: 62.5%/1.3 arial, helvetica, verdana, sans-serif;
}
body{
	/* background:#93B2C1 url("../i/bg_body.jpg") 0 0 repeat-x; */
	background:#6599BC url("../i/bg_body.jpg") 0 0 repeat-x;	
}



/* ************************************************************************* */
							/* LAYOUT */
/* ************************************************************************* */
#container, #login_container {
	width:914px;
	margin:0 auto;
	position:relative;
}
#login_container {width:960px;}
#content_wrap{
	background:url("../i/bg_content_wrap_int.png") 0 0 repeat-y;
	float:left;
	width:914px;
}
#b_home #content_wrap{
	background:url("../i/bg_content_wrap.png") 0 0 repeat-y;
	float:left;
	width:914px;
}
#home_banner{
	background:url("../i/img_banner_home.jpg") 0 0 no-repeat;
	width:860px;
	height:279px;
	margin:25px 0 0 27px;
	float:left;
	display:inline; /* IE6 Dub Margin */
	position:relative;
}
#home_services, #home_testimonial, #home_awards{
	float:left;
	margin:43px 0 0 56px;
	width:208px;
	background:url("../i/bg_home_callouts.gif") 100% 0 no-repeat;
	display:inline; /* IE6 Dub Margin */
}
#home_testimonial{
	width:300px;
	margin:43px 0 0 36px;
}
#home_awards{
	background:none;
	width:250px;
	margin:43px 0 0 36px;
}
#footer{
	clear:left;
	width:914px;
	background:url("../i/bg_footer_int.png") 0 0 no-repeat;
	padding-top:104px;
}
#b_home #footer{
	clear:left;
	width:914px;
	background:url("../i/bg_footer.png") 0 0 no-repeat;
	padding-top:104px;
}
#content_main{
	width:561px;
	float:left;
	margin:47px 0 0 47px;
	padding:0 0 20px 0;
	display:inline; /* IE6 Dub Margin */
}
#content_sub{
	width:258px;
	float:right;
	margin:47px 3px 0 0;
	display:inline; /* IE6 Dub Margin */
}
#col1, #col2{
	float:left;
	width:200px;
}
#col2{
	margin-left:50px;
	display:inline; /* IE6 Dub Margin */
}
#login_wrap, #ie6nopng{
	width:543px;
	height:363px;
	background:url("../i/bg_login_wrap.png") 0 0 no-repeat;
	position:absolute;
	left:50%;
	margin:165px 0 0 -271px;
}
#ie6nopng{
	background:none;
	z-index:200;
}

/* ************************************************************************* */
							/* LISTS*/
/* ************************************************************************* */
#main_nav{
	width:887px;
	float:left;
	background:#031238 url("../i/bg_main_nav.jpg") 0 0 no-repeat;
	list-style:none;
	margin:34px 0 0 0;
	display:inline; /* IE6 Dub Margin */
	padding:0 0 0 27px;
}
#main_nav li{
	float:left;
	background:url("../i/bg_main_nav_li.jpg") 100% 6px no-repeat;
}
#content_wrap ul{
	color:#666;
	font-size:1.2em;
	list-style:none;
	padding-top:5px;
}
#content_wrap li ul{
	color:#666;
	font-size:1em;
	list-style:none;
	margin-top:12px;
}
#content_wrap li{
	padding-left:15px;
	background:url("../i/bg_content_wrap_li.gif") 0 5px no-repeat;
	margin:0 0 10px 0;
}
#content_sub ul{
	margin:0 0 0 30px;
}
#content_sub li{
	background:url("../i/bg_content_sub_li.gif") 0 5px no-repeat;
}
#home_services ul, #home_awards ul{
	margin-bottom:24px;
}
#footer ul{
	list-style:none;
	font-size:1.1em;
	color:#526F82;
	margin:0 60px 0 128px;
	float:left;
	display:inline; /* IE6 Dub Margin */
}
#footer li{
	float:left;
	margin:0 0 0 5px;
	display:inline; /* IE6 Dub Margin */
	padding-bottom: 1.2em;
}
#util_nav{
	list-style:none;
	font-size:1.2em;
	top:27px;
	right:22px;
	position:absolute;
}
#util_nav li{
	float:left;
	margin:0 0 0 20px;
	display:inline; /* IE6 Dub Margin */
}
#content_sub #sub_nav{
	width:258px;
	list-style:none;
	margin:0;
	background:url("../i/bg_li_subnav.jpg") 0 0 no-repeat;
}
#content_sub #sub_nav li{
	background:url("../i/bg_li_subnav.jpg") 0 100% no-repeat;
	margin:0;
	padding:0;
	text-indent:31px;
	width:258px;
}



/* ************************************************************************* */
							/* LINKS */
/* ************************************************************************* */
#main_nav a{
	padding:5px 17px 7px 17px;
	display:block;
	color:#FFF;
	font-size:1.2em;
	text-decoration:none;
	margin:6px 0 0 0;
	float:left;
	display:inline; /* IE6 Dub Margin */
	outline:none;
}
#main_nav a:hover{
	background:#AFC6D1 url("../i/bg_mn_hover.jpg") left bottom repeat-x;
	color:#031540;
}
#link_learnmore{
	width:174px;
	height:34px;
	background:url("../i/bg_link_learn_more.png") 0 0 no-repeat;
	text-indent:-9999em;
	display:block;
	outline:none;
	margin:18px 0 0 48px;
}
#link_contactus{
	width:75px;
	height:76px;
	background:url("../i/bg_link_contact_us.png") 0 0 no-repeat;
	text-indent:-9999em;
	display:block;
	outline:none;
	position:absolute;
	top:0px;
	right:0px;
}
#content_wrap a{
	color:#0C2E82;
}
#home_services a, #home_awards a{
	color:#0C2E82;
	font-size:1.2em;
	margin:0 0 0 15px;
}
#footer a{
	margin:0 5px 0 0;
	color:#2B4251;
}
#footer a:hover{
	color:#1B2932;
}
#sub_nav a{
	color:#202D44;
	text-decoration:none;
	padding:18px 0;
	display:block;
	outline:none;
}
#sub_nav a:hover{
	background:#D6D9DC;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ sub-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_cap #sub_nav #sn_cap a, #b_cap #sub_nav #sn_cap a:hover, #b_serv #sub_nav #sn_serv a, #b_serv #sub_nav #sn_serv a:hover, #b_qual #sub_nav #sn_qual a, #b_qual #sub_nav #sn_qual a:hover, #b_project #sub_nav #sn_project a, #b_project #sub_nav #sn_project a:hover, #b_water #sub_nav #sn_water a, #b_water #sub_nav #sn_water a:hover, #b_waste #sub_nav #sn_waste a, #b_waste #sub_nav #sn_waste a:hover, #b_testimonials #sub_nav #sn_testimonials a, #b_testimonials #sub_nav #sn_testimonials a:hover, #b_awards #sub_nav #sn_awards a, #b_awards #sub_nav #sn_awards a:hover{
	background:url("../i/bg_li_subnav_current.jpg") 0 50% no-repeat;
	font-weight:bold;
	color:#202D44;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ main-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_home #mn_home a, #b_home #mn_home a:hover, #b_profile #mn_profile a, #b_profile #mn_profile a:hover, #b_cap #mn_cap a, #b_cap #mn_cap a:hover, #b_serv #mn_cap a, #b_serv #mn_cap a:hover, #b_qual #mn_cap a, #b_qual #mn_cap a:hover, #b_project #mn_project a, #b_project #mn_project a:hover, #b_water #mn_project a, #b_water #mn_project a:hover, #b_waste #mn_project a, #b_waste #mn_project a:hover, #b_awards #mn_awards a, #b_awards #mn_awards a:hover, #b_careers #mn_careers a, #b_careers #mn_careers a:hover, #b_contact #mn_contact a, #b_contact #mn_contact a:hover, #b_testimonials #mn_awards a, #b_testimonials #mn_awards a:hover, #b_awards #mn_awards a, #b_awards #mn_awards a:hover{
	background:#FFF;
	color:#031540;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_home #fn_home a, #b_home #fn_home a:hover, #b_profile #fn_profile a, #b_profile #fn_profile a:hover, #b_cap #fn_cap a, #b_cap #fn_cap a:hover, #b_serv #fn_cap a, #b_serv #fn_cap a:hover, #b_qual #fn_cap a, #b_qual #fn_cap a:hover, #b_project #fn_project a, #b_project #fn_project a:hover, #b_water #fn_project a, #b_water #fn_project a:hover, #b_waste #fn_project a, #b_waste #fn_project a:hover, #b_awards #fn_awards a, #b_awards #fn_awards a:hover, #b_careers #fn_careers a, #b_careers #fn_careers a:hover, #b_contact #fn_contact a, #b_contact #fn_contact a:hover, #b_sitemap #fn_sitemap a, #b_sitemap #fn_sitemap a:hover{
	color:#FFF;
	font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ utility-nav ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#util_nav a{
	color:#031238;
	text-decoration:none;
}
#util_nav a:hover{
	color:#052371;
	text-decoration:underline;
}
#un_sitemap a{
	background:url("../i/bg_un_sitemap.jpg") 0 50% no-repeat;
	padding:0 0 0 25px;
}
#un_employee a{
	background:url("../i/bg_un_employee.jpg") 0 50% no-repeat;
	padding:2px 0 2px 30px;
}

/* highlight */
#b_sitemap #un_sitemap a, #b_sitemap #un_sitemap a:hover, #b_login #un_employee a, #b_login #un_employee a:hover{
	color:#031238;
	font-weight:bold;
}

#email_login_link{float:right;}


/* ************************************************************************* */
							/* TYPOGRAPHY */
/* ************************************************************************* */
p {
	padding-bottom: 1.2em;
	font-size:1.2em;
	color:#666;
}
#content_main p{
	line-height:1.6em;
}
#content_main .bigp{
	font-size:1.4em;
}
#home_testimonial p{
	margin-right:20px;
	line-height:1.6em;
}
#content_wrap .sidemore{
	font-size:1.2em;
	margin:20px 0 0 45px;
}
#content_wrap .clear{
	clear:left;
	padding-top:20px;
}
#content_sub p{
	font-size:1.2em;
	margin:0 20px 0 30px;
	line-height:1.5em;
}
#footer p{
	font-size:1.1em;
	color:#2B4251;
	text-align:center;
	float:left;
	line-height:25px;
	width:100%;
}
#content_main .boxp{
	background:url("../i/bg_p_contact.gif") 0 0 no-repeat;
	width:192px;
	height:72px;
	padding:18px 0 0 32px;
	float:left;
	line-height:1.8em;
	font-size:1.3em;
	margin:0 0 0 35px;
	display:inline; /* IE6 Dub Margin */
}
h2, h3, h4, h5, h6 {
	padding-bottom: 0.6em;	
}
h1 {
	display:block;
	width:185px;
	height:89px;
	text-indent:-9999px;
	background:transparent url("../i/img_logo.jpg") 0 0 no-repeat;
	margin:27px 0 0 17px;
}
h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	cursor:pointer;
}
#b_login h1{
	position:absolute;
	left:50%;
	margin:35px 0 0 -92px;
}
#b_login h1 {
	display:block;
	width:185px;
	height:89px;
	text-indent:-9999px;
	background:transparent url("../i/img_logo.jpg") 0 0 no-repeat;
	postion:absolute;
	left:50%;
	top:34px;
	margin:0 0 0 -92px;
}

h2 {
	font-size: 2.1em;
	color:#FF3300;
	font-weight:bold;
}
#content_sub h2{
	margin:0 0 0 30px;
}
#content_sub .subpad{
	margin:35px 0 0 30px;
}
#home_intro{
	width:685px;
	height:124px;
	color:#FFF;
	font-weight:normal;
	background:transparent url("../i/bg_h2_home_intro.png") 0 0 no-repeat;
	text-indent:-9999em;
	margin:57px 0 0 48px;
}

h3 {
	font-size: 1.6em;	
}
.loginh3{
	font-size: 2em;
	padding:10px 0 10px 80px;
	margin:35px 0 0 145px;
	background:url("../i/bg_h3_login.jpg") 0 50% no-repeat;
}
h4 {
	font-size: 1.4em;	
}
h5 {
	font-size: 1.2em;	
}
h6 {
	font-size: 1em;	
}
blockquote{
	font-size:1.2em;
	color:#0C2E82;
	line-height:1.6em;
	font-style:italic;
}
blockquote p{
	padding:10px 0 20px 0;
	font-size:.9em;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px solid #DDD;
	margin-bottom:20px;
}



/* ************************************************************************* */
							/* Forms */
/* ************************************************************************* */




/* ************************************************************************* */
							/* Tables */
/* ************************************************************************* */
.tbl-awards, .tbl-awards2{
	font-size:1.2em;
	color:#666;
	width:100%;
	margin:5px 0 25px 0;
}
.tbl-awards td, .tbl-awards2 td{
	padding:8px;
}
.tbl-awards .even, .tbl-awards2 .even{
	background:#FFF;
}
.tbl-awards .odd, .tbl-awards2 .odd{
	background:#E2F3FF;
}
.tbl-awards .head, .tbl-awards2 .head{
	font-weight:bold;
	background:#96A0A9;
	color:#FFF;
}


.tbl-login{
	font-size:1.2em;
	color:#666;
	margin:30px 0 0 86px;
}
.tbl-login td{
	padding:10px 4px;
}
.tbl-login #username{
	width:282px;
	height:20px;
	border:none;
	background:url("../i/bg_input_username.gif") 0 0 no-repeat;
	padding:7px 5px;
	font-size:1.2em;
	color:#555;
}
.tbl-login #password{
	width:154px;
	height:34px;
	border:none;
	background:url("../i/bg_input_password.gif") 0 0 no-repeat;
	padding:7px 5px;
	font-size:1.2em;
	color:#555;
}	



/* ************************************************************************* */
							/* Images */
/* ************************************************************************* */
.int_banner{
	padding:.8em 0 2em 0;
}




/* ************************************************************************* */
							/* Tabs */
/* ************************************************************************* */
#content_wrap .tabs{
	width:100%;
	background:url("../i/bg_tab_panels.jpg") 0 40px no-repeat;
	float:left;
}
#content_wrap .tab_content_nav{
	width:100%;
	float:left;
	list-style:none;
	font-size:1.1em;
}
#content_wrap .tab_content_nav li{
	float:left;
	background:none;
	margin-left:0;
	padding-left:10px;
}
#content_wrap .tab_content_nav a{
	color:#041646;
	display:block;
	float:left;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
#content_wrap .tab_content_nav .tab_selected a, #content_wrap .tab_content_nav .tab_selected a:hover{
	color:#FFF;
	font-weight:bold;
	background:url("../i/bg_tabs_right.jpg") right top no-repeat;
	padding:7px 10px 6px 0;
	text-decoration:none;
}
#content_wrap .tab_content_nav .tab_selected{
	color:#FFF;
	font-weight:bold;
	background:url("../i/bg_tabs_left.jpg") left top no-repeat;
	text-decoration:none;
}

 /*#content_wrap .tab_content_nav .tab_selected a, #content_wrap .tab_content_nav .tab_selected a:hover{
	color:#FFF;
	font-weight:bold;
	background:#041646;
	text-decoration:none;
	padding:5px 10px;
	-moz-border-radius:.4em;
} */
#panel1, #panel2, #panel3, #panel4{
	padding:88px 33px 0 33px;
}




/* ************************************************************************* */
							/* SUCKERFISH DROPDOWNS */
/* ************************************************************************* */
#main_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:500;
}

#main_nav a {
	display: block;
}

#main_nav li {
	float:left;
}
#main_nav ul li a{
	padding:5px;
}
#main_nav li ul {
	position: absolute;
	width:200px;
	left: -999em;
	background:#AFC6D1;
	color:#031540;
	margin-top:34px;
	float:left;
	padding-top:10px;
	list-style:none;
}
#main_nav li ul li{
	float:left;
	width:200px;
	padding:0;
	margin:0;
	border-bottom:1px solid #FFF;
	background:none;
	margin:0;
}

#main_nav li ul a{
	color:#031540;
	float:left;
	width:200px;
	padding:10px 0;
	text-indent:20px;
	background:none;
	margin:0;
}
#main_nav li ul a:hover{
	background:#99AFBB;
}

#main_nav li:hover ul {
	left: auto;
}
#main_nav li:hover ul, #main_nav li.over ul {
	left: auto;
}

#main_nav .active {
	background:#AFC6D1 url("../i/bg_mn_hover.jpg") left bottom repeat-x;
	color:#031540;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ hide nav on active page ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#b_serv #mn_cap ul, #b_qual #mn_cap ul, #b_water #mn_project ul, #b_waste #mn_project ul, #b_awards #mn_awards ul, #b_testimonials #mn_awards ul{
	display:none;
}



/* ************************************************************************* */
							/* PRINT */
/* ************************************************************************* */
@media print
{
*{background:white;font-size:12px;}
body{font-size:100%;}

#main_nav, #util_nav, #footer, #content_wrap .tab_content_nav, #sub_nav{display:none}
#container {
	width:650px;
	margin:0 auto;
	position:relative;
}
#content_wrap{
	background:none;
	float:left;
	width:650px;
}
#content_main{
	width:430px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 20px 0;
	display:inline; /* IE6 Dub Margin */
}
#content_sub{
	width:200px;
	float:right;
	margin:0 0 0 0;
	display:inline; /* IE6 Dub Margin */
}
#col1, #col2{
	float:left;
	width:200px;
}
#panel1, #panel2, #panel3, #panel4{
	padding:88px 33px 0 33px;
	display:block;
	clear:left;
}
h1 {
	display:block;
	width:185px;
	height:89px;
	text-indent:0;
	margin:0;
}


}