/* CSS Document */
body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x;
	}
div, ul, h1, h2, h3, h4, img, form{
	padding:0; margin:0;
	}
h1 {color:#FC6; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:22px; }
h2 {color: #999; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:23px; }
h3 {color: #FC6; font-family:Arial, Helvetica, sans-serif; font-size:15px; }

ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
.headings {color:#FC3; font-size:17px; font:Arial, Helvetica, sans-serif; }
.headings2 {color: #393; font-size:17px; font:Arial, Helvetica, sans-serif; }
.headings3 {color: #393; font-family:Arial, Helvetica, sans-serif; font-size:15px; } 
.content {color:#666; font:Arial, Helvetica, sans-serif; font-size:15px; }
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:778px; margin:0 auto 0 auto; background:url(images/header_pic.jpg) no-repeat; height:343px;
	}
#headerPan ul{
	width:445px; margin:0 0 0 245px; display:block; height:21px;
	}
#headerPan ul li{
	display:block; float:left; height:20px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 12px/21px Arial, Helvetica, sans-serif; padding:0 30px 0 30px; color:#FFFFFF;
	text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	color: #060;
	}
#headerPan h1{
	background:url(images/company_name.gif) no-repeat; margin:48px 0 0 251px;  width:233px; height:100px; display:block;
	text-indent:-2000px; 
	}

/*----------------------------------body part----------------*/
#main { height:540px; background-image:url(images/main_bkg.jpg); background-repeat:no-repeat; }

#mainBody{
	width:780px; height:540px; margin:0px auto 0 auto;
	}
#mainBody_products{
	width:780px; height:840px; margin:0px auto 0 auto; 
	}
#mainBody_safety{
	width:780px; height:650px; margin:0px auto 0 auto; 
	}
#left { width:27%; float:left; z-index:10;}
#left_content { color:#666; font-family: Arial, Helvetica, sans-serif; font-size:15px; padding-left:10px; padding-right:10px; margin-top:15px;}
#definition { color:#333; font-family: Arial, Helvetica, sans-serif; font-size:15px; padding-left:10px; padding-right:10px; margin-top:15px;}
#def_header { color: #3C3; font-family: Arial, Helvetica, sans-serif; font-size:15px; text-align:center; border-bottom:#3C3 solid thin; padding-bottom:2px;}
#logos { text-align:center; margin-top:20px;}

#right {width:66%; float:right; padding-left:20px; padding-right:20px; border-left:#999; border-left-style:solid; border-left-width:thin; }

#right ul { text-align:center; line-height:20px; }

#right li { text-align:left; list-style-type:circle; margin-left:15px; }
#photos { margin-top:20px; float:left; width:100%; text-align:center;
}
#contact { width:150px; height:110px; float:right; clear:left; margin-right:20px; margin-bottom:20px; text-align:left; line-height:20px;}
/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; height:97px; width:778px; margin:0 auto 0 auto; padding:74px 0 0 0;
	}
#footer ul{
	width:530px; margin:0px 0 0 auto; padding:0; font-size:0; height:20px; text-align:center;
	}
#footer ul li{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none; padding:0 10px 0 10px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; margin:0px 0 0 430px;
	 padding:0 0 9px 0;
	}
#footer ul.css{
	width:103px; display:block; font-size:0px; margin:0px 0 0 0px; padding:0; height:20px;
	}
#footer ul.css li{
	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
	}
#footer ul.css li a{
	  height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
	}
#footer ul.css li a.cs{
	background:url(images/css.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.cs:hover{
	background:url(images/css_h.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.html{
	background:url(images/xhtml.gif) no-repeat 0 0; width:61px;
	}
#footer ul.css li a.html:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; width:61px;
	}
#footer p.copy{
	width:330px; font:12px/18px  Arial, Helvetica, sans-serif; color: #666; margin-top:40px;
	padding:0x; text-align:right;
	}
#footer p.copy a{
	text-decoration:none; color: #3C3;
	}
#footer p.copy a:hover{
	text-decoration:none
	}
#facebook { float:left; width:200px; margin-top:30px; padding-top:3px; line-height:22px;}

#extraDiv2{
	position:relative;
	top:377px;
	float:left;
	width: 195px;

	}
	
* html #extraDiv2{
	position:absolute;
	}

#extraDiv3{
	position:fixed;
	top:420px;
	float:right;

	}
	
* html #extraDiv3{
	position:absolute;
	}