/* CSS Document */
body{
	background:url(../images/bg2.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:900px; height:117px; margin:0 auto;
	/*background:url(images/header_bg.jpg) no-repeat 0 0 #05386B; color:#80B7EE;*/}
.logo{
	position:absolute; left:0px; top:20px; border:none; z-index:100;}

.flag {width:21px; height:11px; position:relative; left:0px; top:0px; border:none; text-decoration:none;}

a:link {color: #ccc}     /* unvisited link */
a:visited {color: #ccc}  /* visited link */
a:hover {color: #888}   /* mouse over link */
a:active {color: #000}   /* selected link */

#header a{
text-decoration:none;
color:#000;}

#header a:hover{
text-decoration:underline;
color:#046EA0;}

#header p{
	position:absolute; right:60px; top:40px; border:none;
	font-size:10px; z-index:100;}
#header ul{
	position:absolute; bottom:3px; left:20px;}
	
#header li {
    position:relative;
    float:left;
    width:100px;
    height:100px;
	color:#333333;
	
}

#header li a {
	font-size:12px;
	font-weight:bold;
	font:Arial;
    position:absolute;
    display:block;
    width:100%;
    bottom:0;
	color:#FFF;
	background-color:#046EA0;
	text-decoration:none;
	text-align:center;
}

#header li a:hover {
	color:#046EA0;
	background-color:#FFF;
	border-width:0;
	  border-top:1px;
  border-style:dashed;
  border-color:#046EA0;
  text-decoration:none;
	}
.test {background-color:#222;}


/* ------------------------ header end --------------------------- */
/* ------------------------ future start --------------------------- */
#future{
	position:relative; width:778px; height:130px; margin:0 auto;
	}
h1{color:#b1e4fc;padding-top:20px;line-height:24px;}
#future h1{
	background:url(../images/future_h2_text.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;
	width:120px; height:59px; text-indent:-2000px; position:absolute; left:13px; top:14px;}
#future ul{
	position:absolute; left:0px; top:2px; height:120px;}
#future ul li.pic{
	margin:0; height:110px; float:left;}
#future ul li.pic img{
	border:#356E8F 0px solid;
	background-color:#FFFFFF; color:#000000; padding:0 0px; display:block;}
#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;}
#body2{
	width:728px; margin:0 auto; padding:14px 16px 0 34px;
	background:url(images/body_shadow_top2.gif) no-repeat 0 0 #05386B; color:#80B7EE;}
#body h2{
	font:normal 18px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#b1e4fc;padding-top:20px;paddin-bottom:10px;}
#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;}
#bodyLeft{
	width:354px; float:left; padding:34px 0 17px 0;}
#bodyLeft form.login{
	width:296px; border:#235C96 1px solid; padding:6px 28px 19px 28px; margin:0 0 27px 0;
	background-color:#134C85; color:#FFFFFF; float:left;}
#bodyLeft form.login h2{
	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FCBD27;
	background:url(images/login_bg.gif) no-repeat 0 0 #134C85; padding:0 0 8px 54px;}
#bodyLeft form.login h2 span{
	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#134C85; padding:0;}
#bodyLeft form.login label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#134C85; padding:0; margin:0 0 8px 0; float:left;}
#bodyLeft form.login input{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:204px; height:20px;
	background-color:#FFFFFF; border:#0B3662 1px solid; padding:2px; margin:0 0 8px 0; float:right;}
#bodyLeft form.login input.checkBox{
	color:#022344; width:15px; height:15px; margin:1px 0 0 0;
	background-color:#FFFFFF; border:#0B3662 1px solid; float:left;}
#bodyLeft form.login input.loginBtn{
	width:77px; height:16px; margin:0; padding:0px;
	border:none; float:right;}
#bodyLeft form.login p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#07223E; padding:0 6px; margin:0 9px 0 0; float:left;}
#bodyRight{
	width:286px; float:left; background-color:#022344; color:#FFFFFF; padding:11px 25px 14px; margin:34px 0 17px 20px;}
#bodyRight form.registration{
	float:left;}
#bodyRight form.registration h2{
	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#FCBD27; width:240px;
	background:url(images/registration_bg.gif) no-repeat 0 3px #022344; padding:0 0 8px 46px;}
#bodyRight form.registration h2 span{
	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#022344; padding:0;}
#bodyRight form.registration label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#022344; padding:0; margin:0 0 8px 0; float:left;}
#bodyRight form.registration input{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:197px; height:20px;
	background-color:#FFFFFF; border:#000000 1px solid; padding:2px; margin:0 0 8px 0; float:right;}
#bodyRight form.registration p{
	height:16px; background-color:#07315A; color:#FFFFFF; padding:5px 6px; float:left;}
#bodyRight form.registration input.submit{
	width:77px; height:16px;
	border:none; padding:0; margin:0; float:right;}
#bodyRight form.registration input.reset{
	width:77px; height:16px;
	border:none; padding:0; margin:0 7px 0 0; float:right;}
#newsLetter{
	margin:21px auto 0; float:left; width:286px;
	background-color:#05386B; color:#FFFFFF;}
#newsLetter span.top{
	background:url(images/newsletter_top.gif) no-repeat 0 0 #134C85; color:#FFFFFF;
	height:9px; display:block; font-size:0; line-height:0;}
#newsLetter span.bottom{
	background:url(images/newsletter_bottom.gif) no-repeat 0 0 #134C85; color:#FFFFFF;
	height:26px; display:block; font-size:0; line-height:0;}
#newsLetter form.newsLetter{
	padding:0 21px;}
#newsLetter form.newsLetter h2{
	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FCBD27;
	background:url(images/newsletter_bg.gif) no-repeat 0 0px #05386B; padding:0 0 0px 0px;}
#newsLetter form.newsLetter h2 span{
	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#05386B; padding:0;}
#newsLetter form.newsLetter label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#05386B; padding:0; margin:0 0 8px 0; float:left;}
#newsLetter form.newsLetter input{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:176px; height:20px;
	background-color:#FFFFFF; border:#0B3662 1px solid; padding:2px; margin:0 0 8px 0; float:right;}
#newsLetter form.newsLetter input.signup{
	width:77px; height:16px;
	border:none; padding:0; margin:0 7px 0 0; float:right;}
#bodyFooter{
	width:738px; 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:130px; display:block; text-decoration:none; text-indent:-2000px;
	margin-left:70px;}
#bodyFooter a.work{
	background:url(../images/work.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:295px; height:130px; display:block; text-decoration:none; text-indent:-2000px;
	margin-left:50px;} 
#bodyFooter a.service{
	background:url(images/../service.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:242px; height:130px; 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:100px; margin:0 auto; }
#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 --------------------------- */


.signature {
text-align:right;
}