/* -------------------------------------------------------
Keith Zars Pools
2.2010
------------------------------------------------------- */


/* ---------- Body ---------- */

        #wrapper { width: 952px; margin: 0; padding: 0; overflow: hidden; }
        #wrapper .left { width: 223px; margin: 0; padding: 0; float: left; }
	#wrapper .left h1 { background-image: url(/images/keith-zars-logo.jpg); width: 223px; height: 171px; overflow: hidden; position: relative; margin: 0; top: 0; left: 0; padding: 0; }
	#wrapper .left h1 a { width: 223px; height: 171px; display: block; text-indent: -99999px; }
        #wrapper .right { width: 729px; margin: 0; padding: 0; float: left; }
        #wrapper .right .header { width: 701px; height: 131px; background: #657A7B; margin: 0 0 0 28px; padding: 0; }
        #wrapper .right .header .address { width: 523px; height: 19px; background: #657A7B; margin: 0; padding: 22px 0 0 89px; }
        #wrapper .right .header p.address-top { width: 523px; height: 19px; margin: 0; padding: 0; background: url('/images/address.jpg') no-repeat; text-indent: -9999px; }
        #wrapper .right .quote { width: 729px; height: 137px; margin: 0; padding: 0; background: url('/images/quote-main.jpg') no-repeat; text-indent: -9999px; }
        #wrapper .right .quote p { margin: 0; padding: 0; }
        #flash { width: 729px; height: 361px; margin: 0; padding: 0; background: url('/images/pool-fade-1.jpg') no-repeat; }
	#news-video { width: 650px; min-height: 470px; height:auto !important; height: 470px; margin: 0; padding: 0; background: url('/images/video-background.jpg') no-repeat; overflow: hidden; }
        #wrapper .right .content { width: 629px; margin: 0 auto; padding: 0 0 30px 0; }
        #wrapper .right .content h2 { margin: 0; padding: 12px 0 8px 0; font-size: 22px; line-height: 25px; color: #F5F1EB; font-family: Georgia, Arial, Sans-Serif; font-weight: normal; }
        #wrapper .right .content h3 { margin: 0; padding: 10px 0 7px 0; font-size: 17px; line-height: 25px; color: #F5F1EB; font-family: Georgia, Arial, Sans-Serif; font-weight: normal; }
        #wrapper .right .content p { margin: 0; padding: 0 0 2px 0; font-size: 12px; line-height: 27px; color: #F5F1EB; font-family: Arial, Sans-Serif;}
        #wrapper .right .content a:active, #wrapper .right .content a:visited, #wrapper .right .content a:link { font-weight: normal; color: #FFF; text-decoration: underline; }
        #wrapper .right .content a:hover { font-weight: normal; color: #E6DDCD; text-decoration: underline; }
 

	#zars-luxe { margin: 0; padding: 0 0 0 0; font-size: 11px; line-height: 13px; width: 650px; clear: both; font-family: Arial, Verdana, sans-sefif; }
	#zars-luxe .left { margin: 0; padding: 0 15px 0 15px; font-size: 11px; line-height: 13px; width: 448px; float: left; }
	#zars-luxe .left a:active, #zars-luxe .left a:visited, #zars-luxe .left a:link { font-weight: normal; color: #836329; text-decoration: none; }
	#zars-luxe .left a:hover { font-weight: normal; color: #836329; text-decoration: underline; }
	#zars-luxe .left ul.news { margin: 0; padding: 0; width: 120px; list-style: none; font-size: 12px; color: #000; }
 	#zars-luxe .left ul.news li { margin: 0; padding: 7px 0 1px 12px; background: url(/images/square.jpg) no-repeat 0 11px; width: 120px; }
	#zars-luxe .left .newsmain { width: 448px; margin: 0 auto; padding: 7px 0 12px 0; float: left; clear: both; }
        #zars-luxe .left .newsmainleft { width: 140px; margin: 0 auto; padding: 0 14px 0 0; float: left; }
	#zars-luxe .left .newsmainmiddle { width: 140px; margin: 0 auto; padding: 0 14px 0 0; float: left; }    
	#zars-luxe .left .newsmainright { width: 140px; margin: 0 auto; padding: 0; float: right; }
        #zars-luxe .left h3.title { margin: 0; padding: 6px 0 0 0; font-size: 14px; line-height: 13px; font-weight: bold; color: #832B07; }
        #zars-luxe .right { margin: 0; padding: 0 0 0 0; font-size: 11px; line-height: 13px; width: 172px; float: left; }

        #zars-scene { margin: 0; padding: 0 0 0 0; font-size: 11px; line-height: 13px; width: 650px; clear: both; font-family: Arial, Verdana, sans-sefif; }
        #zars-scene .left { margin: 0; padding: 0 15px 0 15px; font-size: 11px; line-height: 13px; width: 448px; float: left; }
        #zars-scene .left a:active, #zars-scene .left a:visited, #zars-scene .left a:link { font-weight: normal; color: #836329; text-decoration: none; }
        #zars-scene .left a:hover { font-weight: normal; color: #836329; text-decoration: underline; }
        #zars-scene .left ul.news { margin: 0; padding: 0; width: 120px; list-style: none; font-size: 12px; color: #000; }
        #zars-scene .left ul.news li { margin: 0; padding: 7px 0 1px 12px; background: url(/images/square.jpg) no-repeat 0 11px; width: 120px; }
        #zars-scene .left .newsmain { width: 448px; margin: 0 auto; padding: 7px 0 12px 0; float: left; clear: both; }
        #zars-scene .left .newsmainleft { width: 140px; margin: 0 auto; padding: 0 14px 0 0; float: left; }
        #zars-scene .left .newsmainmiddle { width: 140px; margin: 0 auto; padding: 0 14px 0 0; float: left; }
        #zars-scene .left .newsmainright { width: 140px; margin: 0 auto; padding: 0; float: right; }
        #zars-scene .left h3.title { margin: 0; padding: 6px 0 0 0; font-size: 14px; line-height: 13px; font-weight: bold; color: #832B07; }
        #zars-scene .right { margin: 0; padding: 0 0 0 0; font-size: 11px; line-height: 13px; width: 172px; float: left; }


/* ---------- Fonts ---------- */


.maintext {  font-size: 13px; color: #333333; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.greycopy {  font-size: 13px; color: #333333; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.greycopy2 {  font-size: 11px; color: #333333; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.largetext {  font-size: 17px; color: #333333; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.maingrey {  font-size: 11px; color: #868686; line-height:20px; font-family: Arial,Verdana, Helvetica, sans-serif}
.lgheader {  font-size: 15px; color: #586E86; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.smheader {  font-size: 13px; color: #93703C; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}
.subheader {  font-size: 13px; color: #586E86; line-height:17px; font-family: Arial,Verdana, Helvetica, sans-serif}

input[type="text"] /* To keep form fields consistent */
{
background: #FFFFFF !important;
}

/* Links */

a.link:link { color: #9E7638; text-decoration: underline}
a.link:visited { color: #9E7638; text-decoration: underline}
a.link:active { color: #9E7638; text-decoration: underline}
a.link:hover { color: #BF9353; text-decoration: underline}