﻿
/* --------------------- GLOBAL RESESTS --------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-family:  arial, verdana, tahoma, helvetica; 
	font-size:100%;
	vertical-align: baseline; 
} 

:focus { 
	outline: 0; 
} 

body { 
	line-height: 1; 
	background:#dde8f1;
	text-shadow: #000 0 0 0; height:100%;
} 

ol, ul { 
	list-style: none; 
}
  
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; 
} 

blockquote, q { 
	quotes: "" ""; 
}  

img {
	display:block;
}

.clear {
	clear:both;
}

.hr { 
    padding: 1px;
    background:url(images//line.gif) repeat-x top left;	
    line-height:1px;
	display:block;
	clear:both;
}



/* --------------------- FONTS --------------------- */


h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	color:#2b3842;
}

p{
	color:#737a7f;
}

/* --- HOME --- */

.home .head h1{position:absolute; top:0px; left:28px;	width:392px; height:96px; background:url(images/h1_home.png) no-repeat top left;}

.home h2{font-size:0.875em; font-style:italic;}

.home h2 span{font-size:1.7143em; font-family:Georgia, "Times New Roman", Times, serif;}

.home p{
	font-size:0.75em;
	line-height:1.4167em;
	width:200px;
	padding:0.75em 0 1.25em 0;
}

.home .aside li span{ color:#2b3842}




/* --- FOOTER --- */

#footer h4{font-weight:bold; color:#667a8d; text-transform:uppercase;}

#footer a, #footer p{color:#79899a;}

#footer a:hover{text-decoration:underline;}


/* --------------------- LINKS --------------------- */

a {
	cursor:pointer;
	text-decoration:none;
	color:#1587c2;
}

a:focus, a:hover {
	text-decoration:none;
	color:#4f9cc2;
} 

a.more{
	display:block;
	width:157px;
	height:24px;
	background-position:0 0;
	background-image:url(images/buttons/btn_more_details.gif)
}
a.more:hover{
	background-position:0 -24px;
}




/* --------------------- ACCESSIBILITY --------------------- */


a.more, .home .head h1, .home .head a, #head a.logo{	
	line-height:0.1em;
	font-size:0.1em;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;	
}

/* --------------------- WRAPS --------------------- */


#inner{
	display:block;
	background:#FFF url(images/bg.jpg) repeat-x top left; width:100%; overflow:hidden;

}

#wrap{
	width:950px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/HEADER.png) no-repeat top center;
}


#wrap:after, #inner:after, #footer:after, .footer_wrap:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/*
*******************************************************************************
mast image header
*******************************************************************************
*/

#featured {
height:256px; width:950px;
/* background:url('images/featuredbackground-grey.jpg') repeat-x center top; */
margin:5px 0 2px 0;
display:inline-block; position:relative;  top:70px; background:transparent;
}






/* ---- HOME ---- CONTAINS THE OLD BLUE BLOCK BACKGROUND FOR NAV HOVERS*/


.home .head{
	float:left;
	display:inline;
	position:relative; z-index:0;
	width:950px;
	height:0px;
	/** background:url(images/banner_home.png) no-repeat top left; background-color: #2569ad; **/
	margin-bottom:40px;
	top: 40px;
}

/*** HOME PAGE BLOCK LINKS SECTION ***/
#block-wrap {position:relative; top:35px; *top:20px;  width:950px;}

.home #hi{ /** BLOCK WRAP GROUP **/
	float:left; text-align:left;
	display:inline;
	position:relative;
	width:315px;
	
	margin-right:0px;
	border:none; 
}

.home #estimators{
	float:left; text-align:center;
	display:inline;
	position:relative;
	width:315px;
	background:url(images/backgrounds/line_v.gif) no-repeat top left;
	margin-right:0px;
	
}

.home #estimators p{ position:relative; left:55px; *left:0px;}
.home #estimators img{ position:relative; left:17px; *left:-6px;}

.home #green{
	float:left; text-align:right;
	display:inline;
	position:relative;
	width:315px;
	background:url(images/backgrounds/line_v.gif) no-repeat top left;
	margin-right:0px; border:none;
	
	
}
.home #green p, img {float:right; text-align:right;}


/* --------------------- HEAD --------------------- */

#head{
	display:inline; 
	float:left;
	position:relative;
	width:930px;
	height:136px;
	padding-bottom:6px;
	
}

#head li{
	display:inline;
	color:#FFF;
}

#head a.logo{
	float:left;
	display:inline;
	height:53px;
	width:244px;
	margin-left:8px;
	margin-top:20px;
	background:url(images/backgrounds/logo.png) no-repeat top left;
}

#head ul.subnav{
	float:right;
	display:inline;
	
	padding:1px 0px 0px 20px;
	margin:39px 17px 0px 0px;
	font-size:0.6875em;
	line-height:1.4545em;
}

#head ul.subnav li{
	padding-left:7px;
	
}

#head ul.subnav a{
	color:#fff;
	text-decoration:none;
	padding-right:7px;
}

#head ul.subnav a:hover{
	text-decoration:underline;
}


/********************MAIN MENU********************************/
.nav {
	width: 950px;
	height: 40px;
	background:url(images/backgrounds/nav.gif) no-repeat;
	position: absolute; z-index:0;
	top: 170px; margin-bottom:2px;
	left: 0px;
	line-height:0.1em;
	font-size:0.1em;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer
}


.nav .p1 a:link, .nav .p1 a:visited, .nav-p1, .nav-p1-click{
	left: 0px;
	top: 0;
	width: 115px;
	height: 40px;
}
.nav .p1 a:hover, .nav .p1 a:focus, .current-p1 .p1 a:link, .current-p1 .p1 a:visited{background: url(images/backgrounds/nav.gif) no-repeat 0px -40px;}

.nav .p2 a:link, .nav .p2 a:visited, .nav-p2, .nav-p2-click{
	top: 0;
	left: 137px;
	width: 132px;
	height: 40px;
}
.nav .p2 a:hover, .nav .p2 a:focus, .current-p2 .p2 a:link, .current-p2 .p2 a:visited{background: url(images/backgrounds/nav.gif) no-repeat -137px -40px;}


.nav .p3 a:link, .nav .p3 a:visited, .nav-p3, .nav-p3-click{
	top: 0;
	left: 280px;
	width: 142px;
	height: 40px;
}
.nav .p3 a:hover, .nav .p3 a:focus, .current-p3 .p3 a:link, .current-p3 .p3 a:visited{
	background: url(images/backgrounds/nav.gif) no-repeat -280px -40px; 
}


.nav .p4 a:link, .nav .p4 a:visited, .nav-p4, .nav-p4-click{
	top: 0;
	left: 445px;
	width: 121px;
	height: 40px;
}
.nav .p4 a:hover, .nav .p4 a:focus, .current-p4 .p4 a:link, .current-p4 .p4 a:visited{
	background: url(images/backgrounds/nav.gif) no-repeat -445px -40px;
}


.nav .p5 a:link, .nav .p5 a:visited, .nav-p5, .nav-p5-click{
	top: 0;
	left: 595px;
	width: 138px;
	height: 40px;
}
.nav .p5 a:hover, .nav .p5 a:focus, .current-p5 .p5 a:link, .current-p5 .p5 a:visited{
	background: url(images/backgrounds/nav.gif) no-repeat -595px -40px;
}


.nav .p6 a:link, .nav .p6 a:visited, .nav-p6, .nav-p6-click{
	top: 0;
	left: 730px;
	width: 116.5px;
	height: 40px;
}
.nav .p6 a:hover, .nav .p6 a:focus, .current-p6 .p6 a:link, .current-p6 .p6 a:visited{
	background: url(images/backgrounds/nav.gif) no-repeat -730px -40px;
}


.nav .p7 a:link, .nav .p6 a:visited, .nav-p7, .nav-p7-click{
	top: 0;
	left: 855px;
	width: 136.5px;
	height: 40px;
}
.nav .p7 a:hover, .nav .p7 a:focus, .current-p7 .p7 a:link, .current-p7 .p7 a:visited{
	background: url(images/backgrounds/nav.gif) no-repeat -855px -40px;
}




/********************SEARCH LINKS - SUB PAGE MENU ** REPLACEMENT FOR SEARCH PORTAL BLOCKS ********************************/

#search-links-frame {  }

.search-links {
	width: 950px;
	height: 40px;
	background:url(images/backgrounds/sub_nav.gif) no-repeat;
	position: absolute; z-index:10;
	top: 475px;

	line-height:0.1em;
	font-size:0.1em;
}
.search-links li {
	display: inline;
}
.search-links li a:link, .search-links li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer
}


.search-links .p1 a:link, .search-links .p1 a:visited, .search-links-p1, .search-links-p1-click{
	left: 0px;
	top: 0;
	width: 190px;
	height: 40px;
}
.search-links .p1 a:hover{background: url(images/backgrounds/sub_nav.gif) no-repeat 0px -40px;}


.search-links .p2 a:link, .search-links .p2 a:visited, .search-links-p2, .search-links-p2-click{
	top: 0;
	left: 261px;
	width: 200px;
	height: 40px;
}
.search-links .p2 a:hover, .search-links .p2 a:focus, .current-p2 .p2 a:link, .current-p2 .p2 a:visited{background: url(images/backgrounds/sub_nav.gif) no-repeat -261px -40px;}


.search-links .p3 a:link, .search-links .p3 a:visited, .search-links-p3, .search-links-p3-click{
	top: 0;
	left: 528px;
	width: 190px;
	height: 40px;
}
.search-links .p3 a:hover, .search-links .p3 a:focus, .current-p3 .p3 a:link, .current-p3 .p3 a:visited{
	background: url(images/backgrounds/sub_nav.gif) no-repeat -528px -40px; 
}


.search-links .p4 a:link, .search-links .p4 a:visited, .search-links-p4, .search-links-p4-click{
	top: 0;
	left: 775px;
	width: 190px;
	height: 40px;
}
.search-links .p4 a:hover, .search-links .p4 a:focus, .current-p4 .p4 a:link, .current-p4 .p4 a:visited{
	background: url(images/backgrounds/sub_nav.gif) no-repeat -775px -40px;
}




/*------------------------------------------------SEARCH PORTAL MENU--------HOVER IMAGES------------*/
#portal{
	width:942px; display:block;
	float:left; position:relative; top:70px; *top:57px; left:0px;  padding-left:8.5px; z-index:1;  background:url(images/banner_home.png) no-repeat top left; background-color: #2569ad; HEIGHT:281PX;
}



#portal ul.topLink{
	width:940px;
	height:208px;
	padding-top:10px;
	margin:0;
	font-size:0;
	line-height:0;  position:relative;   z-index:2;

}

/*** #portal ul.topLink {top:-5px\9 } /*** IE FIX FOR MENU ROLLOVERS ***/

#portal ul.topLink li{ z-index:2;
	float:left;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	display:block;
}
#portal ul.topLink li a.search{
	display:block;
	background:url(images/featured.jpg) left bottom no-repeat;
	width:230px;
	height:195px;
	text-decoration:none;
	color: #FFF;
	background-color:inherit;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}
#portal ul.topLink li a.search:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000; 
	background-color:inherit;
	float: left;
}
#portal ul.topLink li a.search span.nor{
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #CCC;
	background-color:inherit;
	/*text-align:right;*/
	display:block;
	margin:2px 0 0 0;
	padding:0;
}

#portal ul.topLink li a.commercial{
	display:block;
	background:url(images/commercial.jpg) left bottom no-repeat;
	width:230px;
	height:195px;
	text-decoration:none;
	color: #FFF;
	background-color:inherit;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}
#portal ul.topLink li a.commercial:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;
}
#portal ul.topLink li a.commercial span.nor2{
	font:normal 11px Arial, Helvetica, sans-serif;
		color: #CCC;
	background-color:inherit;
	/*text-align:right;*/
	display:block;
	margin:2px 0 0 0;
	padding:0;
}
#portal ul.topLink li a.residential{
	display:block;
	background:url(images/residential.jpg) left bottom no-repeat;
	width:230px;
	height:195px;
	text-decoration:none;
	color: #FFF;
	background-color:inherit;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}
#portal ul.topLink li a.residential:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;
}
#portal ul.topLink li a.residential span.nor3{
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #CCC;
	background-color:inherit;
	/*text-align:right;*/
	display:block;
	margin:2px 0 0 0;
	padding:0;
}


#portal ul.topLink li a.green{
	display:block;
	background:url(images/green.jpg) left bottom no-repeat;
	width:230px;
	height:195px;
	text-decoration:none;
	font:normal 16px/12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color:inherit;
	text-align:right;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
}
#portal ul.topLink li a.green:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;  display:block;
}
#portal ul.topLink li a.green span.nor4{
	font:normal 11px Arial, Helvetica, sans-serif;
		color: #CCC;
	background-color:inherit;
	/*text-align:right;*/
	display:block;
	margin:2px 0 0 0;
	padding:0;
}

/**************************************** SECOND MENU ****BOTTOM SUB LINKS UNDERNEATH IMAGE ROLLOVERS *******************************************/
#portal ul.nav2{
	width:913px; 
	height:38px;
	background:url(images/nav_bg.png) 0 0 repeat-x; position:relative; top:10px;
	padding:0 0 0 0px; padding-left:14px; margin-left:4px; position:relative; top:1/5px;
}
#portal ul.nav2 li{
	float:left;  width:150px; text-align:center;
	padding:0px 2px 0 0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:28px;
}
#portal ul.nav2 li a{
	display:block; height:28px; *height:38px;
	padding:12px 17px 0 15px; *padding:0 17px 0 15px;
	font:bold 12px/40px Arial, Helvetica, sans-serif;
	color:#E2E2E2;
	background-color:inherit;
	text-decoration:none;
}
#portal ul.nav2 li a:hover{
	color: #900;  /*#EDD140;*/ text-decoration:none;
	background-color:#900; height:25px; max-height:25px; *height:38px; *max-height:38px;
}



#portal ul.nav2 li.noImg{
	background-image:none;
}

/*END SECOND MENU*/


/**************************************** SECOND MENU **** SEARCH-LINKS FILE *******************************************/
ul.nav3{
	width:950px; display:block; position:relative; z-index:100;
	height:38px;
	background:url(images/nav_bg.png) 0 0 repeat-x; position:relative; top:117px;
	padding:0 0 0 0px;  margin:0 0 35px 0px;
}
ul.nav3 li{
	float:left;  width:150px; text-align:center;
	padding:0px 2px 0 4px;
	background:url(images/nav_div.gif) right top no-repeat;
	height:28px;
}
ul.nav3 li a{
	display:block; height:28px; *height:38px;
	padding:12px 17px 0 15px; *padding:0 17px 0 15px;
	font:bold 12px/40px Arial, Helvetica, sans-serif; 
	color:#E2E2E2;
	background-color:inherit;
	text-decoration:none; 
}
ul.nav3 li a:hover{
	color: #900;  /*#EDD140;*/ text-decoration:none;
	background-color:#e6ac35; height:25px; max-height:25px; *height:38px; *max-height:38px;
}


/*END SECOND MENU*/




/*** MAIN CONTENT AREA ***/
#frame {display:block; position:relative;  width:940px; height:800px; }

#main-content {clear:both; position:absolute; top:60px; left:0; width:950px; text-align:center; 
				display:block; text-align:left; padding:2px 5px 10px 5px; line-height:18px;}
#main-content h1 {letter-spacing:1.2px; font-weight:bold; margin:10px 0 25px 0;  font-size:20px;}

#main-content h4 {color: #900;  padding:2px 0; margin:20px 0 0 0; clear:both; font-weight:bold; font-size:16px; position:relative; top:12px;} /* sub-page content headers */
#main-content .tiny {color: #00C; font-size:10px; font-style:italic; position:relative; top:15px; left:2px; float:left; padding:0 0 5px 0;} /* name sub-title */
#main-content p img {float:left; padding:2px; border:#999 solid 2px; margin:5px 12px 5px 0; }

#main-content #main-left {position:absolute; top:60px; left:5px;  width:660px; margin:0 30px 50px 0; min-height:505px;  padding:0;   }
#main-content #main-left p{clear:both; float:left; font-size:13px; color:#333; margin:5px 0 10px 0;   position:relative; top:10px;}
	
#main-content #main-right {position:absolute; top:60px; left:690px;  width:250px; margin:0 0 50px 0; min-height:505px; border-left:thin dashed silver; padding:10px 5px 0 25px; }
#main-content #main-right h4 {padding-left:14px; margin:0 0 10px 0;}
#main-content #main-right h4 img {float:left; margin:-4px 1px 0px -2px;}
#main-content #main-right p{float:left; font-size:13px; padding:5px 0 0 15px;}




.quote {
	font-size:24px;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
	
	background-color:#fbfcfc;
	border-top:1px solid #e1e2e2;
	border-bottom:1px solid #e1e2e2;
	padding:20px;
}



/*** RSS ***/
#rss {text-align:right; font-size:10px; float:right; width:170px; border:dotted solid silver; padding:5px; line-height:14px; margin-left:35px;}


/******* HOME PAGE BASELINE ICONS*******/
#baseline {clear:both; position:relative; margin:100px auto 15px auto; display:block; width:950px; }




/*********** ICONS *************/
.icons {float:right; padding:4px; position:relative; top:15px;}


/** IMAGE BORDERS **/
#img-border { margin:0 10px;
   padding:2px;
   border:1px solid #999;
   background-color: #CCC;
}

/** IMAGE BORDER REMOVAL **/
.removal {border:none;}


/** LOGIN iFRAME **/
.i-frame{width:500px;height:400px;overflow:auto; border:thin solid silver; padding:10px; font-style:italic;} /*fancybox popup dimensions */
.i-frame h4 {margin:8px 0 2px 0; text-decoration:underline; letter-spacing:2px;}
.hide {display:none;}



/* Form style
----------------------------------------------------------------------------------------------------*/

#respond, #contactForm {margin:10px 0 20px 0;}

.leftSpace {
	font-size:11px;
	margin-left:10px;
	}

.n {margin-left:0;}
	
.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:200px;
	}

.text_area {margin-top:10px;width:570px;}

input:focus, textarea:focus {background:#fff;}	/*fdf6dc*/

#submit {
	border:#111 1px solid; float:left;
	background:#1e2229;
	color:#fff;
	font-weight:bold;
	width:160px;
	height:30px;
	margin-top:20px; margin-bottom:20px;
	font-size:12px;
	padding-bottom:2px;
	outline:0;
	}

#submit:hover {
	border:1px solid #39c;
	background:#39c;
	cursor:pointer;
	outline:0;
	}

.error.required {border:1px solid #c30;}



/** STANDARDS **/ 

.clearance {clear:both; margin:5px 0;}
.floatL {float:left;}
.floatR {float:right;}

/*** COLORS **/
.red {color:#900;}
.blue {color:#0033CC;}
.silver {color:#999;}
.green {color:#093;}
.royal {color: #039;}
.black {color:#000;}
.gray {color:#333;}

/** H1 **/
.xray {position:relative; width:940px; padding:5px 0; background: #EEE; border-top:#666 solid thin; border-bottom:#666 solid thin; margin-left:0;}

/** email icon **/
.email-icon {position:absolute;  height:20px; margin:-4px 0 0 10px;}


/* preloader image */
.preloader { background: url(images/lightbox/loading.gif) center center no-repeat; display:inline-block; }



/* --------------------- FOOTER --------------------- */

#footer{
	background:url(images/backgrounds/foot.gif) repeat-x top center; position:relative; margin:50px auto 0 auto;
	color:#79899a;
	font-size:0.75em;
	line-height:2em;
	padding-top:115px;
	background-color: #DEE7ED;

}

.footer_wrap{ position:relative;
	width:882px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:35px;
}




#footer ul{
	float:left;
	display:inline;
}

#footer ul li{
	float:left;
	display:inline;
	width:202px;color:#03C; padding:2px 0; 
}

#footer ul li a{
	color:#03C;
}

#footer ul li a:hover {
	background: #CCC; padding:2px 0;
}

/* AGE */
#footer ul li a.age {color:#dee7ed;}
#footer ul li a:hover .age {color:#dee7ed;  background-color:#dee7ed;}
#footer ul li.age a{color:#dee7ed;}
#footer ul li.age a:hover{color:#dee7ed; background-color:#dee7ed;}


#footer .twitter li{
	width:274px;
}

#footer ul li ul{
	width:202px;
}

#footer ul li ul li{
	width:202px;
	display:block;
}


/******/

.google-link {position:relative;  margin:5px 0 15px 0px;}
.google-link span {position:relative; margin:10px 0 5px 5px;}

.linkage {color:#FFF: !important; font-size:8px;}
.linkage a{color:#FFF: !important}
.linkage a:hover{color:#FFF: !important}
