* {
 margin: 0;
 padding: 0;
}

html {
 background-color: #336;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 width: 955px;
 margin: 5px auto;
}

ul {
 list-style-type: none;
}

#container {
 background-color: #d9dacb;
 border: 3px solid #d9dacb;
}

#header, 
#content,
#footer {
 border: 1px solid #000;
}

#header {
 margin-bottom: 2px; background: url(../images/header.gif) 0 0 no-repeat;
 width: 100%;
 height: 166px;
 
}
#header2 {
 margin-bottom: 2px; background: url(../images/header.gif) 0 0 no-repeat;
 width: 100%;
 height: 249px;
 
}
#header h1{text-indent: -9999px; height:102px}

.spacer {
 clear: both;
}

.nav li {
 display: inline;
}

.heading {
 color: #000066;
 font-weight: bold;
}

.caps {
 text-transform: uppercase;
}

.floatleft {
 float: left;
}

.floatright {
 float: right;
}

.red {
 color: #f00;
}

.blue {
 color: #00f;
}

.bold {
 font-weight: bold;
}

a {
 text-decoration: none;
}

img {
 border: 0;
}

.style-small {
		font: Arial, Helvetica, sans-serif;
		font-size: 10px;
		}

/******************************* Header *******************************/

#nav {
 padding-left: 10px;
 height: 26px;
 background-color: #000;
 font-size: 10pt;
 letter-spacing: -.15px;
 text-transform: lowercase;
}

#nav li {
 background: url(../images/nav_bg.gif) 0 3px no-repeat;
 padding-left: 20px;
 padding-right: 10px;
 font-weight: bold;
}

#nav li a {
 color: #fff;
 text-decoration: none;
}

#nav li a:hover {
 color: #e00;
}

#sub_nav {
 float: left;
 width: 590px;
 padding: 0 5px; 
 height: 28px;
 background-color: #bf0000;
 font-size: 10pt;
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: -.3px;
}

#sub_nav li {
 padding: 5px 3px;
 line-height: 26px;
 display: inline;
 color: #fff;
}

#sub_nav li a {
 color: #fff;
 text-decoration: none;
}

#sub_nav li a:hover {
 color: #fb0;
}

#company_info {
 float: left;
 width: 319px;
 background-color: #bf0000;
 height: 28px;
 color: #fb0;
 font-weight: bold;
 letter-spacing: -.3px;
 font-size: 10pt;
 line-height: 26px;
 padding-left: 30px;
 text-transform: uppercase;
}


/******************************* Content *******************************/
#content {
 clear: both;
 padding: 10px;
 border-bottom: 0;
}

h1 {
 font-size: 16px;
 margin: 5px 0;
}

h2.heading {
 font-size: 20px; margin:5px 0;
}

h2 {
 font-size: 12px;
 margin: 10px 0;
}

#content p {
 font-size: 13px;
 margin: 15px 0;
}

#wrapper {
 width: 600px;
 float: left;
}

#sidebar {
 margin-top: 10px;
 float: right;
 width: 300px;
 text-align: center;
}

#sidebar ul {
 width: 260px;
 margin: 5px auto 10px;
 border: 2px solid #fff;
 border-bottom: 0;
 text-transform: uppercase;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 9pt;
 font-weight: bold;
}

#sidebar ul li {
 height: 20px;
 line-height: 20px;
 border-bottom: 2px solid #fff;
 text-align: center;
}

#sidebar ul li a {
 background-color: #926c4b;
 height: 100%;
 width: 100%;
 display: block;
 color: #eee;
 text-decoration: none;
}

#sidebar ul li a:hover {
 background-color: #999;
}

#sidebar img {
 margin: 0 auto 10px;
}

#content .estimate {
 clear: both;
 width: 900px;
 margin: 0 auto;
 border-bottom: 1px solid #000;
 padding-bottom: 20px;
 text-align: center;
 color: #d00;
 text-transform: uppercase;
 font-size: 18px;
 letter-spacing: .5px;
}

/******************************* Footer *******************************/
#footer {
 font-size: 13px;
 text-align: center;
 margin: 0 auto;
 border-top: 0;
 padding-bottom: 3px;
}

#footer a {
 text-decoration: none;
}

#footer object {
 width: 900px;
 margin-bottom: 10px;
}

#footer .nav a {
 font-size: 10px;
 text-decoration: underline;
 text-transform: uppercase;
}

#footer_nav {
 padding-top: 5px;
}

#copyright {
 background-color: #336;
 width: 100%;
 color: #fff;
 font-size: 10px;
 text-align: center;
}
#copyright a{ color:#fff; text-decoration:none;}
#copyright a:hover{ color:#fff; text-decoration:underline;}

/*--------------------------------New Classes added on 17-08-11--------------------------------------------------*/
.banner { height: 83px; padding:29px 0 0 0; background:url(../images/header.gif) no-repeat left top}
.banner a{
cursor:pointer;
 
}
.center{
	text-align:center;
	}
.angies-list{
	color: black; 
	font-family: arial, sans-serif; 
	font-size: 12px; border: 1px solid #fdb913;
	padding: 7px;
	 }
.angig{
	width: 133px; 
	background-color: white; 
	color: black;
	}
h1.heading {
	font-size: 20px;
	}
h2.heading2{
	font-size:12px; 
	font-weight:bold; 
	color:#000066;}
h3 {
	font-size: 12px;
	margin: 10px 0;
}
.blue2 {
	color: #00f;
	font-size:16px;
}
h2.heading3{ 
	font-size:14px; 
	font-weight:bold; 
	color:#000066; 
	text-align:center;
	}
h2.faster-service{
	font-size:16px;  
	color:#FF0000; 
	text-transform:uppercase;
	}

h2.call{
	font-size:16px; 
	text-align:right;
	}
.smfolder{ 
	background:url(../images/smfolder.gif) no-repeat top left; 
	padding-left:20px; 
	font-size:16px; 
	font-weight:bold; 
	margin-bottom:20px;
	} 
.smlinks{
	margin:0px; 
	padding:10px 0px 0px 0px;
	}	
.smlinks li{ 
	margin-left:30px; 
	list-style:circle; 
	/*background:url(../images/smfile.gif) no-repeat left 5px; */
	padding-left:4px; 
	line-height:20px; font-size:12px
	}
.smlinks li a{ 
	color:#FF0000; 
	text-decoration:none; 
	font-size:12px;  
	}
.smlinks li a:hover{
	color:#0066FF; 
	text-decoration:underline; 
	font-size:12px; 
	}
.clear{ clear:both}
.f_left{ float:left}
#content #hcard-Cupertino-Plumbing, #content #hcard-Cupertino-Plumbing div{ float:left; width:auto; }
#content #addr{ margin:0 0 15px 0;width:auto;font-size:13px}
h2.red{ font-size:16px; margin:5px 0}
h2.blue2{ font-size:16px; margin:5px 0}
.map{float: left;font-size: 13px;margin: 0 50px 0 20px; text-align: center;}
h1.maps{padding-bottom: 15px;}

/**********Product*********/
.white {background-color: #fff!important;}
#product {width: 100%; text-align: center;margin: 0 auto;}
#product ul {float: left;margin: 0 auto;width: 50%;}
#product ul li {margin-bottom: 20px;}
#product ul li a {font-size: 13px;}


/**********Job*********/
#jobs {float: left;width: 600px;}
#jobs div {float: left;width: 50%;}
#jobs div a {font-size: 13px;}

/******Contact*******/
#content #contact, #content #contact2 {width: 900px;margin: 0 auto;float: none;}
#content #contact {border-bottom: 1px solid #000;}
.c-left {float: left; width: 48%;}
.c-left a, .c-left2 a { font-size: 13px;}
.c-left2 {float: left; width: 48%; margin-left: 30px;}
#content #contact, #content #contact2  h3 + p { float: left;}
#content #contact, #content #contact2  h3 + p + p {float: left;margin-left: 14px;}

/*********Services********/
#services {width: 100%;margin: 0 auto;text-align: center;}
#services div {float: left;margin: 0 auto;width: 420px;text-align: center;padding: 0 20px;}
#services div p, #services div h2 {text-align: left;}
#services div img {margin: 10px auto;}
#services div ul {text-align: left; text-transform: uppercase;}
#services div ul li { background: url(../images/cupertino_plumbing_bullet.gif) 0 50% no-repeat; padding-left: 14px;}
#services div > ul + p + p > span{ font-size: larger;}

/*******Repipe******/
#repipe{float: left; width: 600px;}
#repipe dl {margin: 20px auto;}
#repipe dl dt {color: #000066;font-weight: bold;font-size: 12px;}
#repipe dl dd {font-size: 13px;margin-bottom: 10px;}
#repipe img[class="floatleft"] { margin-right: 15px;}
#repipe ul {list-style-type: disc;}
#repipe ul li { margin-left: 30px; font-size: 13px;font-weight: bold;}
#repipe a + p { padding-top: 40px;}
#sidebar {background-color: #ff9;text-align: left; padding: 8px 8px 60px 8px;}
#sidebar h3 {text-align: center;}
.no-bg{ background:none!important; text-align: center!important; padding:0!important}

/**********Water Heater**********/
#water_h div {float: left;width: 67%;text-align: left;font-size: 14px;}
#water_h div img {display: block;margin: 15px auto 5px;}
#water_h div + div > img{ margin-top: 15px;}
#water_h div + div > img + img{margin-top: 75px;}
#water_h .bullets {list-style-image: url(../images/arrow-a-4small2.png);}
#container #water_h table tr td .bullets {list-style-image: url(../images/arrow-a-2small2.png);}
#water_h {list-style-position: inside;list-style-image: url(../images/arrow-a-2small2.png);list-style-type: circle;}
#water_h #heater1 {font-size: 14px;}
#container #water_h .heater2 {width: 40%;}
#container #water_h .heater3 {width: 30%;}
#container #water_h .heater4 {width: 60%;}
#container #water_h .heater5 {width: 50%;}

#footer_nav {width: 900px;border-top: 1px solid #000;margin: 0 auto;padding-top: 10px;}
.no-border{ border-top:none!important}