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

/*******Resets*******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul{list-style:none;}

table{border-collapse: collapse; border-spacing: 0;}

small{font-size:12px;}

:focus{outline:0;}

.clear{clear:both; line-height:-1px; padding:0; height:0; margin:0; font-size:0;}

/*******General*******/

body{margin:0; padding:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background:#2d0000 url(images/redFade.jpg) repeat-x top left fixed; color:#fff; font-size:14px;}

a{color:#5a0000;text-decoration:none;}

a:hover{text-decoration:underline;}

#topLeftSplatter{width:278px; height:310px; background:url(images/topLeftSplatter.png) top left no-repeat fixed; position:fixed; top:0; left:0; z-index:1;}

#topRightSplatter{width:217px; height:393px; background:url(images/topRightSplatter.png) top left no-repeat; position:fixed; top:0; right:0; z-index:1;}

#backWrap{width:100%; height:100%; margin:0; padding:0; bottom:0; background:url(images/logoBack.png) repeat top left fixed; position:fixed;}

#container{width:906px; margin:auto; position:relative; z-index:3;}

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

#header{display:block; width:906; padding:21px 0 15px 0; height:64px;}

#header img{display:block; width:436px; height:63px; float:left; margin:0 0 0 2px;}

#header #slogan{float:right; display:block; width:389px; height:30px; color:#fff; text-transform:uppercase; background:url(images/sloganBack.png) top left no-repeat; padding:5px 0 0 12px; margin:16px 0px 0 0;}

/*******Nav*******/

#nav{display:block; width:906px; height:46px; background:url(images/navBack.png) no-repeat; margin:0 0 15px 0; font-family:Verdana, Geneva;}

#nav ul{margin:0px 0 0 2px; padding:1px 0 0 0; line-height:27px; list-style:0; height:27px;}

#nav ul li{float:left; display:inline; margin:0 0px 0 7px;}

#nav ul li a{font-size:14px; color:#fff; text-decoration:none; height:27px; display:block; padding:6px 13px 6px 12px; margin:0; line-height:27px;}

#nav ul li#home a{background:url(images/homeBack.png) center 50px no-repeat;}
#nav ul li#home a:hover, #nav ul li#home a.active{color:#000; background:url(images/homeBack.png) center center no-repeat;}

#nav ul li#shop a{background:url(images/shopBack.png) center 50px no-repeat;}
#nav ul li#shop a:hover{color:#000; background:url(images/shopBack.png) center center no-repeat;}

#nav ul li#order a{background:url(images/orderBack.png) center 50px no-repeat;}
#nav ul li#order a:hover, #nav ul li#order a.active{color:#000; background:url(images/orderBack.png) center center no-repeat;}

#nav ul li#ship a{background:url(images/shipBack.png) center 50px no-repeat;}
#nav ul li#ship a:hover, #nav ul li#ship a.active{color:#000; background:url(images/shipBack.png) center center no-repeat;}

#nav ul li#install a{background:url(images/installBack.png) center 50px no-repeat;}
#nav ul li#install a:hover, #nav ul li#install a.active{color:#000; background:url(images/installBack.png) center center no-repeat;}

#nav ul li#faq a{background:url(images/faqBack.png) center 50px no-repeat;}
#nav ul li#faq a:hover, #nav ul li#faq a.active{color:#000; background:url(images/faqBack.png) center center no-repeat;}

#nav ul li#contact a{background:url(images/contactBack.png) center 50px no-repeat;}
#nav ul li#contact a:hover, #nav ul li#contact a.active{color:#000; background:url(images/contactBack.png) center center no-repeat;}

/*******Top Pics********/

#topPicsContainer{width:906px; height:306px; margin:0 0 15px 0; background:url(images/topPicsContainer.png) no-repeat top left;}

.slideshow{width:898px; height:298px; position:absolute; margin:2px 0 0 4px;}

#topPicsSplatter{width:427px; height:298px; background:url(images/topPicsSplatter.png) no-repeat top left; float:right; margin:2px 4px 0 0; position:relative; z-index:9;}

/*******Content*******/

h1{background:url(images/headingTop.png) no-repeat top left; width:894px; font-size:21px; font-style:italic; margin:0; padding:7px 0 0 12px; height:65px; text-transform:uppercase; letter-spacing:1px; position:relative; z-index:7;}

h2{font-size:21px; font-style:italic; margin:0; padding:7px 0 0 12px; text-transform:uppercase;}

h3{font-size:18px; color:#000; margin:3px 0; padding:2px 0 0 12px; text-transform:uppercase;}

h4{font-size:16px; color:#000; margin:3px 0 10px 0; padding:2px 0 0 12px;}

p{color:#000; font-weight:bold; font-size:14px; line-height:18px;}

.content{width:906px; background:url(images/contentBack.png) repeat-y top center; padding:10px 0 0px 0; margin:-11px 0 0 0; position:relative; z-index:5;}

.content p{padding:0 12px;  margin:0px 0 7px 0;}

.content a{text-decoration:underline;}

#featured{margin:auto;padding:0;width:880px;}

#featured li{float:left;display:block;width:220px;text-align:center;font-size:18px;font-style:italic;font-weight:bold;font-family:Trebuchet MS;text-transform:uppercase;}

#featured li a{text-decoration:none;}

#featured li a:hover{text-decoration:underline;}

.textBox{margin:15px 0 0px 0; width:906px;}

.textBox li{width:446px;height:208px;float:left;display:block;background:url(images/textBox.png) no-repeat top left;}

.textBox li:first-child{margin:0 14px 0 0;}

.textBox li p{padding:36px 12px 10px 12px;}

.textBox li ul{margin:36px 0 0 0;width:auto;padding:0;}

.textBox li ul li, .textBox li ul li:first-child{margin:0 0 7px 11px;width:auto;background:none;height:auto;font-weight:bold;color:#fff;float:none;display:block; vertical-align:middle;}

/*******Footer********/

#footer{width:906px; height:66px; background:url(images/footerBack.png) no-repeat top left;margin:15px 0;clear:both; padding:0 14px;}

#footer p{color:#ffffff; line-height:62px; float:right; margin:0 28px 0 0;}

#footer p a{color:#ffffff; line-height:62px;}

#footer p:first-child{float:left;}

/*******Contact Page*******/

#map{float:right;width:600px;margin:0 12px 6px 0;border-left:1px solid black;}

#contactH2{background:url(images/headingTop.png) no-repeat top left; width:894px; font-size:21px; font-style:italic; margin:15px 0 0 0; padding:7px 0 0 12px; height:65px; text-transform:uppercase; letter-spacing:1px; position:relative; z-index:7;}

#contactForm{margin:15px 0 0 0px;}

#contactForm div{float:left;}

#contactForm p{margin:0 0 15px 12px;padding:0;}

#contactForm label{display:block;}

#contactForm input[type=text]{width:200px;height:18px;line-height:18px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

#contactForm textarea{width:365px;height:129px;overflow:auto;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

#contactForm #submit{float:left;margin:0 12px 7px 12px;padding:2px 10px;}

#contactForm #reset{float:left;margin:0 12px 7px 0px;padding:2px 10px;}

label.error{color:red;font-size:12px;}