/*General Rules*/
body{
	background:#FFF url(../images/bodyBg.gif) repeat-x;
	font:.8em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
a.skipNav{
	display:none;
	text-indent:-1000px;
	overflow:hidden;
}

.clrBoth {clear:both}

h4{
	color:#7d8b67;
	font-size:1.3em;
	margin-bottom:15px;
}

h4 span{
	color:#877ea9;
	font-size:.75em;
	margin-bottom:15px;
}

/*Section dividers */
.dividerSm, .dividerLg{
	background:Transparent url(../images/dividerSm.gif) no-repeat center;
	float:left;
	width:195px;
	height:18px;
	display:block;
	clear:both;
	margin-top:40px;
}
.dividerLg{
	background: url(../images/dividerLg.gif) no-repeat center;
	width:431px;
}


.dividerFull{ background:url(../images/horz_devider.gif) no-repeat top center;
	height:32px;
	margin-bottom:20px;
	width:658px;
}


/* -- */

#generalContainer{
	background:url(../images/genContBg.png) repeat-y;
	position:absolute;
	width:1004px;
	left:50%;
	margin-left:-502px;
}
#header{
	background:Transparent url(../images/headerBg.jpg) no-repeat;	
	width:970px;
	height:194px;
	margin-left:17px;
}
#header h1 a{
	text-indent:-10000px;
	overflow:hidden;
	float:left;
	width:220px;
	height:100px;
	margin:30px 0 0 30px;
}
/* Navigation Rules */
#mainNav{
	background:Transparent url(../images/mainNavBg.png) repeat-x;
	float:left;
	width:970px;
	margin-top:23px;
	border-top:1px solid #f4faf1;
}
#mainNav ul li{
	display:inline;
	float:left;
}
#mainNav ul li a{
	float:left;
	padding:13px 30px;
	margin-top:2px;
	color:#877ea9;
	line-height:1em;
}

#mainNav ul li a:hover{
	background:#a09cb4;
	color:#FFF;
}
#mainNav ul li a#homeBtn{
	margin-left:10px;
}
body#homePage a#homeBtn, 
body#prodPage a#prodBtn, 
body#shopPage a#shopBtn, 
body#testPage a#testBtn, 
body#abouPage a#abouBtn, 
body#newsPage a#newsBtn, 
body#contPage a#contBtn{background:#7d759b;	color:#FFF;}

#subNav{
	background:Transparent url(../images/subNavBg.gif) repeat-x;
	display:inline;
	float:left;
	width:970px;
	height:39px;
	margin-left:17px;
	border-bottom:1px solid #FFF; 
}
#subNav dt{
	float:left;
	margin:10px 0 0 33px;
	width:248px;
	height:25px;
	text-indent:-10000px;
	overflow:hidden;
}
body#homePage #subNav dt, body#prodPage #subNav dt{
	background: url(../images/ourProdSubTit.gif) no-repeat;
}


body#shopPage #subNav dt{
	background: url(../images/ourShopSubTit.gif) no-repeat;
}


body#testPage #subNav dt{
	background: url(../images/ourTestSubTit.gif) no-repeat;
}


body#abouPage #subNav dt{
	background: url(../images/ourAboutSubTit.gif) no-repeat;
}


body#newsPage #subNav dt{
		background: url(../images/ourNewsSubTit.gif) no-repeat;
}


body#contPage #subNav dt{
	background: url(../images/ourContactSubTit.gif) no-repeat;
}


#subNav dd{
	float:left;
	margin:15px 50px 0 0;
	color:#FFF;
}
#subNav dd a{
	color:#FFF;
	background:url(../images/nav_bullet.gif) left center no-repeat; padding-left:10px;
}

/* Products highlight boxes */
#mainProducts{
	float:left;
	width:970px;
	margin-left:17px;
	display:inline;
	border-bottom:1px solid #FFF;
}
#mainProducts div{
	float:left;
	width:221px;
	height:204px;
	padding:20px 0 0 25px;
	background:#d6ded0 url(../images/bgMainProd.gif) no-repeat top right;
}
#mainProducts div.left{
	background:#d6ded0 url(../images/bgMainProdLeft.gif) no-repeat top left;
}
#mainProducts div.right{
	background:#d6ded0 url(../images/bgMainProdRight.gif) no-repeat top right;
	width:207px
}
#mainProducts div h1{
	color:#877ea9;
	font-size:1.4em;
	line-height:1.2em;
}
#mainProducts div p{
	padding:12px 0 0 0;
	float:left;
	width:140px;
	color:#877ea9;
	font-weight:700;
}
#mainProducts div a.moreInfo{
	float:right;
	background:Transparent url(../images/moreInfo1.png);
	width:58px;
	height:58px;
	margin-top:9px;
	text-indent:-10000px;
	overflow:hidden;
}
#mainProducts div a.highLight{
	float:right;
	background:Transparent url(../images/moreInfo2.png);
	width:58px;
	height:58px;
	margin-top:9px;
	text-indent:-10000px;
	overflow:hidden;
}

/*content area  */
#contentContainer{
	float:left;
	display:inline;
	width:968px;
	margin-left:17px;
	background:#FFF url(../images/contentBg.gif) repeat-y right;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
}

#contentContainerFull{
	float:left;
	display:inline;
	width:968px;
	margin-left:17px;
	background:#FFF url(../images/contentBgFull.gif) repeat-y right;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
}


#contentContainer h3, #contentContainerFull h3{
	color:#7d8b67;
	font-size:1.7em;
	line-height:1.2em;
	margin-bottom:15px;
}

#contentContainerFull strong{
	font-size:1.1em;
	font-weight:bold;
	color:#8179a1;
	display:block;
	margin-bottom:10px;
	
}

body#newsPage #contentContainerFull blockquote{
	font-weight:bold;
	
}

#contentContainerFull blockquote{
	font-weight:normal;
	
}

#contentContainerFull p{
	margin-bottom:20px;
}

#contentContainerFull img {
	float:left;
	margin:0 16px 10px 0;
	border:solid 8px #e5ebd8;
	display:block;
	}

	
	

#contentContainerFull .newsArticle	{
	float:left;
	margin-bottom:20px; 
	padding-bottom:20px; 
	border-bottom:1px dotted #ccc;	
	}

#contentContainerFull .newsArticle .before{
	float:left; margin-bottom:20px;
	text-align:center;
	}
	
#contentContainerFull .newsArticle	.after{
	float:left; margin-bottom:20px; 
	text-align:center;
	}
	
#contentContainerFull .testimonial{
	float:left;
	width:918px; 
	margin-bottom:20px; 
	padding-bottom:20px; 
	border-bottom:1px dotted #ccc;	
}
	
#contentContainerFull .newsArticle ul{margin-bottom:20px;}

#contentContainerFull .newsArticle ul li{ background:url(../images/bullet.gif) left center no-repeat; padding-left:25px; margin-left:25px;
	
}	
	
	
#contentContainer .leftCol, #contentContainer .midCol, #contentContainer .rightCol, #contentContainer .wideCol, #contentContainerFull .leftCol, #contentContainerFull .midCol, #contentContainerFull .rightCol, #contentContainerFull .wideCol {
	float:left;
	display:inline;
	background:Transparent url(../images/contShadow.gif) no-repeat right top;
	line-height:1.5em;
	font-size:.95em;
	min-height:400px;
}


#contentContainerFull .wideCol{
	float:left;
	display:inline;
	background:Transparent url(../images/contShadowFull.gif) no-repeat right top;
	line-height:1.5em;
	font-size:.95em;
}	

#contentContainerFull .midCol2thirds{
	float:left;
	display:inline;
	background:Transparent url(../images/contShadowFull.gif) no-repeat right top;
	line-height:1.5em;
	font-size:.95em;
}


#contentContainer .leftCol a, #contentContainer .midCol a, #contentContainer .rightCol a, #contentContainer .wideCol a, #contentContainerFull .leftCol a, #contentContainerFull .midCol a, #contentContainerFull .rightCol a, #contentContainerFull .wideCol a{
	color:#666;
	text-decoration:underline;
}
#contentContainer .leftCol{
	width:215px;
	padding:37px 20px 0 10px;
}


#contentContainerFull .leftCol{
	width:215px;
	padding:37px 0 0 30px;
}


#contentContainer .midCol{
	width:431px;
	padding:37px 30px 0 30px;
}
#contentContainer .midCol p{
	padding-bottom:5px;
}

#contentContainerFull .midCol p{
	padding-bottom:5px;
}


#contentContainer .rightCol{
	background:#e5e3eb;
	width:232px;
	padding-bottom:20px;
}
#contentContainer .wideCol{ /* use this class if you waant to have the right bar and a wide content area */
	width:706px;
	padding:37px 0 0 30px;
}

#contentContainerFull .midCol2thirds {
	width:693px;
	padding:37px 0 0 30px;
}


#contentContainerFull .wideCol{ 
	width:918px;
	padding:37px 20px 0 30px;
}



/* Products Page */

#contentContainerFull .wideCol .product {
	float:left;
	border:1px solid red;
	padding:20px;
	width:385px;
	margin:0 0 20px 20px;
	background:#d6ded0 url(../images/bgMainProdLeft.gif) no-repeat top right;

}





/* footer */

#footer{
	float:left;
	width:1004px;
	background:#FFF url(../images/footShadow.gif) no-repeat;
}
#footer #adr{
	display:inline;
	color:#FFF;
	font-size:.9em;
	padding:22px 15px 0  32px;
	margin-left:17px;
	width:200px;
	height:155px;
	float:left;
	background:#7f779e url(../images/footerBg.gif) repeat-y 210px 0;
}
#footer #adr a{
	color:#FFF;
	text-decoration:underline;
}
#footer #prodRange h2, #footer #adr h4{
	color:#c3bcdf;
	margin: 0 0 15px 0;
	font-size:1.1em;
}
#footer #prodRange{
	float:left;
	padding:22px 15px 0 32px;
	background:#7f779e;
	width:675px;
	height:155px;
	border-right:1px solid #FFF;
	font-size:.9em;
}
#footer #prodRange dl{
	float:left;
	display:block;
	margin-right:40px;
	
}
#footer #prodRange dt{
	color:#FFF;
	margin-bottom:5px;
}
#footer #prodRange dd a{
	color:#c3bcdf;
	text-decoration:underline;
	line-height:1.5em;	
}
#footer #footAuxNav{
	float:left;
	display:inline;
	background:#FFF url(../images/footAuxNavBg.gif) no-repeat center top;
	margin-left:17px;
	width:970px;
}
#footer #footAuxNav ul{ 
	float:left;
	padding:25px 0;
	margin-left:420px;
	display:inline;
}
#footer #footAuxNav li{
	display:inline;
	float:left;
	margin-right:30px;
}
#footer #footAuxNav a{
	color:#7f779e;
	font-size:.8em;
	text-decoration:underline;
	
}

