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

body
{
margin:0px;
padding:0px;
background:url(../images/body-bg.jpg) left top repeat-x #f1f1f1;
}
*
{
margin:0px;
padding:0px;
list-style-type:none;
}
img
{
border:0px;
}
p
{
margin:6px 0px;
text-align: justify;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:982px;
height:auto;
text-align:center;
margin:0px auto;
}
#header
{
width:880px;
height:108px;
float:left;
text-align:left;
padding:0px 51px;
background:url(../images/header-bg.jpg) center top no-repeat;
}
.logo
{
margin-top:35px;
}
#body-main
{
width:880px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-main-bg.jpg) left top no-repeat;
padding:0px 51px;
}
.body-top
{
width:672px;
height:419px;
float:left;
text-align:left;
padding:22px 168px 0px 40px;
}
.top-inside-box
{
width:672px;
height:auto;
float:left;
text-align:left;
}
.top-left
{
width:322px;
height:auto;
float:left;
text-align:left;
}
.vedio-box
{
width:311px;
height:auto;
float:right;
text-align:left;
padding-top:92px;
}
.body-inside
{
width:860px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-bottom-bg.jpg) left top repeat-y;
padding:0px 10px;
}
.body-middle
{
width:800px;
height:auto;
float:left;
text-align:left;
padding:0px 30px 12px 30px;
}
.below-title
{
width:800px;
height:36px;
float:left;
text-align:left;
background:url(../images/below-title-bg.jpg) left top repeat-x;
border-bottom:1px dashed #cccccc;
}
.body-bottom
{
width:809px;
height:auto;
float:left;
text-align:left;
padding:0px 33px 10px 18px;
}
.natures-box
{
width:809px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}
.natures-title
{
width:686px;
height:52px;
float:left;
text-align:left;
background: url(../images/nature-01-title-bg.jpg) left top no-repeat;
padding:18px 13px 28px 110px;
}
.natures-02-title
{
width:686px;
height:52px;
float:left;
text-align:left;
background: url(../images/nature-02-title-bg.jpg) left top no-repeat;
padding:18px 13px 28px 110px;
}
.natures-03-title
{
width:686px;
height:52px;
float:left;
text-align:left;
background: url(../images/nature-03-title-bg.jpg) left top no-repeat;
padding:18px 13px 28px 110px;
}
.natures-04-title
{
width:686px;
height:52px;
float:left;
text-align:left;
background: url(../images/nature-04-title-bg.jpg) left top no-repeat;
padding:18px 13px 28px 110px;
}
.natures-title-left
{
width:400px;
height:52px;
float:left;
text-align:left;
color: #0066cc;
font: bold 30px/52px MyriadPro, Arial, Helvetica, sans-serif;
}
.natures-title-left a
{
color: #0066cc;
font: bold 30px/52px MyriadPro, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.natures-title-left a:hover
{
color: #FF9900;
font: bold 30px/52px MyriadPro, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.star-box
{
width:175px;
height:42px;
float:right;
text-align:left;
padding-top:10px;
}
.star-bt
{
margin-left:4px;
}
.natures-middle-box
{
width:800px;
height:auto;
float:left;
text-align:left;
padding-left:9px;
}
.nature-inside-box
{
width:748px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #b2cce5;
border-right:1px solid #b2cce5;
padding:5px 25px 0px 25px;
}
.nature-left-box
{
width:217px;
height:auto;
float:left;
text-align:left;
background: url(../images/nature-left-inside-bg.jpg) left top no-repeat;
}
.nature-right-box
{
width:506px;
height:auto;
float:right;
text-align:left;
}
.nature-round-bottom
{
width:800px;
height:30px;
float:left;
text-align:left;
padding-left:9px;
}
.nature-left-th
{
margin-left:6px;
margin-top:6px;
margin-bottom:15px;
}
.nature-text-box
{
width:506px;
height:auto;
float:left;
text-align:left;
}
/* sub-navigation */	
	
.subnav{
	color: #666666;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	line-height:24px;
	width:498px;
	float:left;
	text-align:left;
	padding-left:8px;
	padding-bottom:18px;
		}
.subnav ul {margin: 0; padding: 0; list-style-type:none;}
.subnav li {
	display: block;
	padding: 0px 0px 0px 28px;
	width:470px;
	text-decoration: none;
	background: url(../images/right-arrow-bg.jpg) left center no-repeat;
	color: #666666;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
}
#footer
{
width:880px;
height:auto;
float:left;
text-align:left;
padding:0px 51px;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #666666;
}
#footer a
{
text-decoration:none;
color: #0066ff;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
#footer a:hover
{
color: #ff9900;
text-decoration: underline;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer-top
{
width:880px;
height:93px;
float:left;
text-align:center;
background:url(../images/footer-top-bg.jpg) left top no-repeat;
padding-top:32px;
}
.footer-bottom
{
width:850px;
height:auto;
float:left;
text-align:center;
padding:10px 15px 18px 15px;
}
/* CSS Text Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#0066ff;
text-decoration: underline;
font-weight: normal;
}
body a:hover
{
color:#9fbd29;
text-decoration: underline;
font-weight: normal;
}
h1 {
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 36px;
	font-weight: bold;
	font-variant: normal;
	color: #004d98;
	text-decoration: none;
}