* {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#top_wrap {
	width: 100%;
	height: 228px;
	background: url(../images/rotate/rotate.php) top left repeat-x;
}

#top_wrap img {
	padding: 0 0 0 0;
	display: block;
	margin: 0 auto;
}

#nav { margin: -29px auto 0 auto; width: 710px; height: 40px; overflow: hidden;}
#nav li { float: left; position: relative; height: 40px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 40px; text-decoration: none; font-size: 14px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 40px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/navbar.png); text-indent: -9999px;}
#nav a:active, #nav a:visited { outline: none; }

#nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0px 0px; width: 79px; }
#nav li.products, #nav li.products a, #nav li.products a strong	{ background-position: -79px 0px; width: 95px; }
#nav li.health, #nav li.health a, #nav li.health a strong { background-position: -174px 0px; width: 137px; }
#nav li.consumers, #nav li.consumers a, #nav li.consumers a strong	{ background-position: -311px 0px; width: 106px; }
#nav li.distributors, #nav li.distributors a, #nav li.distributors a strong { background-position: -417px 0px; width: 119px; }
#nav li.buy, #nav li.buy a, #nav li.buy a strong { background-position: -536px 0px; width: 87px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -623px 0px; width: 87px; }

/* HOVER STATE */
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position: 0px -40px; width: 79px; }
#nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong { background-position: -79px -40px; width: 95px; }
#nav li.health:hover a, #nav li.health:hover a strong, #nav li.health a:hover, #nav li.health a:hover strong { background-position: -174px -40px; width: 137px; }
#nav li.consumers:hover a, #nav li.consumers:hover a strong, #nav li.consumers a:hover, #nav li.consumers a:hover strong { background-position: -311px -40px; width: 106px; }
#nav li.distributors:hover a, #nav li.distributors:hover a strong, #nav li.distributors a:hover, #nav li.distributors a:hover strong { background-position: -417px -40px; width: 119px; }
#nav li.buy:hover a, #nav li.buy:hover a strong, #nav li.buy a:hover, #nav li.buy a:hover strong { background-position: -536px -40px; width: 87px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: -623px -40px; width: 87px; }

/* ON STATE */
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: 0px -80px; width: 79px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div { background-position: -79px -80px; width: 95px; }
#nav li.healthon, #nav li.healthon strong, #nav li.healthon div	{ background-position: -174px -80px; width: 137px; }
#nav li.consumerson, #nav li.consumerson strong, #nav li.consumerson div { background-position: -311px -80px; width: 106px; }
#nav li.distributorson, #nav li.distributorson strong, #nav li.distributorson div { background-position: -417px -80px; width: 119px; }
#nav li.buyon, #nav li.buyon strong, #nav li.buyon div { background-position: -536px -80px; width: 87px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div { background-position: -623px -80px; width: 87px; }

#body_wrap {
	width: 760px;
	margin: 0 auto;
	background: url(../images/BodyBG.gif) top repeat-y;	
	padding: 0 20px 50px 20px;
}

#body {
	width: 515px;
	padding: 10px 15px 70px 15px;
	min-height: 515px;
}

#body img {
	float: left;
	margin: 5px 10px 0 0;
	border: 2px #3B0E29 solid;
}

#sidebar {
	float: right;
	width: 192px;
	padding-bottom: 15px;
	background: #F4EFD6 url(../images/bottomleft.gif) bottom left no-repeat;
	height: 100%;
}

#sidebar h2 {
	float: left;
	width: 177px;
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #D2C686;
	margin-top: 15px;
	padding: 6px 0px 4px 15px;
	color: white;
}

#sidebar p {
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	padding: 8px 15px 5px 15px;
	color: #333;
}

#sidebar img {
	float: left;
	border: none;
	margin: 5px 0px 5px 15px;
}

#sidebar a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;	
	color: #816E2C;
	border: none;
}

#sidebar a:hover {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #3B0E29;
	border: none;
	background: none;
}

h1 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 24px;
	color: #3B0E29;
	padding: 10px 0 2px 0;
	font-weight: normal;
	text-transform: capitalize;
}

h1 a {
	text-decoration: none;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #3B0E29;
}

h1 a:hover {
	color: #3B0E29;
	text-decoration: underline;
	background: transparent;
}

p {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	color: #333;
	line-height: 1.4em;
	text-align: justify;
	margin-bottom: 4px;
}

p a {
	text-decoration: none;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #3B0E29;
	border-bottom: dotted 1px;
}

p a:hover {
	color: white;
	background-color: #3B0E29;
	border: none;
}

p .article a {
	border: none;
	margin-left: 5px;
	padding: 1px 3px;
	text-decoration: none;
	font-weight: bold;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #3B0E29;
	font-variant: small-caps;
}

p .article a:hover {
	color: white;
	background-color: #3B0E29;
}

/* STICKY FOOTER */
html {
	height: 100%;
}

body {
	height: 100%;
}

#non_footer {
	position: relative;
	min-height: 100%;
}

* html #non_footer {
	height: 100%;
}

#footer {
	background: #6C4B5F url(../images/FooterBG.gif) top repeat-x;
	width: 100%;
	padding: 10px 0;
	height: 70px;
	position: relative;
	margin-top: -5.6em;
	color: white;
}

#footer_content {
	margin: 0 auto;
	text-align: center;
}

#footer #html_nav, #footer a {
	font-family: "Trebuchet MS", trebuchet, verdana, sans-serif;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer_cc {
	display: block;
	color: #C1C1C1;
	margin-top: 10px;
	font-size: 9px;
	font-family: arial, verdana, sans-serif;
}

#footer img {
	margin-top: 3px;
}

#footer img a {
	border: none;
	background: transparent;
	color: none;
}

/* END FOOTER */

