/* CSS Document */
/* General styles */

* {margin:0; padding:0;}
html, body, p, div, h1, h2, h3, h4, h5, h6, img, span, ul, li, br, hr, a, form, input,  dl, dt, dd { padding:0px; margin:0px; border:0px;}
img {margin:0; padding:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }

br{ font-size:0; height:0; line-height:0; clear:both;}
a, a:hover, a:active, a:focus { outline:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}

body {margin:0; padding:0; font-family:"Times New Roman", Times, serif; background:#F1EDE1 url(../images/body_bg.jpg) repeat-x left top;}

.clr {font-size:0; height:0; line-height:0; clear:both;}

/* Header Section */
#header_top {margin:0 auto; padding:0; width:100%; height:11px; background:url(../images/top_graphic.jpg) repeat-x left top;}

/* Body Section */
#body_section {margin:0 auto; padding:0; width:100%; background:url(../images/body_graphic.gif) no-repeat top center;}

	#body_main {margin:0 auto; padding:0 0 40px 0; width:1040px; background:url(../images/body_graphic.gif) no-repeat top center;}
	/* Body Left Section */
		#body_left {margin:0; padding:0; width:280px; float:left;}
			#logo {margin:0; padding:0; width:280px; height:183px; float:left; text-align:center;}
			#left_box {margin:0; padding:0; width:280px;  float:left;}
				#left_box_top {margin:0; padding:8px 0 0 30px; width:250px; height:60px; float:left; background:url(../images/left_boxtop.png) no-repeat right top; font:normal 21px/60px "Times New Roman", Times, serif; color:#BED8BE;}
				#left_box_mid {margin:0; padding:0; width:280px; height:340px; float:left;  background:url(../images/left_boxbg.png) repeat-y right top;}
				#left_box_mid .img_box {margin:15px 0 15px 30px; padding:3px; width:231px; background-color:#FFFFFF;}
				#left_box_mid p {font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#FEF5E9; padding-left:40px; line-height:17px;}
				#left_box_mid p a {font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif; color:#FEF5E9; text-decoration:none;}
				#left_box_mid p a:hover {text-decoration:underline;}
				#left_box_bot {margin:0; padding:0; width:280px; height:10px; float:left; background:url(../images/left_boxbot.png) no-repeat right top; line-height:10px; font-size:0;}
			#left_img {margin:0; padding:15px 0 0 30px; width:250px; float:left;}
			#left_img .img_box {margin:0; padding:20px 15px; width:210px; float:left; background-color:#F7F2E7; border:1px solid #E8E4D8;}
			
	/* Body Right Section */		
		#body_right {margin:0; padding:0; width:760px; float:left;}
			#body_right_top {margin:0; padding:54px 30px 0 0; width:730px; height:50px; float:left; text-align:right;}
			#body_right_menu {margin:0 0 0 1px; padding:0 0 0 175px; width:584px; height:31px; float:left; background:url(../images/menubg.png) no-repeat bottom left;}
			
				.home {margin:0; padding:0; width:71px; height:31px; float:left;}
				.home a {background:url(../images/home.jpg) no-repeat 0 0; width:71px; height:31px; display:block; text-indent:-5000px;}
				.home a:hover {background:url(../images/home.jpg) no-repeat 0 -31px; width:71px; height:31px;}
				.home a.active {background:url(../images/home.jpg) no-repeat 0 -31px; width:71px; height:31px;}
				
				.elements {margin:0 0 0 3px; padding:0; width:91px; height:31px; float:left;}
				.elements a {background:url(../images/elements.jpg) no-repeat 0 0; width:91px; height:31px; display:block; text-indent:-5000px;}
				.elements a:hover {background:url(../images/elements.jpg) no-repeat 0 -31px; width:91px; height:31px;}
				.elements a.active {background:url(../images/elements.jpg) no-repeat 0 -31px; width:91px; height:31px;}
				
				.nutri_facts {margin:0 0 0 3px; padding:0; width:106px; height:31px; float:left;}
				.nutri_facts a {background:url(../images/nutri_facts.jpg) no-repeat 0 0; width:106px; height:31px; display:block; text-indent:-5000px;}
				.nutri_facts a:hover {background:url(../images/nutri_facts.jpg) no-repeat 0 -31px; width:106px; height:31px;}
				.nutri_facts a.active {background:url(../images/nutri_facts.jpg) no-repeat 0 -31px; width:106px; height:31px;}
				
				.products {margin:0 0 0 3px; padding:0; width:89px; height:31px; float:left;}
				.products a {background:url(../images/products.jpg) no-repeat 0 0; width:89px; height:31px; display:block; text-indent:-5000px;}
				.products a:hover {background:url(../images/products.jpg) no-repeat 0 -31px; width:89px; height:31px;}
				.products a.active {background:url(../images/products.jpg) no-repeat 0 -31px; width:89px; height:31px;}
				
				.msds {margin:0 0 0 3px; padding:0; width:83px; height:31px; float:left;}
				.msds a {background:url(../images/msds.jpg) no-repeat 0 0; width:83px; height:31px; display:block; text-indent:-5000px;}
				.msds a:hover {background:url(../images/msds.jpg) no-repeat 0 -31px; width:83px; height:31px;}
				.msds a.active {background:url(../images/msds.jpg) no-repeat 0 -31px; width:83px; height:31px;}
				
				.contact_us {margin:0 0 0 3px; padding:0; width:103px; height:31px; float:left;}
				.contact_us a {background:url(../images/contact_us.jpg) no-repeat 0 0; width:103px; height:31px; display:block; text-indent:-5000px;}
				.contact_us a:hover {background:url(../images/contact_us.jpg) no-repeat 0 -31px; width:103px; height:31px;}
				.contact_us a.active {background:url(../images/contact_us.jpg) no-repeat 0 -31px; width:103px; height:31px;}
			
			#body_right_banner {margin:0; padding:0; width:760px; float:left;}
				#body_right_banner .top {margin:0 0 0 1px; padding:0; width:759px; height:37px; float:left; background:url(../images/banner_top.png) no-repeat left top;}
				#body_right_banner .top1 {margin:0 0 0 1px; padding:0; width:759px; height:27px; float:left; background:url(../images/banner_top1.png) no-repeat left top;}
				#body_right_banner .left {margin:0; padding:0; width:28px; height:382px; float:left; background:url(../images/banner_left.png) no-repeat left top;}
				#body_right_banner .right {margin:0; padding:0; width:44px; height:382px; float:left; background:url(../images/banner_right.png) no-repeat left;}
				#body_right_banner .bot {margin:0 0 0 1px; padding:0; width:759px; height:39px; float:left; background:url(../images/banner_bot.png) no-repeat left top;}
				#body_right_banner .bot1 {margin:0 0 0 1px; padding:0; width:759px; height:25px; float:left; background:url(../images/banner_bot1.png) no-repeat left top;}
				#body_right_banner .mid {margin:0; padding:11px 0 0 11px; width:677px; height:371px; float:left; background-color:#FFFFFF;}
				
				#body_right_banner .left2 {margin:0; padding:0; width:28px; height:271px; float:left; background:url(../images/banner_left2.png) no-repeat left top;}
				#body_right_banner .left3 {margin:0; padding:0; width:28px; height:295px; float:left; background:url(../images/banner_left3.png) no-repeat left top;}
				#body_right_banner .right2 {margin:0; padding:0; width:44px; height:271px; float:left; background:url(../images/banner_right2.png) no-repeat left;}
				#body_right_banner .right3 {margin:0; padding:0; width:44px; height:295px; float:left; background:url(../images/banner_right3.png) no-repeat left;}
				#body_right_banner .mid2 {margin:0; padding:11px 0 0 11px; width:677px; height:260px; float:left; background-color:#FFFFFF;}
				#body_right_banner .mid3 {margin:0; padding:11px 0 0 11px; width:677px; height:284px; float:left; background-color:#FFFFFF;}
			
			#body_right_text {margin:0; padding:40px 45px 0 25px; width:690px; float:left;}
			#body_right_text .box01 {margin:0; padding:0; width:250px; float:left;}
			#body_right_text .box02 {margin:0; padding:0; width:440px; height:200px; float:left;}
			
				#body_right_text h2.welcome { background:url(../images/welcome.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.elements_heading { background:url(../images/heading_elements.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.nutri-facts_heading { background:url(../images/heading_nutri-facts.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.products_heading { background:url(../images/heading_products.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.msds_heading { background:url(../images/heading_msds.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.contactus_heading { background:url(../images/heading_contactus.gif) no-repeat; display:block; text-indent:-5000px; line-height:23px;}
				#body_right_text h2.sitemap_heading { background:url(../images/heading_sitemap.gif) no-repeat; display:block; text-indent:-5000px; line-height:25px;}
				#body_right_text h2.policy_heading { background:url(../images/heading_privacy.gif) no-repeat; display:block; text-indent:-5000px; line-height:25px;}
				
				#body_right_text h3 {font:normal 22px/30px "Times New Roman", Times, serif; color:#D88206; margin-top:10px;}
				#body_right_text ul.list {margin:0 0 0 17px; padding:0; list-style:square;}
				#body_right_text ul.list li {font:normal 17px/20px "Times New Roman", Times, serif; color:#3B3A36; padding-bottom:5px;}
				
				#body_right_text p {font:normal 17px/22px "Times New Roman", Times, serif; color:#3B3A36;}
				#body_right_text p span {font:normal 20px/22px "Times New Roman", Times, serif; color:#070707;}
				#body_right_text p a {font:normal 17px/22px "Times New Roman", Times, serif; color:#3B3A36; text-decoration:none;}
				#body_right_text p a:hover {text-decoration:underline;}

/* Footer Section */
#footer_section {margin:0 auto; padding:0; width:100%; height:76px; background:url(../images/bot_graphic.jpg) repeat-x left top;}
	#footer_main {margin:0 auto; padding:0; width:1040px; height:76px; background:url(../images/bot_graphic.jpg) repeat-x left top;}
		#footer_main .part01 {margin:0; padding:0; width:500px; height:75px; float:left;}
		#footer_main .part01 p {font:normal 14px/75px "Times New Roman", Times, serif; color:#F2E3CF;}
		#footer_main .part01 p a {font:normal 14px/75px "Times New Roman", Times, serif; color:#F2E3CF; text-decoration:none; padding:0 10px;}
		#footer_main .part01 p a:hover {text-decoration:underline;}
		
		#footer_main .part02 {margin:0; padding:0; width:275px; height:75px; float:right; text-align:right;}
		#footer_main .part02 p {font:normal 11px/20px Arial, Helvetica, sans-serif; color:#C2B7B1; padding-right:10px;}
		#footer_main .part02 p span {font:normal 14px/20px "Times New Roman", Times, serif; color:#B8D769;}
		#footer_main .part02 p a {font:normal 14px/20px "Times New Roman", Times, serif; color:#EE9617; text-decoration:none;}
		#footer_main .part02 p a:hover { color:#FFFFFF; text-decoration:none;}
		
		#footer_main .part03 {margin:0; padding:0; width:170px; height:75px; float:right; text-align:right;}
		#footer_main .part03 p {font:normal 11px/20px Arial, Helvetica, sans-serif; color:#C2B7B1; padding-right:10px;}
		
	ul.sitemap {margin:0 120px; padding:5px 0 6px 0; list-style:square; border-left:1px solid #3B3A36; list-style-position:inside;}
	ul.sitemap li {margin:0; padding:0; font:normal 17px/30px "Times New Roman", Times, serif; color:#3B3A36; list-style-position:inside;}
	ul.sitemap li a {margin:0; padding:4px; font:normal 17px/30px "Times New Roman", Times, serif; color:#3B3A36; text-decoration:none;}
	ul.sitemap li a:hover {color:#070707; text-decoration:underline; }
	
	ul.sitemap li ul.subsite {margin:0 30px; padding:5px 0 5px 12px; list-style:disc; border-left:1px solid #FCCB51;}
	ul.sitemap li ul.subsite li a {margin:0; padding:4px; font:normal 14px/28px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
	ul.sitemap li ul.subsite a:hover {color:#FFFFFF; text-decoration:none; background-color:#315973; }
