@charset "utf-8";



/* CSS Document */







* {



	margin: 0;



	padding: 0;



}







body {



	margin: 0;



	padding: 0;



	color: #666666;



	font: 12px Verdana, Arial, Helvetica, sans-serif;



	background: #999;	



}







img {



	border: none;



}







.imgLeft {



	float: left;



	margin: 0 10px 0 0;



}







.greyText {



	color: #565656;



	font-size: 12px;



	line-height: 18px;



}







.clear {



	clear: both;



}







#wrapper {



	width: 990px;



	margin: 26px auto 0 auto;



}







#left_box {



	float: left;



	width: 218px;



	padding: 4px 0px 4px 4px;



	background: url(../images/transparent-border.png);



}







#left_box_content {



	width: 158px;



	padding: 28px 30px 0px 30px;



	background: #fff url(../images/left-box-content-bg.jpg) repeat-x;



}







#left_box_content h1 a {



	width: 158px;



	height: 94px;



	outline: none;



	display: block;



	text-indent: -9999px;



	background: url(../images/logo.jpg) no-repeat;



}







.left_box_text {



	width: 158px;



	height: 23px;



	padding: 6px 0 0 0;



	background: url(../images/left-box-text-bg.png) no-repeat;



	text-align: center;



	text-transform: uppercase;



	font-size: 12px;



	margin-bottom: 10px;



}







p.left_boxText {



	font-size: 10px;



	line-height: 18px;



	margin: 0px;



	padding: 0 0 10px 0;



}







p.left_boxText a {



	color: #000;



	font-weight: bold;



	font-size: 11px;



}







p.left_boxText a:hover {



	text-decoration: none;



}







.boldText {



	font-weight: bold;



	font-size: 12px;



}







#right_main_box {



	width: 768px;



	float: left;



}







#right_box {



	width: 760px;



	background: url(../images/transparent-border.png);



	padding: 0px 4px 4px 4px;



}







#nav {



	width: 100%;



	margin-bottom: 4px;



	height: 37px;



	background: url(../images/nav-bg.png) repeat-x;



}







#nav ul {



	margin: 0;



	padding-top: 8px;



	list-style: none;



}







#nav li {



	margin: 0;



	padding: 0;



	float: left;



}







#nav li a {



	color: #fff;



	font-size: 12px;



	text-decoration: none;



	text-transform: uppercase;



	font-family: Arial, Helvetica, sans-serif;



	margin: 0 0 0 20px;



	line-height: 22px;



}







#nav a:hover {



	text-decoration: underline;



}







#right_box_content {	



	width: 760px;



}







#right_video_box {



	width: 734px;



	height: 300px;



	background: #fff url(../images/video-box-bg.jpg) no-repeat;



	margin: 0;



	padding: 0px 0 0 0px;



}







#right_box_middle {



	width: 640px;



	min-height: 337px;



	padding: 30px 60px 60px 60px;



	border-top: 1px solid #B2C8D6;



	background: #fff url(../images/right-box-middle-bg.jpg) repeat-x;



}







/* for Internet Explorer */



/*\*/



* html #right_box_middle {



height: 335px;



}



/**/







#right_box_middle h1 {



	color: #030171;



	font-size: 24px;



	margin: 0;



	padding: 0;



	font-weight: normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}







#right_box_middle h2 {



	color: #030171;



	font-size: 18px;



	margin: 0;



	padding: 0;



	font-weight: normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}







.mainText {



	font-size: 11px;



	color: #313030;



	line-height: 18px;



}







.blue_border {



	height: 10px;



	background: url(../images/blue-border.gif) no-repeat left bottom;



	margin: 0 0 10px 0;



}







.out_products_box a {



	width: 172px;



	height: 38px;



	display: block;



	background: url(../images/see-our-products-box.jpg) no-repeat;



	color: #fff;



	padding: 46px 10px 0 15px;



	font-size: 10px;



	text-decoration: none;



}







.photo_gallery_box a {



	width: 172px;



	height: 38px;



	display: block;



	background: url(../images/photo-gallery-box.jpg) no-repeat;



	color: #fff;



	font-size: 10px;



	padding: 46px 10px 0 15px;



	text-decoration: none;



}







.getin_touch_box {



	width: 172px;



	height: 38px;



	background: url(../images/get-in-touch-box.jpg) no-repeat;



	color: #fff;



	font-size: 10px;



	padding: 46px 10px 0 15px;



}







.getin_touch_box a {



	color: #fff;



	text-decoration: none;



}







.getin_touch_box a:hover {



	text-decoration: underline;



}







#footer {



	width: 760px;



	margin: 15px 0 0 5px;



}







p.copyright {



	float: left;



}







p.weathers {



	float: right;



}







/*-- sub pages --*/



.pdf_download {



	margin: 0;



	padding: 0;



}







.pdf_download ul {



	margin: 0;



	padding: 0;



}







.pdf_download li {



	margin: 6px 0 0 20px;



	padding: 0;



	list-style: none;



}







.pdf_download li a {



	color: #3E3E3E;



	font-size: 12px;



}







.pdf_download a:hover {



	text-decoration: none;



}







#contact {



	width: 100%;



}







#contact label {



	font-size: 12px;



	float: left;



	width: 130px;



}







#contact input {



	border: 1px solid #000;



	padding: 3px 0 3px 4px;



	margin: 0 0 15px 0;



	width: 170px;



}







#contact textarea {



	width: 174px;



	height: 100px;



	border: 1px solid #000;



	margin: 0 0 10px 0;



	font: 12px Verdana, Arial, Helvetica, sans-serif;



}







#contact .btn_submit {



	width: 100px;



	margin: 0 0 0 130px;



}







#product {



	width: 640px;



}







.prod_img {

	float: left;

	text-align: center;

}











.prod_img p {



	margin: 4px 0 0 0;



}







.prod_img p a {



	margin: 4px 0 0 0;



	color: #666;



}







.prod_img a img {



	border: 1px solid #CCC;



	padding: 2px;



	background-color: #fff;



}







.prod_img a:hover img {



	padding: 3px;



	background-color: #CCC;



	border: none;



}







.prod_img a:hover {



	color: #333;



}







#resource {



	margin: 10px 0 0 0;



}