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

body {
	position:relative;
	margin:0px auto;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:928px;
	background:#FFF;
	color:#666;
	background: url(../images/main_bg.jpg) repeat-x;

}

a:link { color: #06C; text-decoration:none;}
a:visited { color:#06C; text-decoration:none;}
a:hover { color: #5a5a5a;}
a:active { color:#06C; text-decoration:none;}

.text10 a:link { color: #5a5a5a; text-decoration:none;}
.text10 a:visited { color:#5a5a5a; text-decoration:none;}
.text10 a:hover { color: #06C;}
.text10 a:active { color:#5a5a5a; text-decoration:none;}

.hyper_link a:link { color: #06C; text-decoration:none;}
.hyper_link a:visited { color:#06C; text-decoration:none;}
.hyper_link a:hover { color: #999;}
.hyper_link a:active { color:#06C; text-decoration:none;}

.main_body{
width:928px;
float:left;
position:relative;
margin:0px auto;

}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #C00; }
h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #C00; }
h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #06C; }

.banner_bg{
	width:747px;
	height:243px;
	float:left;
	background:url(../images/banner_intro.jpg) no-repeat;
}


/** HEADER **/

.header{
	width:928px;
	height:120px;
	float:left;
	background:url(../images/main_bg.jpg) no-repeat;
	padding-bottom:15px;

}

.logo{
	width:265px;
	height:105px;
	text-align:right;
	float:left;
}

.tab{
	width:625px;
	height:30px;
	float:left;
	font-size:14px;
	color:#333;
	padding-left:38px;
	padding-bottom:10px;
	padding-top:45px;
}


/** NAVI **/

.navi_contain{
	width:164px;
	float:left;
}

.navi_tab{
	width:164px;
	height:56px;
	float:left;
}

.navi_icon{
	width:56px;
	height:56px;
	float:left;
}

.navi_text{
	width:108px;
	height:46px;
	float:left;
	padding-top:10px;
	text-align: left;
	color:#06C;
}

/* ============================MAIN MENU================================= */

.chromestyle{
width:615px;
float:left;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width:720px;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #666;
padding: 4px 10px;
margin: 0;
text-decoration: none;

}

.chromestyle a:link { color: #333333; text-decoration:none;}
.chromestyle a:visited { color:#333333; text-decoration:none;}
.chromestyle a:hover { color: #06C;}
.chromestyle a:active { color:#333333; text-decoration:none;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
/**margin-left:-158px;*/
position:absolute;
*position:fixed;
_position:absolute;
border: 1px solid #ccc; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
float:left;
_float:none;
z-index:100;
background-color:#fff;
opacity:.90;
width: 140px;
visibility: hidden;


}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;

color: #666;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #e1e1e1;
color:#666;
}


/** BODY **/

.body_title{
	font-size:12px;
	font-weight:bold;
	color: #C00;
}

.body_title_red14{
	font-size:14px;
	font-weight:bold;
	color: #C00;
}

.body_title2{
	font-size:12px;
	font-weight:bold;
	color: #06C;
}

.body_title_blue10{
font-size:10px; 
font-weight:bold; 
color:#06C;
}

.body_contain{
	width:764px;
	float:left;


}
.boder_top{
	width:764px;
	height:7px;
	float:left;
	background:url(../images/border_top.jpg) no-repeat;
}
.body_content{
	width:747px;
	_margin-top:-7px;
	float:left;
	padding-left:10px;
	padding-right:7px;
	background:url(../images/border_bg.jpg) repeat-y;
}

.boder_foot{
	width:764px;
	height:7px;
	float:left;
	background:url(../images/border_foot.jpg) no-repeat;
}

.video{
	width:512px;

	float:left;
}

.right_navi{
	width:229px;
	float:left;
	padding-left:4px;
}
	
	
	
	
/** FOOTER **/

.footer{
	width:100%;
	height:80px;
	padding-top:30px;

}

.foot{
	width:100%;
	height:80px;

}

.foot_logo{
	width:45px;
	float:left;
	height:40px;
	padding-top:50px;
	padding-left:5px;
}

.copyright{
	width:540px;
	height:40px;
	float:left;
	border-right:#CCC;
	font-size:11px;
	padding-top:50px;
}

.foot_navi{
	width:320px;
	height:40px;
	float:left;
	font-size:10px;
	padding-left:18px;
	padding-top:50px;
}