@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #0a2e44 url(images/bg.jpg) top center no-repeat;}
html { padding:0; margin:0;}

.main { width:980px; margin:0 auto; padding:0 0 5px 0;}
/********** header **********/
.header { padding:0; margin:0 auto; background: url(images/header_bg.gif) top repeat-x; }
/* logo */
.logo {padding:0; margin:0; float:left;}
.logo h1 a{color:#FFF; padding-top:15px; text-shadow: 2px 2px 3px black;}
.banner{margin-left:80px; float:left; padding-top:12px;}
/* search */
.search { padding:5px 20px 0 0; margin:0; width:300px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:149px; padding:0 0 0 10px; height:33px;}
.search form .keywords { width:149px; line-height:14px; height:17px; float:left; background:none; border:0; padding:8px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;}
.search form .button { float:left; margin:0; padding:0;}
.search h3 {float:right; width:132px; padding:0px; margin:5px 0px 9px 0px;}
.search h3.sap {border-right:1px solid #FFF;padding-right:15px;}
.search h3 a{color:#fff; text-decoration:none; display:inline-block; font-family:Arial, "Segoe Script", "Segoe UI", sans-serif, serif}
.search h3 a:hover{text-decoration:underline;}
.contact-img1{background-image:url(images/contact.png); background-repeat:no-repeat; background-position:left; padding-left:25px}
.portfolio-img1{background-image:url(images/portfolio.png); background-repeat:no-repeat; background-position:left; padding-left:36px}
/*menu*/
.menu { height:45px; padding:0; margin:0 auto; width:980px; background:url(images/menu_bg.gif) top  repeat-x;}
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:15px 18px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover {  background: url(images/hover.gif) top repeat-x;}
.menu ul li a.active {  background:url(images/hover.gif) top repeat-x;}
/* block header */
.block_header { border:1px solid #d9dcdb; width:978px; margin:0 auto; padding:0; background:#FFF; height:240px;}
.slider { margin:0; padding:20px 0 0 0;}
.block_header h2 { text-align:left; color:#2d2d2d; font:normal 30px Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:1.4em;}
.block_header h1 { text-align:left; color:#2d2d2d; font:normal 33px Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:1.4em;}
.block_header p { text-align:left; color:#2d2d2d; font:normal 12px  Arial, Helvetica, sans-serif; margin:0; padding:10px; line-height:1.8em;}
.slider div.img { float:left; padding:0 80px 0 0; margin:0;}
.block_header2 { border:1px solid #d9dcdb; width:938px; margin:0 auto; padding:0 20px; background:#FFF; height:200px;}
.block_header2 h2 {color:#2d2d2d; font:normal 30px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 15px; line-height:1.4em;}
.block_header2 p { color:#2d2d2d; font:normal 13px  Arial, Helvetica, sans-serif; margin:0; padding:10px 0 0 15px; line-height:1.8em;}
.block_header2 div img { padding:5px 15px 0px 10px; }
/* body */
.body { padding:0 20px; margin:0 auto; background:#edefee; border:1px solid #d3d6d5; width:938px; }
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#393939; padding:10px 0 20px 5px; margin:10px 0; border-bottom:1px solid #dfdfdf;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#454646; line-height:1.8em; padding:5px 5px; margin:0; text-align:justify;}
ul.ultext  { font:normal 12px Arial, Helvetica, sans-serif; color:#454646; line-height:1.8em;margin:0; text-align:justify; list-style-position:outside;padding-top:2px; padding-bottom:5px; padding-right:5px; padding-left:35px;}
ol.ultext  { font:normal 12px Arial, Helvetica, sans-serif; color:#454646; line-height:1.8em;margin:0; text-align:justify; list-style-position:outside;padding-top:2px; padding-bottom:5px; padding-right:5px; padding-left:35px;}
.body p span { color:#868686;}
.body p.small { font: normal 11px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:1.8em; padding:5px; margin:0;}
.body p strong { color:#454646;}
.body a, .paralink a{ color:#1790ab; text-decoration:underline; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { float:left; margin:5px 2px 5px 5px; padding:0;}
.right { width:567px; margin:10px 8px 10px 0; padding:0 10px; float:right;}
.right .blog { width:255px; float:left; margin:10px 3px; padding:0;}
.right .blog2 { width:255px; float:left; margin:10px 20px; padding:0;}
.left {width:307px; margin:5px 8px 5px 0; padding:0 10px; float:left;}

.right_allpage { width:440px; margin:10px 0px 10px 0; padding:0 10px; float:right;}
.left_allpage {width:440px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.left_allpage div img{border:5px solid #fff;}
.right_allpage div img{border:5px solid #fff;} 
/*************wot-partner**********/
.wot-partner {padding:0;  margin:0; height:135px; background-color:#f2f3f3;  border:1px solid #d9dcdb;}
.wot-partner p { padding-left:25px;}
.wot-partner img { padding:0px 22px;}
/*.wot-partner img { padding:3px 5px;} */
.wot-partner-heading h2 {color:#2d2d2d;font:normal 18px Arial, Helvetica, sans-serif; padding-left:34px; padding-bottom:5px; margin:5px 0;  border-bottom:1px solid #d9dcdb; }
.extend img { padding:0px 15px;}
/*******WOT - BROWSER***********/
.wot-browser {padding:0;  margin:0; height:135px; background-color:#FFF;  border:1px solid #d9dcdb;}
.wot-browser p { padding-left:25px;}
.wot-browser img {  padding:5px 40px 0px 0px;}
.wot-browser-heading h2 {color:#2d2d2d;font:normal 18px Arial, Helvetica, sans-serif; padding-left:34px; padding-bottom:5px; margin:5px 0; } 
/* FBG */
.FBG { margin:1px auto 0 auto; padding:0 20px; width:938px; background:#01384C; border:1px solid #3f403f;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#edefee; padding:10px 5px 20px 5px; margin:10px 0; border-bottom:1px solid #3e3e3e;}
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.8em; padding:5px 5px; margin:0;}
.FBG a { color:#1790ab; text-decoration:none; font: bold italic 12px Arial, Helvetica, sans-serif; float:left;}
.lefta {width:289px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.lefta a {color:#fff;}
.lefta a:hover{}
.middlea{width:289px; padding-top:0px; padding-bottom:0px; margin-top:10px;margin-bottom:10px; padding-left:5px;padding-right:5px; float:left;}
.middlea a { color:#FFF;}
.middlea a:hover { }
.righta {width:289px; margin:10px 8px 10px 0; padding:0 10px; float:right;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#454646; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#65cccc;}
#contactform input.text { width:350px; border:1px solid #e2e2e2; margin:10px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left;}
#contactform textarea { width:350px; border:1px solid #e2e2e2; margin:10px 0; padding:2px; background:#f8f8f8; float:left;}
#contactform li.buttons input { padding:3px 0 3px 335px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/***********Contact form 2 left **********/

#contactform1 { margin:0; padding:5px 5px;}
#contactform1 * { color:#222222;}
#contactform1 ol { margin:0; padding:0; list-style:none;}
#contactform1 li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform1 li.buttons { margin:0px 0 0px 0;}
#contactform1 label { margin:0; width:80px; display:block; padding:0px 0; color:#454646; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform1 label span { color:#65cccc;}
#contactform1 input.text { width:300px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left;}
#contactform1 textarea { width:300px; border:1px solid #e2e2e2; margin:10px 0; padding:2px; background:#f8f8f8; float:left;}
#contactform1 li.buttons input { padding:3px 0px 3px; margin:0; border:0; color:#FFF; float:left;}

/***********Contact form -bottom **********/

#contactform-bottom{ margin:0; padding:0px 0px;}
#contactform-bottom * { color:#222222;}
#contactform-bottom ol { margin:0; padding:0; list-style:none;}
#contactform-bottom li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform-bottom li.buttons { margin:0px 0 0px 0;}
#contactform-bottom label { margin:0; width:80px; display:block; padding:0px 0; color:#f3f2f2; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform-bottom label span { color:#65cccc;}
#contactform-bottom input.text { width:200px; border:1px solid #e2e2e2; margin:1px 0; padding:3px 2px; height:11px; background:#f8f8f8; float: left;}
#contactform-bottom textarea { width:200px; border:1px solid #e2e2e2; margin:1px 0; padding:2px; background:#f8f8f8; float:left;}
#contactform-bottom li.buttons input { padding:3px 0px 3px; margin:2px; border:0; color:#000; float:left;}


/*************footer**********/
.footer {padding:0;  margin:0; background: url(images/footer_bg.gif) top repeat-x; height:45px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#cbf1f9;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #dfdfdf; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}
li.bg2, .bg2 {clear:both; border-top:1px solid #3e3e3e; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}
img.clear { padding:0; margin:0; float:none;}

/*************MIX ********************/
.indent{ padding-left:5px;}


/*************contact_img***********/
div#contact { 
position:fixed;
top:200px;
right:0; 
 }
 /*
.contimage{
filter: alpha(opacity=80);mozopacity:.80;opacity:.80;
}
*/
span.red{color:#ff0000 !important;}
span.proj{display: none;color:#FFFFFF; font-family:Arial, "Segoe Script", "Segoe UI", sans-serif, serif; font-weight:bold; font-size:15px}
.vcard{font:12px Arial, Helvetica, sans-serif; color:#454646; line-height:1.8em; padding:5px 0px 5px 5px; margin:0; text-align:justify;}
.vcard .org{font-weight:bold;}
.vcard .email{font-weight:bold;}
#tabs h1{font-size:14px;}
h2.web{display:inline; font-size:11px;color:#000;}