* { font-family: Arial; font-size: 14px; }
body { background: #FFF url(../images/bodyBackground.jpg) center -7px no-repeat; margin:0;}
body.testimonials { background: #FFF url(../images/bodyBackground-testimonials.jpg) center -7px no-repeat; margin:0;}

div#container { width: 960px; margin: 0 auto; }
div#headWrap { }
div#headWrap div#logo { float: left; background: url(../images/logo.jpg); width: 307px; height: 114px; }
div#headWrap div#logo h1 { width: 307px; height: 114px; }
div#headWrap div#logo h1 a { width: 307px; height: 114px; text-indent: -9999px; display: block; }

div#headWrap div#taglines { float: right; padding-top: 20px; }
div#headWrap div#taglines p { font-size: 20px; font-weight: bold; }
div#headWrap div#taglines h1 { font-size: 24px; font-weight: bold; }
div#headWrap div#taglines h2 { font-size: 24px; font-weight: bold; }
div#headWrap div#taglines h3 { font-size: 18px; font-weight: bold; }
div#headWrap div#taglines p.tagline1 { color: #001143; text-align:right; padding: 8px 0 0 0;  }
div#headWrap div#taglines p.tagline2 { color: #7BB0E2; }
div#headWrap div#taglines h1.tagline1 { color: #001143; text-align:right;  }
div#headWrap div#taglines h2.tagline2 { color: #7BB0E2; text-align:right; }
div#headWrap div#taglines h3.tagline2 { color: #7BB0E2; text-align:right; }

div#navigation { overflow: hidden; background: url(../images/navGradient.jpg) repeat-x; width: 100%; }
div#navigation ul { margin-left: 55px; }
div#navigation li a { text-indent: -9999px; }

#home, #about, #kitchens, #bathrooms, #portfolio, #video, #contact, #solar, #free-estimate, #testimonials
{
	display: inline;
	float: left;
	list-style-type: none;	
	list-style-image: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#home a { background: transparent url(../images/navigation.jpg) no-repeat scroll -51px 0; display: block; height: 30px; margin: 0; padding: 0; width: 54px; }
#home a:hover, #home a.active { background-position: -51px -30px;}

#about a { background: transparent url(../images/navigation.jpg) no-repeat scroll -105px 0; display: block; height: 30px; margin: 0; padding: 0; width: 58px; }
#about a:hover, #about a.active { background-position: -105px -30px;}

#kitchens a { background: transparent url(../images/navigation.jpg) no-repeat scroll -163px 0; display: block; height: 30px; margin: 0; padding: 0; width: 83px; }
#kitchens a:hover, #kitchens a.active { background-position: -163px -30px;}

#bathrooms a { background: transparent url(../images/navigation.jpg) no-repeat scroll -246px 0; display: block; height: 30px; margin: 0; padding: 0; width: 97px; }
#bathrooms a:hover, #bathrooms a.active { background-position: -246px -30px;}

#portfolio a { background: transparent url(../images/navigation.jpg) no-repeat scroll -343px 0; display: block; height: 30px; margin: 0; padding: 0; width: 89px; }
#portfolio a:hover, #portfolio a.active { background-position: -343px -30px;}

#video a { background: transparent url(../images/navigation.jpg) no-repeat scroll -432px 0; display: block; height: 30px; margin: 0; padding: 0; width: 54px; }
#video a:hover, #video a.active { background-position: -432px -30px;}

#contact a { background: transparent url(../images/navigation.jpg) no-repeat scroll -486px 0; display: block; height: 30px; margin: 0; padding: 0; width: 77px; }
#contact a:hover, #contact a.active { background-position: -486px -30px;}

#free-estimate a { background: transparent url(../images/navigation.jpg) no-repeat scroll -563px 0; display: block; height: 30px; margin: 0; padding: 0; width: 119px; }
#free-estimate a:hover, #free-estimate a.active { background-position: -563px -30px;}

#solar a { background: transparent url(../images/navigation.jpg) no-repeat scroll -682px 0; display: block; height: 30px; margin: 0; padding: 0; width: 112px; }
#solar a:hover, #solar a.active { background-position: -682px -30px;}

#testimonials a { background: transparent url(../images/navigation.jpg) no-repeat scroll -794px 0; display: block; height: 30px; margin: 0; padding: 0; width:119px; }
#testimonials a:hover, #testimonials a.active { background-position: -794px -30px;}

div#pictureBox { height: 414px; width: 960px; margin-top: 5px; }
.slideshow { height: 414px; width: 960px; } 
.slideshow img { height: 414px; width: 960px; }
div#content { margin-top: 20px; }
div#content a { text-decoration: none; border-bottom: 1px dotted #000; color: #000; }
div#content h2 { font-size: 20px; color: #1e6edd; border-bottom: 1px solid #1e6edd; padding-bottom: 4px; }
div#content h3 { font-size: 14px; color: #1e6edd; padding: 10px 0; }
div#content div#leftCol { width: 620px; float: left; }
div#content div#leftCol p { font-size: 14px; line-height: 20px; margin: 10px 0; color:#555;}
div#content div#leftCol td { font-size: 14px; line-height: 20px; margin: 10px 0; color:#555;}
div#content div#leftCol td { vertical-align:top; text-align: left; padding: 0 0 8px 0;}
div#content div#leftCol li { font-size: 14px; line-height: 20px; margin: 10px 0; color:#555;}
div#content div#leftCol select {color:#555; }
div#content div#rightCol {  float: right; width: 260px; }
div#content div#rightCol p {font-size: 14px; line-height: 20px; margin: 10px 0; color:#555;}
.clear { clear: both; }

body.home div#content { background: url(../images/newAgeContentGradient.jpg) repeat-x; height:140px;  margin-top: 5px;}
body.home div#content p { color: #FFF; }
body.home div#content div#leftCol { width: 550px; }
body.home div#content div#leftCol p { font-size: 14px; line-height: 20px; padding: 29px; float: left;}
body.home div#content div#rightCol { float: right; width: 390px;  }
body.home div#content div#rightCol img { margin: 8px; text-decoration: none;  }
body.home div#content div#rightCol a { text-decoration: none;  border: none;}

body.free-estimate ul { }

/* Mike's classes */
.imgRight img { float: right; padding: 0 0 0 10px; }
.right {text-align:right; padding: 0 10px 0 0; }
.hrstyle { height:20px; border-top:#999999 dashed 1px; }
div#content div#leftCol div#error li {font-weight:bold; color:#FF0000; }

div.videoBlock { margin: 0 0 30px 0; padding: 0 0 10px 0; text-align:center; }