@charset "utf-8";
/* CSS Document */

/* base */
body { background: #eceee0; margin:0; padding: 0; font: 12px/15px Arial, Helvetica, sans-serif; color: #232323; }
div { margin: 0; padding: 0; }
div h1 { font: bold 16px/18px Helvetica, Arial, sans-serif; color: #232323; margin: 0; padding: 0 0 12px 0; }
div h1 a:link { color: #fefefe; text-decoration: none; }
div h1 a:visited { color: #fefefe; text-decoration: none; }
div h1 a:hover { text-decoration: underline; }
div h1 a:active { color: #fefefe; }
div h2 { font: 16px/18px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; margin: 0; padding: 0; }
div h2 a:link { color: #fefefe; text-decoration: none; }
div h2 a:visited { color: #fefefe; text-decoration: none; }
div h2 a:hover { color: #fff; text-decoration: underline; }
div h2 a:active { color: #fefefe; }
div h3 { font: bold 16px/18px Arial, Helvetica, sans-serif; color: #999c8d; margin: 0 0 1em 0; padding: 0; }
div h3 a:link { color: #00bbff; text-decoration: none; }
div h3 a:visited { color: #00a3e5; text-decoration: none; }
div h3 a:hover { color: #fff; text-decoration: underline; }
div h3 a:active { color: #00a3e5; }
div h4 { font: bold 14px/16px Arial, Helvetica, sans-serif; color: #232323; margin: 0; padding: 0 0 2px 0; }
div h4 a:link { color: #0050a1; text-decoration: none; }
div h4 a:visited { color: #ff000; text-decoration: none; }
div h4 a:hover { color: #0000ff; text-decoration: underline; }
div h4 a:active { color: #0050a1; }
div h5 { font: bold 10px/15px Arial, Helvetica, sans-serif; color: #000; margin: 1em 0 1em 0; padding: 0; text-transform: uppercase;}
div h5 a:link { color: #00bbff; text-decoration: none; }
div h5 a:visited { color: #00a3e5; text-decoration: none; }
div h5 a:hover { color: #fff; text-decoration: underline; }
div h5 a:active { color: #00a3e5; }
div h6 { font: bold 12px/15px Arial, Helvetica, sans-serif; color: #839622; margin: 0; padding: 0;}
div h6 a:link { color: #00bbff; text-decoration: none; }
div h6 a:visited { color: #00a3e5; text-decoration: none; }
div h6 a:hover { color: #fff; text-decoration: underline; }
div h6 a:active { color: #00a3e5; }
div p  { font: 12px/15px Arial, Helvetica, sans-serif; color: #444; margin: 0 0 1em 0; padding: 0; }
div p a:link { color: #00bbff; text-decoration: none; }
div p a:visited { color: #00a3e5; text-decoration: none; }
div p a:hover { color: #fff; text-decoration: underline; }
div p a:active { color: #00a3e5; }
div hr { display:block; border:0; border-top: 1px dotted #ccc; height: 0; margin: 1em 0 1em 0; padding: 0; clear:both}

/* layout */
div.main { width: 750px; margin: 0 auto; }
div.header { float: left; width: 750px; margin: 16px 0 0 0; }
div.header h2 { display: none;}
div.header ul.tagline {
	height: 39px;
	margin: 0;
	padding: 34px 0 0 0;
	text-align: right;
	background-color: #eceee0;
	background-image: url(../images/optimized/header_bg.png);
	background-repeat: no-repeat;
}
div.header ul.tagline li { display: inline; margin: 0 16px 0 0; padding: 0; font: bold 14px/14px Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; }
div.title {
	float: left;
	width: 748px;
	margin: 0;
	border-left: #999c8d solid 1px;
	border-right: #999c8d solid 1px;
	background-color: #ebebe8;
	background-image: url(../images/optimized/title_bg.png);
	background-repeat: no-repeat;
}
div.titlenav { float: left; width: 188px; margin: 0; padding: 0; }
div.titlenav ul { margin: 0; padding: 0 0 0 16px; }
div.titlenav ul li { float: left; list-style-type: none; width: 157px; margin: 0; padding: 0; }
div.titlenav ul li#top { margin: 0; padding: 0; height: auto; background: #999c8d url(../images/nav_cap.gif) no-repeat top left; }
div.titlehdr { float: left; width: 500px; margin: 0 0 0 188px; padding: 0 16px 0 21px; border-left: #ccc solid 1px; } 
div.titlehdr h3 { margin: 0; padding: 0 0 3px 0; color: #839622; } 
div.content { float: left; width: 748px; margin: 0; background-color: #fff; border-left: #999c8d solid 1px; border-right: #999c8d solid 1px; }
div.nav { float: left; width: 188px; margin: 0; padding: 0; }
div.nav ul { margin: 0; padding: 0 15px 0 16px; }
div.nav ul li { float: left; list-style-type: none; width: 157px; margin: 0; padding: 0; }
/*div.nav ul li a { display: block; margin: 0; text-indent: -20000px; text-decoration: none;}
div.nav ul li#home_on a { height: 23px; background: url(../images/nav_home_on.gif); }
div.nav ul li#home a { height: 23px; background: url(../images/nav_home_off.gif); }
div.nav ul li#home a:hover { height: 23px; background: url(../images/nav_home_over.gif); }
div.nav ul li#do_on a { height: 23px; background: url(../images/nav_comprepair_on.gif); }
div.nav ul li#do a { height: 23px; background: url(../images/nav_comprepair_off.gif); }
div.nav ul li#do a:hover { height: 23px; background: url(../images/nav_comprepair_over.gif); }
div.nav ul li#charge_on a { height: 23px; background: url(../images/nav_whatwecharge_on.gif); }
div.nav ul li#charge a { height: 23px; background: url(../images/nav_whatwecharge_off.gif); }
div.nav ul li#charge a:hover { height: 23px; background: url(../images/nav_whatwecharge_over.gif); }
div.nav ul li#contact_on a { height: 23px; background: url(../images/nav_contactus_on.gif); }
div.nav ul li#contact a { height: 23px; background: url(../images/nav_contactus_off.gif); }
div.nav ul li#contact a:hover { height: 23px; background: url(../images/nav_contactus_over.gif); }*/
div.nav ul li#bottom {
	height: 19px;
	background-image: url(../images/optimized/nav_bottom_cap.png);
}
div.help { text-align: center; padding: 5px 15px 0 16px; }
div.help p { margin: 0; padding: 0; }
div.help h4.phone { color: #990000; }
div.help h4 a { color: #000066; text-indent: 0; text-decoration: none; }
div.help h4 a:hover { color: #000066; text-indent: 0; text-decoration: underline; }
div.nav ul li*cc { display: block; margin: 0; text-indent: -20000px;}
div.nav ul li*cc { height: 15px; background: url(../images/ccs.gif) no-repeat; text-align: center; }
div.bodytext { float: left; width: 320px; margin: 0; padding: 21px 32px 0 21px; border-left: #ddd solid 1px; } 
div.bodytext h3 { font-size: 15px; line-height: 17px; }
div.bodytext h5 { height: 18px; padding: 4px 0 0 13px; background: #ddded8;	}
div.bodytext p { color: #666666; }
div.bodytext p a { color: #000066; text-decoration: none; }
div.bodytext p a:hover { color: #000066; text-decoration: underline; }
div.bodytext p.cta a { font: bold 13px/15px Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; }
div.bodytext p.cta a:hover { text-decoration: underline; }
div.bodytext p.last { padding: 0 0 7px 0; }
div.bodytext p.legal { font: 10px/12px Arial, Helvetica, sans-serif; color: #232323; margin: 0; padding: 8px 0 0 0; }
div.bodytext ul { margin: 0; padding: 0; } 
div.bodytext ul li { list-style-type: none; background: url(../images/bulletarrow.gif) no-repeat; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #232323; text-align: left; margin: 0; padding: 0 0 7px 13px; } 
div.bodytext ul li.services { list-style-type: none; background: url(../images/bulletarrow.gif) no-repeat; font: 12px/16px Arial, Helvetica, sans-serif; color: #232323; text-align: left; margin: 0; padding: 0 0 7px 13px; } 
div.bodytext ul li.services a { color: #000066; text-decoration: none; } 
div.bodytext ul li.services a:hover { color: #000066; text-decoration: underline; } 
div.sidebar { float: left; width: 170px; margin: 0; padding: 21px 16px 0 0; } 
div.sidebar ul { margin: 0; padding: 0; }
div.sidebar ul li { float: left; list-style-type: none; width: 170px; margin: 0; padding: 0; }
div.sidebar ul li#rule { padding: 0; height: 6px; background: url(../../images/dotted_doublerow.gif) no-repeat; }
div.sidebar ul li#quote p { font: bold italic 13px/17px Georgia, "Times New Roman", Times, serif; color: #999c8d; margin: 1em 0 1em 0; padding: 0; }
div.fact { margin: 0; padding: 8px 8px 8px 8px; background: #eafb94; }
div.fact p { font: 11px/14px Arial, Helvetica, sans-serif; color: #454545; margin: 0; padding: 8px 0 0 0; }
div.sidebar ul li#factpoint { width: 154px; list-style-type: none; background: #eafb94 url(../images/bulletarrow.gif) no-repeat; font: 11px/14px Arial, Helvetica, sans-serif; color: #454545; margin: 0; padding: 0 8px 8px 13px; display: block; }
div.footer {
	float: left;
	width: 718px;
	height: 31px;
	margin: 0;
	padding: 0 16px 0 16px;
	text-align: left;
	background-color: #eceee0;
	background-image: url(../images/optimized/footer_bg.png);
	background-repeat: no-repeat;
}
div.footer p { float:left; margin: 8px 0 0 0; font-size: 11px; color: #444; }
div.footer ul { margin: 0; padding: 0; }
div.footer ul li { float: right; list-style-type: none; margin: 8px 0 0 0; padding: 0; }
div.footer ul li a { font-size: 11px; color: #000066; text-decoration: none; }
div.footer ul li a:hover { text-decoration: underline; }

.hide { display: none; }
br.clear { clear:both; }
.bold{
	color: #999c8d;
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.grayback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EEEEEE;
	color: #000000;
	text-align: center;
}
.nav_on {
	background-image: url(../images/optimized/nav_comprepair_on.png);
	background-repeat: no-repeat;
	height: 19px;
	background-position: 16px;
	padding-top: 4px;
	text-decoration: none;
}
a.nav_on_green:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
}
a.nav_on_green:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
}
a.nav_on_green:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
}
a.nav_on_green:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
}
.nav_off {
	background-image: url(../images/optimized/nav_comprepair_off.png);
	background-repeat: no-repeat;
	height: 19px;
	background-position: 16px;
	padding-top: 4px;
}
div.nav a.nav_off_grey:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	padding-left: 27px;
	font-weight: bold;
	/*background-image: url(../nav_comprepair_off.gif);*/
	background-repeat: no-repeat;
	background-height: 23px;
	background-position: center;
	height: 23px;
	width: 157px;
	color: #FFFFFF;
	text-decoration: none;
}
div.nav a.nav_off_grey:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 27px;
	font-weight: bold;
	/*background-image: url(../nav_comprepair_off.gif);*/
	background-repeat: no-repeat;
	background-height: 23px;
	background-position: center;
	height: 23px;
	width: 157px;
	text-decoration: none;
}
div.nav a.nav_off_grey:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #333333;
	padding-left: 27px;
	font-weight: bold;
	/*background-image: url(../nav_comprepair_off.gif);*/
	background-repeat: no-repeat;
	background-height: 23px;
	background-position: center;
	height: 23px;
	width: 157px;
	text-decoration: none;
}
div.nav a.nav_off_grey:active {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #FFFFFF;
	padding-left: 27px;
	font-weight: bold;
	/*background-image: url(../nav_comprepair_off.gif);*/
	background-repeat: no-repeat;
	background-height: 23px;
	background-position: center;
	height: 23px;
	width: 157px;
	text-decoration: none;
}