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

body{
	background:url(../../_images/bg.jpg) repeat-x top #0a5979;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
}

#wrapper{
	width:836px;
	margin:0 auto;
	padding:20px 0;
}

/*======================General=========================*/

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clearboth{
	clear:both;
}

img{
	border:none;
}

a{
	color:#e8e8e8;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.a-more{
	background:url(../../_images/arrow-yellow.jpg) no-repeat left;
	padding-left:13px;
}

.h-line{
	background:url(../../_images/h-dot.png) repeat-x;
	height:1px;
}

.alignright{
	text-align:right;
}

.aligncenter{
	text-align:center;
}

h1.red{
	font-size:24px;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#9a0d0d;
}
/*======================Left=========================*/
#left{
	width:241px;
	margin:0;
	padding-top:141px;
}


/*======================Right=========================*/

#right{
	background:url(../../_images/bg-main.png) repeat-y;
	width:595px;
	margin:0;
	padding:0;
}

#header{
	background:url(../../_images/bg-top.png) repeat-x;
	height:77px;
	margin:0;
	padding:9px 15px;
}

a.menu-top-right{
	color:#0a5b7c;
}

#main{
	margin:0;
	padding:0;
	position:relative;
	min-height:400px;
	height:auto !important;
	height:400px;
}

#main #title{
	background:url(../../_images/title-white.png) no-repeat;
	width:95px;
	height:41px;
	position:absolute;
	top:-13px;
	left:-16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#053f56;
	font-size:14px;
	letter-spacing:-0.01em;
	font-weight:bolder;
	padding:5px 0 0 30px;
}


.main-content{
	margin-left:20px;
	margin-right:20px;
	padding-top:30px;
}

.welcome{
	background:url(../../_images/h-dot.png) repeat-x bottom;
	padding-bottom:10px;
}

.services{
	padding-top:5px;
}

.services .title{
	background:url(../../_images/arrow-blue.png) no-repeat left top;
	padding-left:30px;
	margin:0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#f3f3f3;
	font-size:18px;
	text-transform:uppercase;
}

.services .listing{
	margin-top:10px;
	margin-left:10px;
}

.services .item{
	width:184px;
	margin:0 7px 0 0;
	padding:0;
}

.services .item .part1{
	background:url(../../_images/bg-services.png) no-repeat;
	width:176px;
	height:79px;
	margin:0;
	padding:4px;
}

.services .item .part1 .image{
	width:175px;
	height:57px;
}

.services .item .part1 .title-services{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.03em;
	color:#001e2a;
	font-size:14px;
	margin:0;
	padding:0;
}

.services .item .part2{
	margin:0;
	padding:4px;
}


.projects{
	position:relative;
	margin-top:25px;
}

.projects .title{
	background:url(../../_images/title-orange.png) no-repeat;
	width:95px;
	height:41px;
	position:absolute;
	top:-13px;
	left:-37px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#053f56;
	font-size:14px;
	letter-spacing:-0.01em;
	font-weight:bolder;
	padding:5px 0 0 30px;
}


.projects .left-part{
	background:url(../../_images/v-dot.png) repeat-y right;
	margin:30px 0;
	padding:0 5px 0 0;
	width:326px;
}

.projects .left-part .item{
	margin-bottom:15px;
}

.projects .left-part .item .image{
	background:url(../../_images/bg-projects.png) no-repeat;
	width:184px;
	height:72px;
	margin:0 5px 0 0;
	padding:4px;
}

.projects .left-part .item .des p{
	margin-top:3px;
	margin-bottom:3px;
}

.projects .item .des a.a-title{
	font-weight:bold;
}


.projects .right-part{
	margin-left:10px;
	margin-top:30px;
	width:214px;
}

.title-contact{
	color:#f9f000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-0.01em;
	font-weight:bolder;
	margin:0 0 5px 0;
}

.projects .right-part p{
	margin:0;
}

ul.form-contact{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.form-contact li{
	list-style:none;
	display:block;
	float:left;
	padding-bottom:3px;
}

ul.form-contact li.left{
	text-align:right;
	width:67px;
	margin:0;
	padding:0;
}

ul.form-contact li.right{
	width:140px;
	margin:0 0 0 3px;
}

ul.form-contact li.right input{
	width:138px;
}

input.bt{
	background:url(../../_images/bg-bt.jpg) repeat-x;
	padding:0px 8px;
	border:none;
	color:#feffff;
	vertical-align:middle;
	-moz-border-radius-bottomleft:0.4em;
	-moz-border-radius-bottomright:0.4em;
	-moz-border-radius-topleft:0.4em;
	-moz-border-radius-topright:0.4em;
}

/*======================Footer=========================*/


#footer{
	background:url(../../_images/bg-footer.jpg) repeat-x;
	border:#52889b solid 1px;
	text-align:center;
	color:#fff;
	padding:6px 0;
}

/*======================Clients=========================*/


.clients-item{
	margin-bottom:15px;
}

.clients-item .logo{
	background:url(../../_images/bg-clients.png) no-repeat;
	width:100px;
	height:85px;
	text-align:center;
	padding:7px;
}

.clients-item .details{
	width:400px;
	margin-left:15px;
}

h3.title{
	color:#022639;
	font-size:13px;
	font-weight:bolder;
}

.clients-item .details h3.title{
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:5px;
}

.clients-item .details p{
	margin-top:3px;
	margin-bottom:3px;
}

a.a-visit-website{
	background:url(../../_images/arrow-white.png) no-repeat left top;
	padding-left:14px;
	color:#ffed26;
}

/*======================Projects=========================*/

#main #title-projects{
	background:url(../../_images/title-yellow.png) no-repeat;
	width:95px;
	height:41px;
	position:absolute;
	top:-13px;
	left:-16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#053f56;
	font-size:14px;
	letter-spacing:-0.01em;
	font-weight:bolder;
	padding:5px 0 0 30px;
}

.projects-item{
	margin-bottom:15px;
}

.projects-item h3.title{
	text-transform:uppercase;
}

.projects-item .image{
	background:url(../../_images/bg-projects-item.png) no-repeat;
	width:267px;
	height:89px;
	margin:0;
	padding:5px;
}

.projects-item .details{
	width:250px;
	margin-left:15px;
}

.projects-item .details p{
	margin-top:0;
}

/*======================News=========================*/


.news-item, .services-item{
	background:url(../../_images/h-dot.png) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom:15px;
	text-align:justify;
}

.news-item a.title{
	font-weight:bold;
	color:#fff;
}

.news-item .image, .services-item img.image{
	background:url(../../_images/bg-news.png) no-repeat;
	width:67px;
	height:59px;
	margin:0;
	padding:5px;
}

.news-item .details{
	width:450px;
	margin-left:15px;
}

.news-item .details p{
	margin-top:0;
}


.services-item img.image{
	background:url(../../_images/bg-news.png) no-repeat;
	width:67px;
	height:59px;
	margin-right:10px;
	padding:5px;
}

.banner img{
	background:url(../../_images/bg-recruiment.png) no-repeat;
	padding:5px;
	width:528px;
	height:153px;
}

/*======================Contact Us=========================*/

.banner-contact img{
	background:url(../../_images/bg-contact-us.png) no-repeat;
	padding:5px;
	width:527px;
	height:93px;
}

ul.form-contact-page, ul.form-contact-submit{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.form-contact-page li, ul.form-contact-submit li{
	list-style:none;
	display:block;
	float:left;
	padding-bottom:3px;
}

ul.form-contact-page li.left{
	width:100px;
	margin:0;
	padding:0;
}

ul.form-contact-page li.right{
	width:400px;
	margin:0 0 0 3px;
}

ul.form-contact-page li.right input{
	width:200px;
}

ul.form-contact-submit li.left{
	width:150px;
	margin:0;
	padding:0;
	text-align:right;
}

ul.form-contact-submit li.right{
	width:220px;
	margin:0 0 0 10px;
}

ul.form-contact-submit li.right input{
	width:200px;
}

ul.form-contact-submit li.right textarea{
	width:200px;
	height:150px;
}

input[type=text], textarea
{
	background:#d7e7ee;
	padding:0px 8px;
	border:none;
	color:#053f56;
}

.width-80{
	width:80%;
}

.form-contact-right{
	width:57%;
	text-align:right;
}


/*-----------------promotion-------------------*/

.promo{
	background:url(../../_images/promo/bg-banner.png) no-repeat;
	width:556px;
	height:123px;
	position:relative;
	color:#e5f80f;
	margin-left:20px;
	margin-right:20px;
	margin-top:45px;
	font-family:Palatino, "Palatino Linotype",Georgia, "Times New Roman", Times;
}

.promo .star{
	position:absolute;
	width:82px;
	height:82px;
	right:-10px;
	top:-20px;
}

.promo .gift{
	position:absolute;
	width:180px;
	height:112px;
	top:-70px;
	left:-10px;
}