/* Undo existing styles
======================================================================*/
a img,:link img,:visited img {border: none;}
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }


/* FOUNDATION
======================================================================*/
html {overflow-y:scroll;}

body {background: #000 url(../../images/template/body-solid.gif) center top; color: #8A99B1; font-family: Arial, Verdana, sans-serif; font-size: 12px;}

.mainContainer {
	background: url(../../images/template/body-background.gif) no-repeat center bottom;
}

.bodyContainer {
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	width:775px;
}

.bodyFooter {
	background: url(../../images/template/body-footer.gif) no-repeat center bottom;
	background-color: transparent;
	height: 133px
}

.clear {clear: both; font-size: 1px; height: 1px; line-height: 1px; margin: 0px; padding: 0px;}
.clearSm {clear: both; font-size:1px; height: 0px; line-height:0px; padding: 0px;}
.clearMdm {clear: both; font-size:1px; height: 10px; line-height:0px; padding: 0px;}
h1 {color: #CEDEFA;font-size: 18px; margin: 0px 4px 5px 0px;}
h2 {color: #8A99B1;font-size: 16px; line-height:12px; margin: 15px 4px 10px 0px;}
.colL h2 {border-bottom: 1px solid #8A99B1;}
p {line-height: 16px; padding: 0px 0px 15px 0px;}
a {color: #96968F;}
a:hover {color: #CEDEFA;}
acronym {cursor:pointer;}
.caption2 {font-size:10px; font-style: italic;}
.floatL {float: left; margin: 10px 15px 15px 0px;}
.floatR {float: right; margin: 10px 0px 15px 15px;}

/* HEADER
======================================================================*/
.header {position: relative;}
.header .addThisContainer {position: absolute; right: 30px; top: 140px;}

/* NAVIGATION
======================================================================*/
.jumpNav {position: absolute; top: 50px; right:5px;}
.jumpNav ul {list-style-type: none;}
.jumpNav ul li {float: left; padding: 0px 3px;}
.jumpNav ul li.spacer {color: #617778; width: 2px;}
.jumpNav ul li a {text-decoration: none;}
.jumpNav ul li a:hover {color: #CEDEFA;text-decoration: none;}
.jumpNav .sitemap {margin: 0px 3px 0px 0px;}

#nav {border: 1px solid #00008F/*#0B3E80*/; margin: 15px 0px 0px 0px; position:relative; z-index: 100;}
ul#navmenu-h {
	background: url(../../images/template/nav-background.gif) repeat-x top left; 
	height: 28px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#navmenu-h li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align:center;
}

ul#navmenu-h ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 28px; left: -1px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

ul#navmenu-h ul li {
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	width: 200px;
}

/* Root Menu */
ul#navmenu-h a {
	color:#97ADAD;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 11px/28px arial, Helvetica, sans-serif;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	padding: 2px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
ul#navmenu-h a.last {border-bottom: none;}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: url(../../images/template/nav-active.gif);
  color: #FFF;
}

ul#navmenu-h .active {
  background: url(../../images/template/nav-active.gif);
  color: #FFF !important;
}


ul#navmenu-h li a.one {width:110px !important;}
ul#navmenu-h li a.two {width:185px !important;}
ul#navmenu-h li a.three{width:148px !important;}
ul#navmenu-h li a.four {width:200px !important;}
ul#navmenu-h li a.five {width:130px;}

ul#navmenu-h li.store {position: relative; }
ul#navmenu-h li.store .iconNew {position: absolute; right:0px; bottom:0px;}


/* 2ND MENU
======================================================================*/
ul#navmenu-h li ul {border: 1px solid #00008F; border-top: none; width:200px; z-index: 100 !important;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	background: #00008F;
	border-bottom: 1px solid #000048;
	color: #FFF;
	float: none;
	font-weight: normal;
	padding: 2px 10px;
	text-transform: none;
	text-align: left;
}

ul#navmenu-h li.iehover li a.last {border-bottom: none;}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #000048;
  color: #FFF;
}

/* 3RD MENU
======================================================================*/
ul#navmenu-h li ul li ul {border-top: none;position: absolute; top: -1px; left: 199px;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #B24B01;
  color: #FFF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #8A3A01;
  color: #FFF;
}

/* 4th MENU (NOT BEIGN USED JUST IN CASE)
======================================================================*/
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko
======================================================================*/
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


/* BODY
======================================================================*/
.body {display: block;padding: 25px 0px 5px 0px;}
.homeFeature {float: right; margin: 10px 0px 10px 10px; padding: 0px 0px 0px 0px;}
.homeFeature img {padding: 0px 0px 0px 0px;}
.homeFeature div {color: #B1DEFA; font-style: italic; font-size: 11px;padding: 5px; width: 180px;}
.homeFeature div.specials {color: #B1DEFA; font-style: italic; font-size: 12px;padding: 5px; width: 180px; text-align: center; font-family:Verdana, Geneva, sans-serif}
.homeFeature .divider {border-top: 1px solid #8A99B1; height:5px; margin: 10px 0px 0px 0px; padding: 0px;}

.colL {
/*	background: #242424;*/
	float: left;
	margin: 25px 25px 0px 0px;
	width: 220px;
	position: relative;
}

.colL .container {
	background: #081324;
	border: 1px solid #142646;
}

.colL .container .adContainer {padding:0px 0px 10px 0px;}
.colL .container h2 {border-bottom:none; margin: 0px; padding: 10px;}
.colL .affiliates {background: #06060E; padding: 10px 0px 10px 10px;}
.colL .adBack {background: #06060E; text-align: center !important;padding: 10px 0px 10px 10px;}
.colL p {font-size: 12px;margin: 5px 10px 15px 10px;}
.colL #title1 {font-size: 11px; font-style: italic; padding: 5px;}


.colR {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 505px;
}

.adContainer {height: 150px;}
.adContainer a{display: none;}
#slideshowSlow img {display: none;}

.calendar {
	background: #081324; 
	border: 1px solid #142646;
	padding-bottom: 2px;
	width: 100%;
}
.calendar td {padding: 10px;vertical-align:top;}
.calendar p {padding-bottom: 5px;}
.calendar .date {
	background: #142646; 
	border-top: 2px solid #081324;
	border-left: 2px solid #081324;
	width: 80px;
}
.calendar .event strong {color: #CEDEFA; text-transform: uppercase;}
.calendar .bt {border-top: 1px solid #142646;}
.calendar .img {float: right; margin: 5px 0px 5px 5px;}

ul.sitemap {
	float: left;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
}
ul.sitemap a {text-decoration: none;}
ul.sitemap li {padding: 0px 0px 20px 0px;}
ul.sitemap li ul {list-style-type: none; padding-left: 20px; text-transform: none;}
ul.sitemap li ul li{padding: 0px 0px 0px 0px;}
ul.sitemap.right {float: left; padding: 0px 0px 0px 150px;}

	/* GALLERIA
	======================================================================*/
	#miro {margin: 0px 0px 0px 0px; width: 225px;}
	#main_image {background: #0B0B1A; height: 475px; width: 500px;}
	.caption {display: block; font-size:12px; padding: 10px 20px;}
	
	/* contactForm CONTAINER
	======================================================================*/
	.contactForm {padding: 0px 20px;width:400px;}
	
	.contactForm div.fieldContainer {}
	.contactForm div.fieldContainerSm {float: left;width: 110px;}
	.contactForm label {float: left; margin: 0px !important; padding: 3px 5px 0px 0px; text-align:right; width: 100px;}
	.contactForm label.sm {padding: 3px 20px 0px 0px !important;width:auto;}
	.contactForm label.long {text-align:left;width: 300px;}
	.contactForm input {margin: 0px 0px 5px 0px;width: 200px;}
	.contactForm .optionContainer {float: left;}
	.contactForm .optionContainer input {border: none; float: left; margin: 3px 5px 0px 0px !important; padding:0px; height:13px; width: 13px;}
	.contactForm .optionContainer label {padding: 0px 0px 0px 0px;width: auto;}
	.contactForm .padContainer {padding: 0px 0px 0px 50px;}
	.contactForm div.fieldContainerSm input{width: 90px;}
	.contactForm select {width: 205px !important;}
	.contactForm textarea {height: 100px; width: 250px !important;}
	.contactForm .submitBtn {background: #F4F5F7; border: 1px solid #CDCDCD !important; color: #516e80; margin: 0px 0px 10px 155px; padding: 1px 3px; text-align:center; width: auto !important;}

	/* PRICING
	======================================================================*/
	.pricing {background: #000;border: 1px solid #142646; margin-bottom: 5px;}
	.pricing .title td {background: #142646; border: 1px solid #081324; font-weight: bold; padding: 2px 10px; text-transform: uppercase;}
	.pricing td {border-bottom: 1px solid #142646; margin-bottom: 5px; padding: 1px 20px;}
	.pricing td.price {text-align: right;width: 250px;}
	
	/* STORE
	======================================================================*/
	.storeContainer {padding-left: 30px; position: relative;}
	.store h3 {background: url(../../images/template/store-arrow.gif) no-repeat left top; padding: 0px 0px 5px 10px;}
	.store .options {margin-left: 10px;}
	.store .optionCell {width: 200px;}
	.store .priceCell {text-align: right; width: 30px;}
	.store .priceCell div {display: none;}
	.store .pricing td {vertical-align:top;}
	.store .price {color: gray; text-align: left !important; width: 50px !important;}
	.store .active {color: #FFF; font-weight: bold;}
	.store .removeBorder {border-bottom: none !important;}
	.store #coating3Options {
		margin: 3px 15px 3px 25px;
		}
	.store .option1 {width:140px;}
	.store .option2 {width: 210px;}
	.store .option3 {width:150px;}
	.store .total {font-size: 20px; padding-right: 0px; text-align: right !important;}
	.store .total div {display: inline;}
	.store .total td {bordeR: none;}
	
	
	/* TESTIMONIALS
	=======================================================================*/
	.testimonials {margin: 20px 0px 0px 0px;}
	.bigQuotes {display: inline-block; position: relative; width: 0px;}
	.bigQuotes.left img,
	.bigQuotes.right img {position: absolute; bottom: 3px;}
	.bigQuotes.left img {left: -16px;}
	.bigQuotes.right img {right: -16px; bottom}
	.testimonials p {color: #85BCD4;font-family: Verdana, Geneva, sans-serif;}
	.testimonials .name {padding: 5px 0px 0px 0px;}
	

/* FOOTER
======================================================================*/
.footer {
	background: url(../../images/template/footer-background.gif) no-repeat center bottom #000;
	display: block;
	height:135px
}