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

body
{
margin:0px;
padding:0px;
background: url(../images/body-bg.jpg) left top repeat-x #0b4e86;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
}
strong
{
font-weight:bold;
color: #006699;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:900px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:900px;
height:320px;
float:left;
text-align:left;
background-color: #FFF;
}
.header-top
{
width:900px;
height:84px;
float:left;
text-align:left;
background:url(../images/header-top-bg.jpg) left top no-repeat;
}
.logo
{
margin-top:23px;
}
.header-bottom
{
width:860px;
height:200px;
float:left;
text-align:left;
background:url(../images/header-round-middle-bg.jpg) left top no-repeat;
padding:36px 20px 0px 20px;
}
.header-banner-box
{
width:860px;
height:164px;
float:left;
text-align:left;
}
/* CSS Menu */
.navcontainer {
		width:860px;
        margin:0px;
        height: 34px;
		float:left;
		background: url(../images/menu-bg.jpg) left top no-repeat;
		padding:1px 0px;
		}

.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:34px;
		background: url(../images/menu-bar-bg.jpg) right center no-repeat;
		}

.navcontainer ul li a {
        width: auto;
        height: 34px;
        margin: 0px;
		padding:0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
		padding:0px 20px;
        font: bold 12px/34px Arial, Helvetica, sans-serif;
		display:inline;
	}

.navcontainer ul li a:hover {
        color: #f9ff00;
		padding:0px 20px;
        font: bold 12px/34px Arial, Helvetica, sans-serif;
		display:inline;
		text-decoration:none;
		}
.navcontainer li.active a {
        color: #f9ff00;
		padding:0px 20px;
		font: bold 12px/34px Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#body-main
{
width:860px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-bottom-bg.jpg) left bottom no-repeat #FFF;
padding:20px 20px 30px 20px;
}
.body-left
{
width:210px;
height:auto;
float:left;
text-align:left;
}
.navigation-box
{
width:210px;
height:auto;
float:left;
text-align:left;
padding-bottom:24px;
}
.navigation-round-box
{
width:210px;
height:10px;
float:left;
text-align:left;
}
.navigation-inside-box
{
width:190px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:0px 9px;
}
.navigation-title
{
width:170px;
height:30px;
float:left;
text-align:left;
background:url(../images/navigation-title-bg.jpg) left top no-repeat;
padding-left:20px;
font: bold 16px/30px Arial, Helvetica, sans-serif;
color: #FFF;
}
/* sub-navigation */
.subnav{
	color: #0099ff;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	float:left;
	width:190px;
	padding:0px;
	padding:5px 0px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	display: block;
	color: #0099ff;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	height:24px;
	border-bottom:1px solid #cccccc;
	width:186px;
	padding-left:4px;
	}
.subnav li a {
	display: block;
	color: #0099ff;
	font: normal 12px/24px  Arial, Helvetica, sans-serif;
	height:24px;
	text-decoration: none;
	width:175px;
	padding-left:11px;
	background: url(../images/navigation-arrow-bg.jpg) left center no-repeat;
}
.subnav li a:hover {
	color: #ff9900;
	font: normal 12px/24px  Arial, Helvetica, sans-serif;
	width: 175px;
	text-decoration:none;
	}
.subnav li a.active {
	color: #ff9900;
	font: normal 12px/24px  Arial, Helvetica, sans-serif;
	width: 175px;
	text-decoration:none;
}
.query-box
{
width:210px;
height:auto;
float:left;
text-align:left;
}
.body-right
{
width:628px;
height:auto;
float:right;
text-align:left;
}
.vedio-box
{
width:628px;
height:auto;
float:left;
text-align:left;
background:url(../images/gray-line-bg.jpg) left bottom no-repeat;
padding-bottom:40px;
}
.vedio-left
{
width:290px;
height:auto;
float:left;
text-align:left;
}
.vedio-right
{
width:331px;
height:auto;
float:right;
text-align:left;
background:url(../images/vedio-box-bg.jpg) left top no-repeat;
}
.vedio-th
{
margin-left:16px;
margin-top:15px;
margin-bottom:15px;
}
.cleanse-box
{
width:625px;
height:auto;
float:left;
text-align:left;
padding:0px 3px 18px 0px;
}
.cleanse-title-box
{
width:625px;
height:34px;
float:left;
text-align:left;
background:url(../images/cleanse-title-bg.jpg) left top no-repeat;
padding:11px 0px 6px 0px;
}
.cleanse-title-left
{
width:300px;
height:34px;
float:left;
text-align:left;
padding-left:19px;
color: #0066cc;
font: bold 20px/30px Arial, Helvetica, sans-serif;
}
.star-box
{
width:156px;
height:34px;
float:right;
text-align:left;
}
.star-bt
{
margin-right:7px;
}
.cleanse-inside-box
{
width:587px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:18px 18px 10px 18px;
}
.cleanse-inside-left
{
width:218px;
height:auto;
float:left;
text-align:left;
background:url(../images/cleanse-left-box-bg.jpg) left top no-repeat;
}
.cleanse-th
{
margin:6px 0px 18px 6px;
}
.cleanse-inside-right
{
width:356px;
height:auto;
float:right;
text-align:left;
}
.cleanse-text-box
{
width:356px;
height:auto;
float:left;
text-align:left;
}
/* sub-navigation */	
	
.future{
	color: #669933;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	line-height:26px;
	width:356px;
	float:left;
	text-align:left;
	padding:4px 0px 16px 0px;
	
		}
.future ul {margin: 0; padding: 0; list-style-type:none;}
.future li {
	display: block;
	padding: 0px 0px 0px 30px;
	width:326px;
	text-decoration: none;
	background: url(../images/future-arrow-bg.jpg) left center no-repeat;
	color: #669933;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
}
.botton-box
{
width:320px;
height:36px;
float:left;
text-align:left;
background: url(../images/risk-free-botton-bg.jpg) left top no-repeat;
padding-left:10px;
text-decoration:none;
color: #FFF;
font: bold 20px/36px Arial, Helvetica, sans-serif;
}
.botton-box a
{
text-decoration:none;
color: #FFF;
font: bold 20px/36px Arial, Helvetica, sans-serif;
}
.botton-box a:hover
{
text-decoration: none;
color: #d2eaff;
font: bold 20px/36px Arial, Helvetica, sans-serif;
}
	
.cleanse-round-bottom
{
width:625px;
height:20px;
float:left;
text-align:left;
}
#footer
{
width:900px;
height:auto;
float:left;
text-align:center;
color: #FFF;
font: normal 11px/18px  Arial, Helvetica, sans-serif;
padding:8px 0px 10px 0px;
}
#footer a
{
text-decoration:none;
color: #FFF;
font: normal 11px/18px  Arial, Helvetica, sans-serif;
}
#footer a:hover
{
text-decoration: underline;
color: #d0e9ff;
font: normal 11px/18px  Arial, Helvetica, sans-serif;
}

/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#99cc33;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#99cc33;
text-decoration: underline;
font-weight: bold;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:24px;
	font-weight:bold;
	font-variant: normal;
	color: #0066cc;
	text-decoration: none;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:24px;
	font-weight:bold;
	font-variant: normal;
	color: #669900;
	text-decoration: none;
}