@import url('mambo.css');
@import url('sifr.css');
@import url('menu.css');

/* CSS Document */
body, html {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
	height:100%;
	min-height:100%;/*for mozilla*/
	background: #231F20;
	text-align: center;
}
html>body #outer {height:auto}
#header-tag {
	background-image: url(../images/header-tag.jpg);
	height: 48px;
	width: 809px;
	margin: 0 auto;
}
#header {
	width: 809px;
	background: url(../images/header.jpg);
	margin: 0 auto;
	height: 199px;

}
#logo {
	background-image: url(../images/logo.jpg);
	width: 349px;
	height: 199px;
	float: left;
}

#contact {
	width: 460px;
	height: 79px;
	float: right;
	background: url(../images/contact.jpg) center top no-repeat;
	margin: 12px 0 0 0;
}
#schedule {
	width: 460px;
	height: 44px;
	background: url(../images/schedule-icon-over.jpg) left top no-repeat;
	float: left;
}
#schedule a {
	width: 460px;
	height: 44px;
	background: url(../images/schedule-icon.jpg) left top no-repeat;
	display: block;
	color: #D71A20;
	font-size: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
}
#schedule a:hover {
	width: 460px;
	height: 44px;
	background: none;
	display: block;
	color: #D71A20;
	font-size: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
}
#request {
	width: 460px;
	height: 44px;
	background: url(../images/request-icon-over.jpg) left top no-repeat;
		float: left;
}	
#request a {
	width: 460px;
	height: 44px;
	background: url(../images/request-icon.jpg) left top no-repeat;
	display: block;
	color: #D71A20;
	font-size: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
}
#request a:hover {
	width: 460px;
	height: 44px;
	background: none;
	display: block;
	color: #D71A20;
	font-size: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -1px;
}
/**************Old Top right Styles*****************************/
#cust-serv {

	display: block;
	background-image: url(../images/customer-care-over.jpg);
	width: 460px;
	height: 54px; 
	float: right;
	

}

#cust-serv a, #cust-serv a:link, #cust-serv a:active {

	display: block;
	background: url(../images/customer-care.jpg);
	width: 460px;
	height: 54px; 



}
#cust-serv a:hover {

	background: none;



}

#sched {

	display: block;
	background: url(../images/sched-appoint-over.jpg);
	width: 460px;
	height: 52px; 
	float: right;
	clear: right;
}

#sched a, #sched a:link, #sched a:visited {

	display: block;
	background: url(../images/sched-appoint.jpg);
	width: 460px;
	height: 52px; 

}
#sched a:hover {

	
	background: none;


}
#areas-served {
	background: url(../images/find-number-over.jpg);
	width: 460px;
	height: 93px; 
	display: block;
	float: right;
	clear: right;
}

#areas-served a, #areas-served a:link, #areas-served a:visited {
	background: url(../images/find-number.jpg);
	width: 460px;
	height: 70px; 
	display: block;

}
#areas-served a:hover {
	background: none;

}
.what {
	width: 347px;
	height: 65px;
	display: block;

}
.who {
	width: 347px;
	height: 65px;
	display: block;

}
#main {
	width: 809px;
	margin:  0px auto 0 auto;
	text-align: left;
	background: #fff;

}
#why {
	background-image: url(../images/why-call.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 307px !important;
	width: 347px;
	height: 288px !important;
	height/**/: 328px;
	padding: 20px 10px 20px 30px;
	color: #fff;
	float: left;
	font-size: 11px;
	overflow: hidden;
}
#why h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 19px;
}
#why p {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#why ul {
	margin-bottom: 0px;
}
#why ul li {
	margin: 5px auto !important;
	margin: 1px auto 0px auto;
}
#why a {
	width: auto;
	height: 20px;
	display: block;
	}
#why a:hover {
	background: none;

	}
#rightpic {
	background-image: url(../images/right-pic.jpg);
	width: 462px;
	height: 613px;
	float: right;
}
#checkboxes {
	width: 347px;
	height: 284px;
	float: left;
}

#nav2 {
	height: 32px;
	background: #FED40C;
	padding: 2px;
	margin: 0;
}
#content-int {
	margin: 20px;
}
#content-int img {
	border: 3px solid #FFECA8;
	padding: 1px;
}
.cleaner
{
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
	visibility: hidden;
}

.areas-served-links{
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
	color: #222;
}

.areas-served-links a:link, .areas-served-links a:visited {

	text-align: right;
	font: Arial, Helvetica, sans-serif;
	color: #C38412;
	font-weight:normal;
	font-size:12px;

}
.areas-served-links a:hover {
	color: #C38412;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;

}

.footer {

	margin: 0 auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/footer-bg.jpg) top repeat-x #C38412;
	font-size: 9px;
	padding: 8px;
	height: 110px;
	clear: both;
	color: #FFECA8;
	
}
.footer a:link, .footer a:visited {

	text-align: right;
	font: Arial, Helvetica, sans-serif;
	color: #FFECA8;
	font-size: 9px;

}
.footer a:hover {
	color: #FFECA8;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

}
.footer-l {
	float: left;
	width: 420px;
	color: #fff;
	text-align: left;
	margin:20px;
	margin-top: 7px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer-r {
	float: right;
	width: 240px;
	font-size: 11px;
	color: #FFECA8;
	margin: 20px;
	
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/**************CALLOUTS***********************/



#warranty {
	width: 147px !important;
	width/**/: 167px;
	height: 128px;
	border-right: 1px solid #000;
	float: left;
		padding: 10px;
}
#painter {
	width: 147px !important;
	width/**/: 167px;
	height: 128px;
	border-right: 1px solid #000;
	float: left;
		padding: 10px;

}
#special {
	width: 147px !important;
	width/**/: 167px;
	height: 128px;
	float: left;
	padding: 10px;
}

/**********************/

.inputbox {

	border: 1px solid #3C3A2D;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F4D3E;
	
	background: #fff;
}

blockquote {
	background: url(../images/blockquote-bg.gif) #FFF7D6 left top no-repeat;
	padding: 20px;
	text-align: center;
	color: #D71827;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight: normal;
	border: 3px solid #fffcf2;
	
}

/************************************/
#respect {
	background: url(../images/respect-over.jpg);
	width: 347px;
	height: 77px;
}
#respect a {
	background: url(../images/respect.jpg);
	width: 347px;
	height: 77px;
	display: block;
}
#respect a:hover {
	background: none;
}
#safe {
	background: url(../images/safe-over.jpg);
	width: 347px;
	height: 53px;
}
#safe a {
	background: url(../images/safe.jpg);
	width: 347px;
	height: 53px;
	display: block;
}
#safe a:hover {
	background: none;

}
#financing {
	background: url(../images/financing-over.jpg);
	width: 347px;
	height: 50px;
}
#financing a {
	background: url(../images/financing.jpg);
	width: 347px;
	height: 50px;
	display: block;
}
#financing a:hover {
	background: none;

}
#satisfaction {
	background: url(../images/satisfaction-over.jpg);
	width: 347px;
	height: 104px;
}
#satisfaction a {
	background: url(../images/satisfaction.jpg);
	width: 347px;
	height: 104px;
	display: block;
}   
#satisfaction a:hover {
	background: none;

}