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

/* Colors
dark purple - #3D0D1B
medium purple - #5A0C20
dark gray - #C9C4BC

*/


* {margin: 0px; padding: 0px}

body {background: #ffffff; font-size: 62.5%; line-height: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333}

a {outline:none;}

#container {width: 900px; margin: 0 auto}

/* ------ header section ----- */

#header {height: 248px; width: 900px; background:url(images/header.jpg) no-repeat;}

#header h1 {height: 200px; width: 180px; float: left; position: relative; z-index: 50}
#header h1 a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

*html body #header h1 {height: 144px}


/* ----- navigation section ----- */

/* main nav */

#header ul.navMain {height: 46px; width: 700px; float: right; margin: 0px 10px 0 0; position: relative; z-index: 100; top:162px;}
*html body #header ul.navMain {margin: 0 15px 0 0}

#header ul.navMain li {display: block; float: left; height: 46px; list-style: none}
#header ul.navMain li a {display: block; height: 46px; width: 100%; text-indent: -9999px}

#header ul.navMain li.products { background:url(images/navMain_products.gif) no-repeat; width: 128px;}
#header ul.navMain li.distributor { background:url(images/navMain_distributor.gif) no-repeat; width: 109px;}
#header ul.navMain li.contractors { background:url(images/navMain_contractors.gif) no-repeat; width: 103px;}
#header ul.navMain li.services { background:url(images/navMain_services.gif) no-repeat; width: 104px;}
#header ul.navMain li.gallery { background:url(images/navMain_gallery.gif) no-repeat; width:107px;}
#header ul.navMain li.testimonials { background:url(images/navMain_testimonials.gif) no-repeat; width: 108px;}
#header ul.navMain li.separator {display: none}

#header ul.navMain li.products a:hover { background:url(images/navMain_products_over.gif) no-repeat; width: 128px;}
#header ul.navMain li.distributor a:hover { background:url(images/navMain_distributor_over.gif) no-repeat; width: 109px;}
#header ul.navMain li.contractors a:hover { background:url(images/navMain_contractors_over.gif) no-repeat; width: 103px;}
#header ul.navMain li.services a:hover { background:url(images/navMain_services_over.gif) no-repeat; width: 104px;}
#header ul.navMain li.gallery a:hover { background:url(images/navMain_gallery_over.gif) no-repeat; width:107px;}
#header ul.navMain li.testimonials a:hover { background:url(images/navMain_testimonials_over.gif) no-repeat; width: 108px;}

/* sub nav */

#navSub {background:url(images/navSub_bkg.gif) no-repeat; height: 27px; width: 306px; font-size: 1.1em; float: right; margin: 13px 33px 0 0 }
#navSub p {margin: 5px 0 0 10px; text-align:center;}

*html body #navSub {margin: 10px 15px 0 0 }

#navSub a {color: #000000; text-decoration:none; padding:0 10px 0 10px;}
#navSub a:hover {text-decoration: underline}

/* ----- content ----- */

#content {width: 900px; background:url(images/shadow_bkg.jpg) repeat-y; padding: 12px 0; font-size: 1.2em color: #000000}
#content p {margin: 5px 70px 4px 50px; line-height:2.0em; font-size:12px;}
#content p.box {margin: 5px 31px 4px 10px; line-height:1.2em; font-size:12px;}
#contentBottom {background:url(images/content_bottom.jpg) no-repeat; height: 25px; width: 900px; clear: both;}

#content table.gallery {padding: 0px 0px 0px 0px; margin:0 0 0 30px;}
#content table.gallery td, #content table.gallery tr {font-size:12px;}

#content a {color:#666; line-height:1.8em; font-size:12px; border-bottom:1px #666 solid; text-decoration:none; list-style-type:none;}
#content a:hover {color:#3D0D1B; border-bottom:1px #3D0D1B solid;}
#content li {list-style-type:none; line-height:1.6em; margin-bottom:6px;}
#content ul {margin: 5px 70px 4px 50px; line-height:1.8em; font-size:12px;}

#content h1 {margin:5px 70px 4px 50px; color:#5A0C20; padding:0 0 10px 0; font-size:22px;}
#content h1 a {color:#666; text-decoration:none; padding: 0 0 0 0; border-bottom:1px #666 solid; font-size:20px;}

#content h2 {margin:5px 70px 4px 50px; color:#333; padding:0 0 0 0; }
#content h3.distributor {padding:0 0 2px 15px; border-bottom:5px solid #5A0C20; color:#5A0C20; font-size:14px; width:230px;}

#content table {margin:0 10px 0 50px;}
#content table.spotlight {margin:0 10px 0 10px;}

#content table h3 {color:#5A0C20; text-transform:uppercase; font-size:13px;}
#content table h4 {text-transform:lowercase; font-size:11px;}
#content table td {font-size:11px;}


#content table td tr td {width:500px;}

#content td.column1_border {margin:0 0 0 0; border-right:1px #5A0C20 solid;}
#content td.column1_border p {margin:0 10px 0 15px;}

#content td.column2_border {margin:0 0 0 0; border-right:1px #5A0C20 solid;}
#content td.column2_border p {margin:0 10px 0 15px;}

#content td.column2 {margin:0 0 0 0;}
#content td.column2 p {margin:0 10px 0 15px;}

#content td.column3 {margin:0 0 0 0;}
#content td.column3 p {margin:0 10px 0 15px;}


hr.content {
border:none;
border-bottom:1px dashed #666;
margin:0 40px 0 40px;
padding:0 0 5px 0;
}

hr {
border:none;
border-bottom:1px dashed #666;
padding:0 0 5px 0;
}

/* spotlight box */ 

.spotlightBox {background:url(images/spotlight_bkg.gif) no-repeat; height: 166px; width: 427px; margin: 8px 0 0 31px; float: left}
.spotlightBox h3 {width: 300px; color: #ffffff; font-size: 1.8em; line-height:1.2em; border-bottom: 1px solid #ffffff;padding: 10px 0 3px 0; margin: 0px 0 7px 12px; font-family: Georgia, "Times New Roman", Times, serif}

*html body .spotlightBox {margin: 8px 0 0 15px}

.spotlightBox2 {background:url(images/spotlightBox2.gif) no-repeat; height: 166px; width: 400px; margin: 8px 0 0 11px; float: left}
.spotlightBox2 h3 {width: 290px; color: #ffffff; font-size: 1.8em; line-height:1.2em; border-bottom: 1px solid #ffffff;padding: 10px 0 3px 0; margin: 0px 0 7px 12px; font-family: Georgia, "Times New Roman", Times, serif}
.spotlightBox2 p {color: #ffffff; margin: 2px 8px 3px 10px}

/* flash movie box */

#flashMovie {background:url(images/flash_movie.jpg) no-repeat; height: 243px; width: 278px; float: right; margin: 0 31px 0 0 }
*html body #flashMovie {margin: 0 15px 0 0}

/* products/services boxes */

#productsBox {background:url(images/products_bkg.gif) no-repeat;}
#servicesBox {background:url(images/services_bkg.gif) no-repeat;}

#productsBox, #servicesBox { height: 119px; width: 530px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 5px 31px}
*html body #producsBox, *html body #servicesBox {margin: 0 0 5px 15p}

#productsBox ul, #servicesBox ul {margin: 0 8px 0 12px}

#productsBox li, #servicesBox li {color: #ffffff; line-height:1.0em; display:inline; list-style: none; font-size: 1.1em}
#productsBox li a, #servicesBox li a {color: #fff; text-decoration: none; border:none; font-size: 1.1em}
#productsBox li a:hover , #servicesBox li a:hover {color:#fff; text-decoration:underline;}

#productsBox h3, #servicesBox h3  {width: 120px; color: #ffffff; font-size: 2.6em; border-bottom: 2px solid #ffffff;padding: 10px 0 7px 0; margin: 0px 0 7px 12px}

/* ----- footer section ----- */

#footerTop {background:url(images/footer_top.jpg) no-repeat; height: 25px; width: 900px}
#footerBottom {background:url(images/footer_bottom.jpg) no-repeat; height: 31px; width: 900px}

#footer {background:url(images/shadow_bkg.jpg) repeat-y; padding: 8px 0; color: #ffffff }
#footerContent {background:url(images/footer_bkg.gif) no-repeat; height: 233px; width: 840px; margin: 0 auto}

#footer p {text-align: center; ; font-size: 1.1em; line-height:2.2em;}

#footer p#copy {padding: 7px 0 1px 0}

#footer p#credits {padding: 3px 0 0 0}

#footer p a {color: #ffffff; text-decoration: none}
#footer p a:hover {text-decoration: underline}

#footer ul.navMain {color:#333333; margin: 10px auto 0 auto; text-align: center; font-size:1.1em;}

#footer ul.navMain li {display: inline;}
#footer ul.navMain li a {color:#333333; text-decoration: none; font-size: 1.0em;}

#footer #footerContent p.navSub {color: #333333 }
#footer #footerContent p.navSub a {color: #333333;}

#reference {text-align:left; width: 700px; margin: 0 auto; color: #333333; font-size: 1.0em; line-height: 2.0em}

#reference h3 {font-size: 1.0em; font-weight: normal}

#reference .highlight {font-weight: bold;; display: inline; clear: left}

#reference ul {display:inline;}

#reference li {display: inline; color: #33333}
#reference li a {color: #333333; text-decoration: none;}
#reference li a:hover {text-decoration: underline;}