/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(../images/bg.gif) repeat-x 0 0 #dff1ff;
	color:#3D86B9;
	font-family:Arial, Helvetica, sans-serif;
	}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
 
ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; font-size:0; line-height:0;
} 
/*----------- > >> top part start < < <<-------------*/
#toppart{
	width:943px; background:url(../images/top_bg.jpg) no-repeat 0 0; margin:0 auto; padding:27px 0 40px 0;
	}
/*----------- > >> top part left < < <<-------------*/
#leftPart{
	width:197px; float:left;
	}
#leftPart img.logo{
	margin:0 0 32px 0; padding:0; font-size:0; display:block; border:none;
	}
#leftPart p.latestWork{
	background:url(../images/latest_work.gif) no-repeat 0 0;
	padding:30px 0 36px 11px;
	font-size:25px;
	line-height:24px;
	width:159px;
	color:#FFFFFF;
	background-color:inherit;
	margin:0 0 11px 0;
	}
#leftPart p.latestWork a{
	background:url(../images/free_download.gif) no-repeat 0 0; width:125px; height:22px; font-size:0;
	display:block; margin:2px 0 0 0; line-height:0;
	}
#leftPart1 p.latestWork a:hover{
	background:url(../images/free_download_h.gif) no-repeat 0 0;
	}
#leftPart h2.more {
	width:126px;
	height:25px;
	padding:0 0 0 27px;
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	color:#FFFFFF;
	background-color:inherit;
	background-image: url(../images/right_h2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#leftPart h2.more a{
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	color:#FFFFFF;
	text-decoration: none;
	}
#leftPart ul.moreLink{
	width:133px;
	color:#A7D5E4;
	padding:12px 10px 30px;
	margin:0 0 13px 0;
	background-color: #3D86B9;
	background-image: url(../images/link_ul_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#leftPart ul.moreLink li{
	padding:0 0 0 2px; background:url(../images/line.gif) repeat-x left bottom; line-height:0; display:block;
	}
#leftPart ul.moreLink li.nobor{
	background-image:none;
	}
#leftPart ul.moreLink li a{
	padding:0 0 0 9px;
	background-color:#3D86B9;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	background-image: url(../images/left_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#leftPart ul.moreLink li a:hover{
	background-color:#014E96;
	color:#FFFFFF;
	}
#leftPart p.job{
	background:url(../images/job.gif) no-repeat 0 0; height:37px; width:88px; padding:102px 0 0 66px; margin:0 0 13px 0;
	}
#leftPart p.job a{
	background:url(../images/job_arrow.gif) no-repeat 0 3px; padding:0 0 0 14px; font-size:12px; color:#FFFFFF;
	background-color:inherit; text-decoration:none;
	}
#leftPart1 p.job a:hover{
	color:#FF0000; background-color:inherit;
	}
#leftPart p.icq{
	height:70px;
	width:153px;
	padding:50px 0 0 10px;
	margin:0 0 13px 0;
	background-image: url(../images/icq.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#leftPart p.icq a{
	padding:0 0 0 14px;
	font-size:12px;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	display: block;
	}
#leftPart a.online{
	background:url(../images/online.gif) no-repeat 0 0; width:153px; height:69px; display:block; text-indent:-2000px;
	}
#leftPart1 a.online:hover{
	background:url(../images/online_h.gif) no-repeat 0 0;
	}
/*----------- > >> top part right < < <<-------------*/
#right{
	width:746px; float:right;
	}
#rightTop{
	width:697px; float:right; margin:0 0 40px 0 ;
	}
#rightTop ul.navi{
	background:url(../images/navi_bg.gif) repeat-x 0 0;
	height:37px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 12px;
	}
#rightTop ul.navi li{
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #014E96;
	}
#rightTop ul.navi li.nobor, #rightTop ul.navi li.contact{
	border-right:none;
	}
#rightTop ul.navi li a{
	background:url(../images/navi_bg.gif) repeat-x 0 0;
	background-color:inherit;
	color:#FFFFFF;
	text-decoration:none;
	font:bold 11px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 19px;
	}
#rightTop ul.navi li a:hover{
	background:url(../images/navi_h.gif) repeat-x 0 0;
	}
#rightTop ul.navi li.home a{
	background:url(../images/navi_left.gif) no-repeat 0 0;
	}
#rightTop ul.navi li.home a:hover{
	background:url(../images/home_h.gif) no-repeat 0 0; 
	}
#rightTop ul.navi li.contact a{
	background:url(../images/navi_right.gif) no-repeat right top;
	}
#rightTop ul.navi li.contact a:hover{
	background:url(../images/contact_h.gif) no-repeat right top;
	}
#rightTop p.slog{
	background:url(../images/track_line.gif) no-repeat 0 0;
	height:32px;
	width:681px;
	margin:3px 0 0 0;
	color:#014e96;
	background-color:inherit;
	padding:0 0 0 15px;
	font-size:13px;
	line-height:32px;
	font-weight:bold;
	}
#rightTop p.slog span{
	color:#BF0505; background-color:inherit;
	}
#rightTop p.slog a.webSearch{
	background:url(../images/web_search.gif) no-repeat 0 0 #fffffe;
	width:101px;
	height:20px;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	font-size:11px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 26px;
	}
#rightTop p.slog a.email{
	background:url(../images/email.gif) no-repeat 0 0 #fffffe;
	width:80px;
	height:20px;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	font-size:11px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	text-align: center;
	}
#rightTop1 p.slog a.webSearch:hover{
	background:url(../images/web_search_h.gif) no-repeat 0 0;
	}
#rightTop p.slog a.bookmark{
	background:url(../images/book_mark.gif) no-repeat 0 0 #fffffe;
	width:156px;
	height:20px;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	font-size:11px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
	}
#rightTop1 p.slog a.bookmark:hover{
	background:url(../images/book_mark_h.gif) no-repeat 0 0;
	}
#rightRight{
	width:153px; float:right;
	}
#rightRight a.view{
	background:url(../images/view_project.gif) no-repeat 0 0; width:153px; height:201px; display:block; text-indent:-2000px;
	}
#rightRight a.viewdom{
	background:url(../images/dom.gif) no-repeat 0 0;
	width:154px;
	height:166px;
	display:block;
	text-indent:-2000px;
	}
#rightRight a.viewakva{
	background:url(../images/akva.gif) no-repeat 0 0;
	width:154px;
	height:166px;
	display:block;
	text-indent:-2000px;
	}
	#rightRight a.viewprom{
	background:url(../images/prom.jpg) no-repeat 0 0;
	width:154px;
	height:166px;
	display:block;
	text-indent:-2000px;
	}
#rightRight1 a.view span{
	color:#000000; font-size:19px; line-height:19px; background-color:inherit; text-transform:uppercase; font-weight:bold;
	}
#rightRight h2{
	background:url(../images/right_h2_bg.gif) no-repeat 0 0;
	width:126px;
	height:25px;
	padding:0 0 0 27px;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	color:#FFFFFF;
	background-color:#014E96;
	}
#rightRight h2.date1{
	background-image: url(../images/right_h2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#rightRight ul.date{
	width:133px;
	color:#A7D5E4;
	padding:10px 10px 25px;
	margin:0;
	background-color: #3D86B9;
	}
#rightRight ul.date li{
	padding:0 0 0 2px;
	line-height:0;
	display:block;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
#rightRight ul.date li.nobor{
	background-image:none;
	}
#rightRight ul.date li a{
	padding:0 0 0 9px;
	background-color:#3D86B9;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	background-image: url(../images/left_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#rightRight ul.date li a:hover{
	background-color:#014E96;
	color:#FFFFFF;
	} 
#rightRight p.bot{
	height:27px;
	padding:0;
	margin:0;
	background-image: url(../images/link_ul_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#rightmid{
	width:558px; float:left; margin:250px 0 0 0;
	}
#rightmid h2.whatMore{
	font-size:18px;
	line-height:20px;
	color:#014E96;
	background-color:inherit;
	float:left;
	width:215px;
	display:block;
	}
#rightmid ul.whatMore1{
	width:183px;
	color:#FFFFFF;
	padding:10px 0 25px;
	margin:0;
	float:left;
	}
#rightmid ul.whatMore1 li{
	padding:0 0 0 2px; background:url(../images/line.gif) repeat-x left bottom; line-height:0; display:block;
	}
#rightmid ul.whatMore1 li.nobor{
	background-image:none;
	}
#rightmid ul.whatMore1 li a{
	padding:0 0 0 9px;
	color:#3D86B9;
	text-decoration:none;
	font-size:11px;
	line-height:20px;
	background-image: url(../images/mid_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
#rightmid ul.whatMore1 li a:hover{
	color:#014E96;
	}
#rightRight p.pog{
	background:url(../images/pog.gif) no-repeat 0 0;
	height:154px;
	width:154px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	}
#rightRight p.pog a{
	padding:0 0 0 14px;
	} 
#rightmid form.serch{
	width:298px; float:right; height:106px; background:url(../images/serch_bg.gif) no-repeat 0 0; padding:0 20px 0 22px;
	}
#rightmid form.serch label.icon{
	display:block;
	background:url(../images/serch_icon.gif) 0 0 no-repeat;
	width:68px;
	height:53px;
	float:left;
	margin:25px 13px 0 0;
}
#rightmid form.serch input.txtBox{
	width:148px;
	height:24px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	padding:0 0 0 12px;
	font:normal 10px/24px Arial, Helvetica, sans-serif;
	color:#101010;
	background-color:#fff;
	float:left;
	margin:32px 10px 0 0;
}
#rightmid form.serch input.go{
	width:55px;
	height:26px;
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	float:left;
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#033444;
	border:none;
	cursor:pointer;
	margin-top: 32px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#rightmid form.serch a{
	color:#014E96;
	background-color:inherit;
	text-decoration:underline;
	float:left;
	margin:9px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
}
#rightmid form.serch a:hover{
	text-decoration:none;
}
#rightmid h2.wel{
	display:block;
	height:83px;
	text-indent:-2000px;
	padding:0;
	background-image: url(../images/welcome.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 26px;
	margin-left: 0;
}
#rightmid .txt1 {
	display:block;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#014e96!important;
	background-color:inherit;
	padding:0 0 0 0;
	width:562px;
	text-align: justify;
}
#rightmid .txt1 ul{
	list-style-type:disc;
	font-size:inherit;
	line-height:normal;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size:100%;
}
#rightmid .txt1 .index ul li.h{
	list-style:none;
	font-weight:bold;
	margin:5px 0;
	background:#FFFFFF;
	text-align: center;
	display: block;
}
#rightmid .txt1 .index ul li a{ font-weight:bold}
#rightmid .txt1 .index ul li span{
	display:block;
	font-family:Tahoma, Arial, sans-serif; font-size:9px;
	background-color:transparent; color:#3D86B9;
	line-height:115%;
}

#rightmid .txt1 b{
	display:block;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#A6DB02;
	background-color:inherit;
	padding:0 0 10px 0;
}
#rightmid .txt1 span{
	color:#DFF1FF;
	background-color:#014E96;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#rightmid a.rm{
	display:block;
	background:url(../images/read_more_bg.gif) 0 0 no-repeat;
	width:77px;
	height:21px;
	margin:0 0 0 485px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#BF0505;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#rightmid a.rm:hover{
	color:#014E96;
	background-color:inherit;
}
#blackMain{
	width:100%;
	padding:29px 0 55px 0;
	color:#FFFFFF;
	background-color: #3D86B9;
	background-image: url(../images/black_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#black{
	width:942px;
	margin:0 auto;
}
#service{
	width:156px;
	float:left;
	margin:0 52px 0 0;
}
#service h2{
	display:block;
	padding:0 0 0 24px;
	background:url(../images/service_icon.gif) 0 2px no-repeat;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 20px 0;
}
#service ul{
	width:153px;
	padding:0;
	margin:0;
}
#service ul li{
	height:25px;
	display:block;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#service ul li a{
	background:url(../images/bullet.gif) 0 10px no-repeat;
	padding:0 0 0 15px;
	height:24px;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
}
#service ul li a:hover{
	color:#FFFFFF;
	background-color:#014E96;
}
#service ul li.noImg{
	background-image:none;
}
#testimonial{
	width:544px;
	float:left;
}
#testimonial h2{
	display:block;
	padding:0 0 0 41px;
	font:normal 34px/34px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 12px 0;
	background:url(../images/testimonial_icon.gif) 0 4px no-repeat;
}
#testimonial p.testTxt1{
	display:block;
	font:italic 11px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	padding:0 0 12px 0;
}
#testimonial p.testTxt1 span{
	color:#A6DB02;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 11px 0;
}
#testimonial p.testTxt2{
	display:block;
	font:italic 11px/16px Arial, Helvetica, sans-serif;
	color:#C1C1C1;
	background-color:inherit;
	padding:0;
}
#testimonial p.testTxt2 span{
	color:#A6DB02;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 11px 0;
}
#newsletter{
	width:152px;
	float:right;
}
#newsletter h2{
	display:block;
	padding:0 0 0 24px;
	background:url(../images/service_icon.gif) 0 2px no-repeat;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 16px 0;
}
#newsletter form{
	width:152px;
	padding:0 0 20px 0;
}
#newsletter form input.txtBox2{
	width:142px;
	height:24px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	padding:0 0 0 8px;
	font:normal 10px/24px Arial, Helvetica, sans-serif;
	color:#101010;
	background-color:#fff;
	float:left;
}
#newsletter form input.serch{
	width:84px;
	height:21px;
	background:url(../images/btn_signup.gif) 0 0 no-repeat;
	float:right;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#162B2B;
	border:none;
	cursor:pointer;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#newsletter p.tollfree{
	display:block;
	background:url(../images/toll_free.gif) 0 0 no-repeat;
	margin:0 0 17px 0;
	padding:0 0 0 66px;
	font:bold 11px/34px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#newsletter a.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:75px;
	height:19px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#BF0505;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	margin:0 0 10px 0;
}
#newsletter a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#newsletter a.css{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:75px;
	height:19px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#BF0505;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	margin:0;
}
#newsletter a.css:hover{
	color:#000;
	background-color:inherit;
}

/*----------- > >> footer start < < <<-------------*/
#footerMain{
	width:100%;
	height:43px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #054F67;
	color:#3D86B9;
}
#footer{
	width:942px;
	margin:0 auto;
	height:73px;
	position:relative;
}
#footer ul{
	position:absolute;
	left:0;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#5AC9ED;
	background-color:inherit;
}
#footer ul li a.home2{
	padding:0 7px 0 0;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.home2:hover{
	color:#5AC9ED;
	background-color:inherit;
}
#footer p.copyright{
	font:normal 10px/22px Arial, Helvetica, sans-serif;
	position:absolute;
	left:728px;
	top:12px;
	width:213px;
}
#footer p.design{
	display:block;
	width:170px;
	position:absolute;
	left:390px;
	top:54px;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#014E96;
	background-color:inherit;
	padding:2px;
}
#footer p.design a.link{
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#A6DB02;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
	
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
/*----------- > >> footer end < < <<-------------*/
#toppart #right #rightmid .txt1 a {
	font-weight: bold;
	text-decoration: underline;
	color: #014E96;
}
#toppart #right #rightmid .tab {
	color: #FFFFFF;
	text-align: left;
}
#toppart #leftPart .moreLink span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
	float: none;
	position: relative;
	margin-left: 3px;
	background-color: #CC3333;
	padding-right: 3px;
	padding-left: 3px;
	line-height: normal;
	padding-top: 2px;
	padding-bottom: 1px;
}
.promo th a {
	font-weight: bold;
	color: #FFFFFF!important;
	font-size:16px;
	text-decoration:none!important;
}
.promo th {
	background-color:#014e96;
	text-align:left;
}

#rightmid .txt1 .promo span { background:none; }
.new {
	color: #FF3300!important;
	background-color: transparent!important;
	font-size:13px;
	font-weight: bold;
}
.date table {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-collapse:collapse;
}
.date table td, .date table th {
	padding:2px 8px;
	border-bottom:1px dotted #fff;
	line-height:normal;
	font-size: 11px;
	white-space: nowrap;
}
.date table th {
	font-weight:normal;
	text-align:left;
	border-bottom:2px solid #fff;
	white-space: nowrap;
}
#rightRight h2 i {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	color: #78AFD6;
	position: relative;
	top: -4px;
}