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


/*====================================================================
	BODY
====================================================================*/
html { font-family:Verdana,Arial,Helvetica,sans-serif; }
body {
	font-size:1em;
	background:url(../img/brushed_metal.png) #cccccc repeat;
	margin:0;
	padding:0;
	font-size:small;
}
#wrapper {
	width: 860px;
	margin: 0 auto;
	padding: 0;
}

/*====================================================================
	HEADER
====================================================================*/
#header {
	background:url(../img/head.jpg) no-repeat top;
	width:860px;
	height:468px;
	text-align:center;
}
#header img#logo {
	position:relative;
	z-index:100;
	margin-top:-140px;
	margin-left:100px;
}
#banner {
	background:url(../img/banner.png) repeat-x center;
	height:157px;
	margin-bottom:-4px;
	position:relative;
}
#header ul#nav {
	margin: 0;
	padding: 0;
	background-color: #b76e25;
	color: white;
	float: left;
	width: 100%;
}
#header ul#nav li {
	display: inline;
}
#header ul#nav li a {
	padding: 2px 10px;
	background-color: #b76e25;
	color: white;
	font-weight:bold;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;

}
#header ul#nav li a:hover {
	background-color: #999999;
}
#header ul#nav li a.active {
	color:#333333;
}
#header ul#nav { border:solid #ff9933; border-width:10px 0; }

#nav { overflow:auto; margin-top:330px; margin-left:100px }
#nav_home, #nav_ingredients, #nav_testimonials, #nav_buy, #nav_faq, #nav_contact, .nav_divider {
	height:30px; 
	display:block; 
	float:left; 
	text-decoration:none;
	overflow:auto;
	padding:0 10px
}
#nav_home { background:url(../img/nav_home_down.png) no-repeat; width:53px; }
#nav_ingredients { background:url(../img/nav_ingredients_down.png) no-repeat; width:113px; }
#nav_testimonials { background:url(../img/nav_testimonials_down.png) no-repeat; width:124px; }
#nav_buy { background:url(../img/nav_buy_down.png) no-repeat; width:114px; }
#nav_faq { background:url(../img/nav_faq_down.png) no-repeat; width:50px; }
#nav_contact { background:url(../img/nav_contact_down.png) no-repeat; width:98px; }
#nav a:hover { margin-top:3px; }
a:hover#nav_home { background-image:url(../img/nav_home_up.png); }
a:hover#nav_ingredients { background-image:url(../img/nav_ingredients_up.png); }
a:hover#nav_testimonials { background-image:url(../img/nav_testimonials_up.png); }
a:hover#nav_buy { background-image:url(../img/nav_buy_up.png); }
a:hover#nav_faq { background-image:url(../img/nav_faq_up.png); }
a:hover#nav_contact { background-image:url(../img/nav_contact_up.png); }

/*====================================================================
	MAIN CONTENT AREA
====================================================================*/
#container {
	background:url(../img/backfade.png) repeat-y;
	padding:30px;
}
.article {
	background-color: #ffffff;
	border: #b76e25 1px solid;
	margin: 0 10px 10px 0;
}
.article p {
	padding: 0 10px 0 10px;
}
.article h1 {
	background: #b76e25;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 0 0 2px 10px;
	margin: 0;
}
.buybtn img { border:1px solid black; }
.buybtn input[type=submit] {
	background:none;
	border:none;
	font-weight:bold;
}
#left {
	padding-top: 10px;
}
#left ul {
	color: #b76e25;
	list-style-type: none;
	padding-left: 20px;
	margin: 0;
}
#left ul li a {
	text-decoration: none;
	color: #b76e25;
}
#left ul li a:hover {
	color: #ff6600;
}
#left ul li a#current {
	color: #ffffff;
}

/*====================================================================
	FOOTER
====================================================================*/
#footer {
	text-align: center;
	color: #333;
	padding-top: 10px;
	margin: 0;
}
#footer p {
	margin: 0 50px;
	font-size:x-small;
	border-top:1px #333 dashed;
	padding: 10px 0 10px 0;
}
#footer a { text-decoration:none; color:#333; }
#footer a:hover { color:red; }
#sideimg {
	position:absolute;
	top:0;
	margin-top:200px; 
	margin-left:-150px;
}

/*====================================================================
	GENERAL
====================================================================*/
img {
	border: 0;
}

/**************************************************************
	PRODUCT HIGHLIGHT
**************************************************************/
div.product_higlight h3 { border-bottom: 1px dashed #333333; }
div.product_higlight .product_thumb {
	float:left;
	margin-right:1em;
	width:120px
}
div.product_higlight .product_thumb img {
	margin-bottom: .5em;
}
div.product_higlight select {
	margin-right:5px;
}
div.product_higlight .product_desc, div.product_higlight .product_link {
	margin-left:140px;
}
div.product_higlight {
	clear:both;
	margin:1em 0;
	overflow:auto;
}
.product_higlight a { color: #ff9933; }
.product_higlight a:hover {	color:#666666; }



.style12 {
	font-family: Georgia, "Times New Roman", Times;
	font-weight: bold;
	font-size: 20px;
	color: #FF0000;
}
.style13 {
	font-family: Georgia, "Times New Roman", Times;
	font-style: italic;
	font-size: 12px;
	color: #333333;
}
.style14 {
	font-family: Georgia, "Times New Roman", Times;
	font-style: italic;
	font-size: 12px;
	color: #FF0000;
}
.style15 {
	font-family: Georgia, "Times New Roman", Times;
	font-size: 24px;
	color: #0000FF;
}
.style21 {font-size: 20px; font-family: Georgia, "Times New Roman", Times; color: #333333; }
.style22 {font-size: 26px}
.style23 {
	font-size: 48px;
	color: #FF0000;
}
.style24 {color: #0000FF}
.style27 {
	font-size: 60px;
	font-weight: bold;
}
.style28 {
	font-size: 36px;
	font-weight: bold;
	color: #0000FF;
}
.style30 {font-size: 28px}
.style31 {
	font-size: 32px;
	color: #FF0000;
}
.style32 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.style33 {
	font-size: 36px;
	color: #FF0000;
}
.style35 {font-size: 38px}
.style36 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #FF0000;
}
.style37 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #0000FF;
}
.style38 {
	font-size: 24px;
	font-weight: bold;
}
.style39 {
	font-size: 24px;
	color: #FF0000;
}
.style40 {color: #333333}
.style41 {
	font-size: 18px;
	color: #FF0000;
}

.style42 {color: #000000}
.style44 {color: #0000FF; font-size: 18px; }
.style46 {color: #FF0000}