/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #05386B; color:#80B7EE;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* ------------------------ header start --------------------------- */

#header{
	position:relative; width:995px; height:282px; margin:0 auto;
	background:url(images/header.jpg) no-repeat 0 0 #05386B; color:#80B7EE;}
#header img, #subheader img{
	position:absolute; left:0px; top:0px; border:none;}
	/* ----------------- for picture, in the future ------------------ */
#header ul, #subheader ul{
	position:absolute;
	left:290px;
	top:0;
	width:405px;
	z-index:5;
}	
#header ul li, #subheader ul li{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;
	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E; z-index:5;}
#header ul li a, #subheader ul li a{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;
	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;
	width:80px; height:27px; display:block; z-index:5;}
#header ul li a:hover, #subheader ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;
	background:url(images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;
	width:80px; height:27px; display:block; z-index:5;}
	
/* ------------------------ header end --------------------------- */
/* ------------------------ future start --------------------------- */
#future{
	position:relative; width:778px; height:88px; margin:0 auto;
	background:url(images/future_bg.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;z-index:0;}
#future h2{
	background:url(images/future_h2_text.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;
	width:124px; height:58px; text-indent:-2000px; position:absolute; left:13px; top:14px;}
#future ul{
	position:absolute; left:187px; top:3px; height:86px;}
#future ul li.pic{
	margin:0; height:82px; float:left;}
#future ul li.pic img{
	border:#356E8F 1px solid;}
#future ul li.pic a{
	background-color:#FFFFFF; color:#000000; padding:0 3px; display:block;}
#future ul li.arrowLeft{
	height:88px; float:left;
	}
#future ul li.arrowLeft a{
	background:url(images/left_arrow.gif) no-repeat 0 0; display:block; text-indent:-20000px; text-decoration:none;
	width:13px; height:20px; margin:30px 0 0 0;}
#future ul li.arrowRight{
	height:88px; float:left;
	}
#future ul li.arrowRight a{
	background:url(images/right_arrow.gif) no-repeat 0 0; display:block; text-indent:-2000px; text-decoration:none;
	width:13px; height:20px; margin:30px 0 0 0;}
/* ------------------------ future end --------------------------- */
/* ------------------------ body start --------------------------- */
#body{
	width:728px; margin:0 auto; padding:14px 16px 0 34px;
	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;}
#body h1{
	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF;}
#body h2{
	font:normal 14px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF;}
#body h3{
	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; margin-top:30px;margin-bottom:10px}
#body a{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#05386B;}
#body a:visited {
 	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#05386B;}
#body p{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}
#body p strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}
#body li strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}
	
#bodyDown{
	width:728px; margin:0 auto; padding:14px 16px 0 34px;
	background-color:#022344;}
#bodyDown img{
	position:absolute;	left:811px;	top:614px;	border:none;}
#bodyDown h3{
	font:normal 14px/20px Arial, Helvetica, sans-serif; background-color:#022344; color:#FFFFFF; margin-top:30px;margin-bottom:10px}
#bodyDown a{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF;}
#bodyDown a:visited {
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF;}
#bodyDown p{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE;}
#bodyDown p strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF;}

#bodyDown2{
	width:728px; margin:0 auto; padding:14px 16px 0 34px;
	background:url(images/body_shadow_top.gif) no-repeat 0 0 #05386B; color:#80B7EE;}
#bodyDown2 h2{
	font:normal 14px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF;}
#bodyDown2 h3{
	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF; margin-top:30px;margin-bottom:10px}
#bodyDown2 a{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#05386B;}
#bodyDown2 a:visited {
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#05386B;}
#bodyDown2 p{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}
#bodyDown2 p strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}
#bodyDown2 li strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}
	
#bodyDown3{
	width:728px; margin:0 auto; padding:14px 16px 0 34px;
	background-color:#022344;}
#bodyDown3 img{
	position:absolute;	left:811px;	top:614px;	border:none;}
#bodyDown3 h3{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#696967;}
#bodyDown3 p{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE;}
#bodyDown3 p strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF;}
#bodyDown3 a{
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF;}
#bodyDown3 a:visited {
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF;}
	
#bodyFooter{
	width:746px; margin:0 auto; padding:30px 20px 0;
	background:url(images/body_footer_shadow.gif) no-repeat 0 0 #05386B; color:#FFFFFF;}
#bodyFooter a.world{
	background:url(images/world.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:255px; height:133px; display:block; text-decoration:none; text-indent:-2000px;}
#bodyFooter a.work{
	background:url(images/work.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:236px; height:133px; display:block; text-decoration:none; text-indent:-2000px;} 
#bodyFooter a.service{
	background:url(images/service.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:255px; height:133px; display:block; text-decoration:none; text-indent:-2000px;} 
/* ------------------------ body end --------------------------- */
/* ------------------------ footer start --------------------------- */
#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #14191C; color:#FFFFFF; margin:30px 0 0 0;}
#footerContainer{
	width:778px; margin:0 auto; padding:14px 0;}
#footerContainer ul{
	width:290px; margin:0 243px;}
#footerContainer ul li{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	background-color:#14191C; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;
	background-color:#14191C; color:#FFFFFF; text-decoration:none;}
#footerContainer ul li a:hover{
	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;
	background-color:#22292D; color:#FFFFFF; text-decoration:none;}
#footerContainer p{
	font:normal 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}
#footerContainerValidation {
	width:112px; margin:0 auto; padding:0;}
#footerContainerValidation a.xhtml{
	background-color:#214F7C; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;
	font:bold 13px/15px Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.xhtml:hover{
	background-color:#19436B; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;
	font:bold 13px/15px Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.css{
	background-color:#B4830E; color:#FFFFFF; width:41px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.css:hover{
	background-color:#805E0C; color:#FFFFFF; width:41px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainer p.tworld{
	font:normal 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}
#footerContainer p.tworld a{
	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#14191C; color:#FFC04E; text-decoration:none; margin:0 auto;}
#footerContainer p.tworld a:hover{
	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#22292D; color:#FFCE09; text-decoration:none; margin:0 auto;}
/* ------------------------ footer end --------------------------- */