/* -----------------------------------------------------------------------

   Kev CSS Framework
   http://www.design-this.co.uk

----------------------------------------------------------------------- */

/* --------------------- 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;
} 

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;
}

/* ---------------------  SECTION & ARTICLES--------------------- */

.section{
	float:left;
	display:inline;
	width:930px;
	padding:0px 0px 30px 0px;
}
.home{
	padding-top:29px; 
}
.hub{ 
	width:882px; 
	padding:0px 24px 30px 24px;
}
.content{ 
	width:906px; 
	padding:0px 24px 30px 0px; 
}


/* ---- 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; margin:65px 0 50px 0;  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: 137px;
	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 .p1 a:active {background: url(images/backgrounds/nav.gif) no-repeat 0px -80px;}
.current-p1 .p1 a:link, .current-p1 .p1 a:visited {cursor: default;}
.nav-p1, .nav-p1-click{position: absolute;	background: url(images/backgrounds/nav.gif) no-repeat 0px -40px;}
.nav-p1-click {background: url(images/backgrounds/nav.gif) no-repeat 0px -80px;}

.nav .p2 a:link, .nav .p2 a:visited, .nav-p2, .nav-p2-click{
	top: 0;
	left: 137px;
	width: 190px;
	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 .p2 a:active {background: url(images/backgrounds/nav.gif) no-repeat -147px -80px;}
.current-p2 .p2 a:link, .current-p2 .p2 a:visited {cursor: default;}
.nav-p2, .nav-p2-click{position: absolute; background: url(images/backgrounds/nav.gif) no-repeat -147px -40px;}
.nav-p2-click {background: url(images/backgrounds/nav.gif) no-repeat -147px -80px;}


.nav .p3 a:link, .nav .p3 a:visited, .nav-p3, .nav-p3-click{
	top: 0;
	left: 347px;
	width: 192px;
	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 -347px -40px; 
}
.nav .p3 a:active {
	background: url(images/backgrounds/nav.gif) no-repeat -337px -80px;
}
.current-p3 .p3 a:link, .current-p3 .p3 a:visited {
	cursor: default;
}
.nav-p3, .nav-p3-click{
		position: absolute;
		background: url(images/backgrounds/nav.gif) no-repeat -337px -40px;
	}
.nav-p3-click {
	background: url(images/backgrounds/nav.gif) no-repeat -337px -80px;
}


.nav .p4 a:link, .nav .p4 a:visited, .nav-p4, .nav-p4-click{
	top: 0;
	left: 553px;
	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 -553px -40px;
}
.nav .p4 a:active {
	background: url(images/backgrounds/nav.gif) no-repeat -466px -80px;
}
.current-p4 .p4 a:link, .current-p4 .p4 a:visited {
	cursor: default;
}
.nav-p4, .nav-p4-click{
		position: absolute;
		background: url(images/backgrounds/nav.gif) no-repeat -466px -40px;
	}
.nav-p4-click {
	background: url(images/backgrounds/nav.gif) no-repeat -466px -80px;
}


.nav .p5 a:link, .nav .p5 a:visited, .nav-p5, .nav-p5-click{
	top: 0;
	left: 680px;
	width: 128px;
	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 -680px -40px;
}
.nav .p5 a:active {
	background: url(images/backgrounds/nav.gif) no-repeat -627px -80px;
}
.current-p5 .p5 a:link, .current-p5 .p5 a:visited {
	cursor: default;
}
.nav-p5, .nav-p5-click{
		position: absolute;
		background: url(images/backgrounds/nav.gif) no-repeat -627px -40px;
	}
.nav-p5-click {
	background: url(images/backgrounds/nav.gif) no-repeat -627px -80px;
}


.nav .p6 a:link, .nav .p6 a:visited, .nav-p6, .nav-p6-click{
	top: 0;
	left: 815px;
	width: 141.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 -815px -40px;
}
.nav .p6 a:active {
	background: url(images/backgrounds/nav.gif) no-repeat -790px -80px;
}
.current-p6 .p6 a:link, .current-p6 .p6 a:visited {
	cursor: default;
}
.nav-p6, .nav-p6-click{
		position: absolute;
		background: url(images/backgrounds/nav.gif) no-repeat -790px -40px;
	}
.nav-p6-click {
	background: url(images/backgrounds/nav.gif) no-repeat -790px -80px;
}



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

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

}

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


.twitter{
	float:right;
	display:inline;
	width:274px;
}

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

#footer ul li{
	float:left;
	display:inline;
	width:202px;
}

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

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

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


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



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

}

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

#right ul.topLink li{ z-index:2;
	float:left;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	display:block;
}
#right ul.topLink li a.featured{
	display:block;
	background:url(images/featured.png) left bottom no-repeat;
	width:230px;
	height:200px;
	padding:4px 0 0 4px;
	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: 18px;
	font-weight: normal;
	font-variant: normal;
}
#right ul.topLink li a.featured:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000; 
	background-color:inherit;
	float: left;
}
#right ul.topLink li a.featured 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;
}

#right ul.topLink li a.interior{
	display:block;
	background:url(images/interior.png) left bottom no-repeat;
	width:230px;
	height:200px;
	padding:4px 0 0 4px;
	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;
	
}
#right ul.topLink li a.interior:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;
}
#right ul.topLink li a.interior 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;
}
#right ul.topLink li a.exterior{
	display:block;
	background:url(images/exterior.png) left bottom no-repeat;
	width:230px;
	height:200px;
	padding:4px 0px 0 2px;
	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;

}
#right ul.topLink li a.exterior:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;
}
#right ul.topLink li a.exterior 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 5px 0 0;
}


#right ul.topLink li a.green{
	display:block;
	background:url(images/green.png) left bottom no-repeat;
	width:230px;
	height:200px;
	padding:4px 5px 0 0px;
	text-decoration:none;
	font:normal 16px/12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color:inherit;
	text-align:right;
	
}
#right ul.topLink li a.green:hover{
	opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom:1;
	color:#000;
	background-color:inherit;  display:block;
}
#right 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 *******************************************/
#right 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;
}
#right 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;
}
#right 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;
}
#right ul.nav2 li a:hover{
	color: #900;  /*#EDD140;*/ text-decoration:none;
	background-color:#900; height:25px; max-height:25px; *height:38px; *max-height:38px;
}



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

/*END SECOND MENU*/




/*** MAIN CONTENT AREA ***/
#main-content {position:relative; width:940px; text-align:center;  top:12px; *top:-32px; }
#main-content p {width:940px; margin:0 auto; color:#000;}
#main-content h1 {line-height:24px; font-weight:bold; letter-spacing:2px;}
#main-content h2 {line-height:20px;font-weight:bold;}
#main-content ul {font-size:12px; color:gray; font-style:italic;}
#main-content ul li {clear:all; height:19px; min-height:19px; width:940px; min-width:900px; text-align:left; }

.top {width:950px; position:relative;  text-align:center; }
.top p {width:940px; font-size:12px; line-height:20px;  text-align:left; float:left; }
.top .category {color:#666; font-size:12px;} 
.top ol {width:730px; text-align:center; *width:720px; float:left; }
.top ol li {font-size:11px; text-align:left; padding:5px 0px;}

.royal {color: #039;}

#mid-text {font-style:italic; }

/*** 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 *******/
#baseline {position:relative; margin-top:100px; left:0; display:inline-block; width:950px;}

#why-top10 {position:relative; margin:80px 0; }


.floatL {float:left;}
.floatR {float:right;}
.textL {text-align:left;}
.textR {text-align:right;}

/*********** 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;
}


/** CSS TOOLTIPS **/
a.tt{
    position:relative; 
    z-index:24;
    color: #CCC;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it  | ADJUST BUBBLE POSITION ****/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:10px; left:-30px;
	padding: 15px 0 0 0;
	width:200px; 
	color: #09F;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block; 
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}


/*** ACHIEVERS **/
#achievers {text-align:left;}
.indent {margin-left:0px;}

/*** COLORS **/
.red {color:#900;}
.blue {color:#0033CC;}
.silver {color:#999;}
.green {color:#093;}

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