/*

Designed and Coded By: Arkive Technologies
Date: 00/10/2012

*/


@font-face {
    font-family: 'FranklinGothic';
    src: url('../fonts/FRAHV.eot');
    font-weight: normal;
    font-style: normal;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


.container{ width:1024px; height:auto;  margin:20px auto;  }
#comtent_all {
	float: left;
	height: auto;
	width: 1020px;
	overflow: hidden;
	padding: 0px;
}


.containerarea{  width:1024; height:auto; float:left; background:#FFF; -webkit-border-radius: 20px;
border-radius: 20px; -webkit-box-shadow: 1px 2px 5px 0px #b9b8b8;
box-shadow: 1px 2px 5px 0px #b9b8b8; margin-bottom:20px; }

.toparea{ width:1024px; height:154px; float:left; margin:0 0 0 0;}
.logoshort{ width:1024px; height:114px; float:left; margin:0 0 0 0;}
.shortcut{
	width:200px;
	height:31px;
	float:right;
	margin-top: 23px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
.shortcut ul{ float:left; margin:0 0 0 0;}
.shortcut ul li{ float:left; margin:0 0 0 0;}
.shortcut ul li a{
	float:left;
	margin:0 0 0 5px;
	color:#202028;
	text-decoration:none;
	border-right:1px solid #202028;
	padding:0 5px 0 0;
	font-family: "Franklin Gothic Book";
	font-size: 12px;
	font-weight: normal;
}
.shortcut ul li a:hover{ color:#666;}
.bordercase{ border:none !important;}
.logo{ width:207px; height:55px; float:left; margin:59px 0 0 36px;}

.navigationarea{
	width:1024px;
	height:28px;
	float:left;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mn.jpg);
}
.navigation{
	width:600px;
	float:right;
	margin:0;
	background-image: url(../images/mn.jpg);
} 
.navigation ul{ float:left; margin:0 0 0 0;}
.navigation ul li{ height:27px; float:left; margin:0 2px 0px 0; background:url(../img/bordernavi.png) right no-repeat; padding:0px 0px 0 0px;}
.navigation ul li a{ height:22px; float:left; margin:0 0 0 0px; font: bold 12px "Century Gothic"; color:#213d6c; text-decoration:none; padding:5px 30px 0 20px;}
.navigation ul li a:hover{ background:#21acd1; color:#fff; -webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;  } 
.navigation ul li a.active{ background:#21acd1; color:#fff; -webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;  }
.backgroundcase{ background:none !important;}

.banner{ width:1024px; height:266px; float:left; margin:0 0 0 0; background:#21acd1;}
.bannertop{ width:1024px; height:4px; float:left; border-bottom:1px solid #FFF;}
.flash{ width:1024px; height:262px; float:left; margin:0px 0 0 0;}
.flashleft{ width:533px; height:262px; float:left; margin:0 0 0 0;}
.flashslide{ width:491px; height:262px; float:left; margin:0 0 0 0;}

.main{ width:1024px; height:auto; float:left; margin:0 0 0 0;}
.contentleft{ width:674px; height:auto; margin:45px 0 0 36px; float:left;}
.welcomeimage{ width:653px; height:93px; float:left; margin:0 0 0 9px;}
.contentleft h1{ width:653px; float:left; margin:20px 0 0 0px; font:normal 19px "Century Gothic"; color:#697991; text-align:center;}
.contentleft h1 span{ font:bold 24px "Century Gothic"; color:#589e46;}
.contentleft p{ width:653px; float:left; margin:18px 0 0 6px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}

.contentleft2{ width:674px; height:auto; margin:45px 0 0 36px; float:left; background:#DBDBDB;}
.welcomeimage{ width:653px; height:93px; float:left; margin:0 0 0 9px;}
.contentleft2 h1{ width:653px; float:left; margin:20px 0 0 0px; font:normal 19px "Century Gothic"; color:#697991; text-align:center;}
.contentleft2 h1 span{ font:bold 24px "Century Gothic"; color:#589e46;}
.contentleft2 p{ width:653px; float:left; margin:18px 0 0 6px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}

.contentboxarea{ width:670px; float:left; margin:51px 0 0 0;}
.contentboxarea ul{ float:left; margin:0 0 0 5px;}
.contentboxarea ul li{  width:187px; float:left; margin:0 45px 0 0;}
.contentboxarea ul li h2{ width:187px; float:left; margin:8px 0 0 0; font:bold 15px "Franklin Gothic Book"; color:#212121;}
.contentboxarea ul li p{ width:187px; float:left; margin:5px 0px 0 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}
.imagest{ float:left; margin:0 0 0 0;}
.margincase{ margin:0 0 0 0 !important;}

.contentright{
	width:277px;
	height:auto;
	float:right;
	-webkit-box-shadow: 0px 0px 5px 0px #d9d8d8;
	box-shadow: 0px 0px 1px 0px #d9d8d8;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #fbfbfb;
	background-repeat: repeat-y;
	background-position: left top;
}
.clientsay{
	width:257px;
	height:287px;
	float:left;
	background:#f3f3f3;
-webkit-box-shadow: inset 0px 0px 15px 0px #bcbcbc;
	box-shadow: inset 0px 0px 15px 0px #bcbcbc;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.clientsayarea{ width:214px; height:261px; float:left; margin:11px 0 0 26px;}
.clientsayarea h1{ float:left; margin:0 0 0 0; font:bold 18px "Franklin Gothic Book"; color:#1f3863;}
.clientimg{ width:214px; height:79px; float:left; margin:14px 0 0 0;}
.clientsayarea p{ width:214px; float:left; margin:14px 0 0 0px !important; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}
.imagest{ float:left; margin:0 0 0 -10px;}
.clientsayarea p span{ float:right !important; font-size:12px; float:right; line-height:15px; text-align:right; margin:20px 0 0 0;}

.feedback{
	width:257px;
	height:288px;
	float:left;
	background:#f3f3f3;
-webkit-box-shadow: inset 0px 0px 15px 0px #bcbcbc;
	box-shadow: inset 0px 0px 15px 0px #bcbcbc;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.feedback h1{ float:left; margin:9px 0 0 18px; font:bold 18px "Franklin Gothic Book"; color:#1f3863;}
.feedform{ width:218px; float:left; margin:11px 0 0 22px;}
.curve{ width:138px; height:17px; -webkit-box-shadow: inset 0px 0px 5px 0px #bcbcbc;
box-shadow: inset 0px 0px 5px 0px #bcbcbc; border:1px solid #afafaf;
; vertical-align:middle; }
.selectcurve{ width:138px; height:23px; -webkit-box-shadow: inset 0px 0px 5px 0px #bcbcbc;
box-shadow: inset 0px 0px 5px 0px #bcbcbc; border:1px solid #afafaf;
; vertical-align:middle; font-size:12px;font:normal 12px Arial, Helvetica, sans-serif; }
.commentcurve{ width:130px; height:23px; -webkit-box-shadow: inset 0px 0px 5px 0px #bcbcbc;
box-shadow: inset 0px 0px 5px 0px #bcbcbc; border:1px solid #afafaf;
; vertical-align:middle; font-size:12px; font:normal 12px Arial, Helvetica, sans-serif;}
.logincurve{ width:170px; height:20px; -webkit-box-shadow: inset 0px 0px 5px 0px #bcbcbc;
box-shadow: inset 0px 0px 5px 0px #bcbcbc; border:1px solid #afafaf;
; vertical-align:middle; }
.loginbutton{ width:100px; height:30px; -webkit-box-shadow: inset 0px 0px 5px 0px #bcbcbc;
box-shadow: inset 0px 0px 5px 0px #bcbcbc; border:1px solid #afafaf;
; vertical-align:middle;font:normal 13px Arial, Helvetica, sans-serif; background-color:#1F3863;color:#ffffff; font-weight:bold}

.livechat{ width:259px; height:86px; float:left; margin:5px 0 3px 10px; background:url(../img/livechatbg.png) no-repeat;}
.livechat h1{ float:left; margin:20px 0 0 106px; font:bold 24px "Franklin Gothic Book"; color:#1f3863;}
.livechat a{ float:left; margin:0px 0 0 90px; font:bold 18px "Franklin Gothic Book"; color:#1f3863; text-decoration:none;}
.livechat a:hover{ color:#3a92c0;}

.footerarea{ width:1024px; height:363px; float:left; margin:0px 0 0 0; background:url(../img/footer.png) repeat-x; border-top:3px solid #f2f2f2; -webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px; }
.quicklinkarea{ width:760px; height:172px; float:left; margin:34px 0 0 23px; border-right:1px solid #989797; padding-right:0px;}
.quicklinkarea h1{ width:735px; float:left; margin:0 0 0 0; font:bold 23px "Franklin Gothic Book"; color:#1f3863;}
.quicklinkarea ul{ width:286px; float:left; margin:12px 5px 0px 0;}
.quicklinkarea ul li{ float:left; margin:8px 0 0 0;}
.quicklinkarea ul li a{
	float:left;
	margin:0 0 0 0;
	text-decoration:none;
	color:#202028;
	font-family: "Franklin Gothic Book";
	font-size: 12px;
	font-weight: normal;
}
.quicklinkarea ul li a:hover{ color:#666;}

.footerarea h2{ width:205px; float:left; margin:34px 20px 0 15px; font:bold 23px "Franklin Gothic Book"; color:#1f3863;}
.footerarea p{
	width:200px;
	float:left;
	margin:22px 0 0px 15px;
	color:#202028;
	line-height:22px;
	font-family: "Franklin Gothic Book";
	font-size: 13px;
	font-weight: normal;
	
}
.footerarea ul li a:hover{ color:#666;}
.footerarea p span{
	color:#333333;
}


.socialpartner{ width:1024px; height:50px; float:left; margin:38px 0 30px 0;}
.social{ float:left; margin:5px 0 0 10px; padding:0 20px 0 10px; border-right:1px solid #d9d9d9;}
.partners{ float:left; margin:0 0 0 38px;}
.partners h1{ float:left; margin:5px 0 0 0; font:bold 11px "Century Gothic"; color:#515151;}
.partlogo{ float:left; margin:0 0 0 35px;}

.copyrightarea{ width:1000px; float:left; margin:0px 0 0 10px;}
.copyrightarea p{ width:215px; float:left; margin:0 0 0 0; font:bold 11px "Century Gothic"; color:#515151;}

.footlogo{ width:111px; height:26px; float:left; margin:0 0 0 200px;}

.bannerinner{ width:1024px; height:248px; float:left; margin:0 0 0 0; background:#21acd1;}
.flashinner{ width:1024px; height:244px; float:left; margin:0px 0 0 0;}
.contentleft h2{
	width:653px;
	float:left;
	margin:0px 0 0 7px;
	color:#1F3863;
	font-family: Eurostile;
	font-size: 22px;
	font-weight: bold;
}
.contentleft h3{
	width:653px;
	float:left;
	margin:20px 0 0 7px;
	color: #666666;
	font-family: "Franklin Gothic Book";
	font-size: 16px;
	font-weight: bold;
}
.contentleft h4{ width:653px; float:left; margin:20px 0 0 9px; font:bold 20px "Franklin Gothic Book"; color:#373737;}
.contentleft h5{ width:653px; float:left; margin:20px 0 0 9px; font:bold 18px "Franklin Gothic Book"; color:#21acd1;}
.contentleft p span{
	font-size:16px;
	font-weight:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.solutionarea{ width:674px; float:left; margin:21px 0 0 0; border-top:1px solid #c4c4c4;}
.solutionarea h2{ width:653px; float:left; margin:30px 0 0 9px; font:bold 20px "Arial,Franklin Gothic Book"; color:#1f3863;}
.solutionarea h4{ width:653px; float:left; margin:30px 0 0 9px; font:bold 15px "Arial,Franklin Gothic Book"; color:#1f3863;}
.solutionarea h6{ width:653px; float:left; margin:5px 0 0 9px; font:normal 10px Arial; color:#515151;}
.solutionarea p{ width:653px; float:left; margin:18px 0 0 9px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}
.solutionarea ul{ float:left; margin:30px 0 10px 0;}
.solutionarea ul li{  width:190px; float:left; margin:0 28px 0 6px;}
.solutionarea ul li h2{ width:180px !important; float:left; margin:8px 0 0 0; font:bold 15px "Franklin Gothic Book"; color:#515151;}
.solutionarea ul li p{ width:190px; float:left; margin:15px 0 0 12px; font:normal 12px Arial; color:#515151; text-align:justify; line-height:16px;}

.solutionarea2{ width:200px; float:left; margin:5px 0 0 18px;}
.solutionarea2 h2{ width:253px; float:left; margin:30px 0 0 9px; font:bold 20px "Arial,Franklin Gothic Book"; color:#1f3863;}
.solutionarea2 h3{ width:253px; float:left; margin:10px 0 0 0px; font:bold 15px "Franklin Gothic Book"; color:#1f3863;}
.solutionarea2 p{ width:200px; float:left; margin:10px 0 0 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}
.solutionarea2 ul{ float:left; margin:30px 0 10px 0;}
.solutionarea2 ul li{  width:190px; float:left; margin:0 28px 0 6px;}
.solutionarea2 ul li h2{ width:180px !important; float:left; margin:8px 0 0 0; font:bold 15px "Franklin Gothic Book"; color:#515151;}
.solutionarea2 ul li p{ width:190px; float:left; margin:15px 0 0 0px; font:normal 12px Arial; color:#515151; text-align:justify; line-height:16px;}
.imagest1{ float:left; margin:11px 0 0 0px;}
.imagest2{ float:right;}


.contentright h2{
	width:225px;
	float:left;
	margin:40px 0 0 18px;
	color:#1f3863;
	border-bottom:1px solid #a9a9a9;
	padding:0 0 5px 0;
	font-family: Eurostile;
	font-size: 16px;
	font-weight: bold;
}
.quickright{ float:left; margin:0 0 0 18px;}
.quickright ul{ float:left; margin:0 0 0 0;}
.quickright ul li{ float:left; margin:0 0 0 0;}
.quickright ul li a{ float:left; margin:10px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; background:url(../img/rightquick.png) left no-repeat; padding:0 0 0 15px;}
.quickright ul li a:hover{ color:#999;}
.imagest2{ float:left; margin:11px 0 0 18px;}
.contentright p{ width:219px; float:left; margin:14px 0 0 18px; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; text-align:justify; line-height:18px;}
.contentright p a{ float:right; margin:30px 0 70px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#363636; text-decoration:none;}

.quicklinkarea h3{ width:735px; float:left; margin:15px 0 0 0px; font:bold 17px "Franklin Gothic Book"; color:#373737;}
.quicklinkarea p{ width:680px; float:left; margin:12px 0 0px 0px; font:normal 12px "Franklin Gothic Book"; color:#484747; line-height:18px;}
.quicklinkarea a{ float:left; margin:15px 0 0 0; font:normal 12px "Franklin Gothic Book"; color:#484747; text-decoration:none;}

.socialpartner ul{ width:486px; float:left; margin:12px 5px 0px 13px;}
.socialpartner ul li{ float:left; margin:0px 0 0 0;}
.socialpartner ul li a{
	float:left;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	text-decoration:none;
	color:#202028;
	border-right:1px solid #202028;
	font-family: "Franklin Gothic Book";
	font-size: 12px;
	font-weight: normal;
}
.socialpartner ul li a:hover{ color:#666;}
.socialpartner p{ width:215px; float:right; margin:12px 0 0 0; font:bold 11px "Century Gothic"; color:#515151;}
.social1{ float:right; margin:0px 20px 0 0px;}
.paraimage{ float:left; margin:0 20px 18px 2px;}

.whyus{ width:600px; float:left; margin:15px 0 0 20px;}
.whyus ul{ width:595px; float:left; margin:0 0 0 0;}
.whyus ul li{
	width:595px;
	float:left;
	margin:5px 0 6px 18px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#484747;
	list-style-image: url(../img/check.png);
}

.whyus2{ width:600px; float:left; margin:15px 0 0 20px;}
.whyus2 ul{ width:595px; float:left; margin:0 0 0 0;}
.whyus2 ul li{
	width:595px;
	float:left;
	margin:5px 0 6px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#484747;
}

.contentleft a{
	float:left;
	margin:-10px 10px 0 10px;
	color:#515151;
	text-align:left;
	line-height:16px;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.margincase2{ margin:30px 0 0 0 !important;}
.margincase3{ margin:14px 0 20px 18px !important;}
.new_font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right ;
	font-weight: normal;
}
#submenu_top {
	float: left;
	height: auto;
	width: 260px;
	overflow: hidden;
}
.submenu_font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	list-style-type: none;
}
.submenu_font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	list-style-type: none;
}
.submenu_project {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #21ACD1;
}
.our_expertise{ width:686px; height:auto; margin:20px 0 0 6px; float:left;}

.our_expertise table{  width:656px; height:auto; margin:0 0 0 0; border:1px solid #000;}
.our_expertise tr{  border:1px solid #000; color:#FFF;}
.our_expertise td{ border:1px solid #d5d7d8; padding:15px 0 15px 3px; text-align:center; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#515151;}
.our_expertise tr.pr{ background:#999999; color:#FFF; height:40px}
.our_expertise td.prt{ background:#bfbfbf;}

.clients2 { width:538px; height:238px; float:left; margin:10px 0 0 2px;}
.clients2 ul{ width:538px; height:238px; float:left; margin:0 0 0 0;}
.clients2 ul li p{ font:normal 12px verdana !important; line-height:22px !important; height:auto; width:538px; color:#535353; margin: 10px 0 0 0; float:left;}
.clients2 ul li p span{ font-size:15px; font-weight:bold; color:#0174b0; }
.clients2 ul li .imgs{ float:left; margin:0 10px 10px 0px; padding:5px; }

.clients{ width:538px; height:238px; float:left; margin:10px 0 0 22px;}
.clients ul{ width:538px; height:238px; float:left; margin:0 0 0 0;}
.clients ul li{ padding-bottom:10px; font:bold 12px arial,helvetica,tahoma,verdana,sans-serif !important; line-height:22px !important;  width:538px !important; color:#535353; margin:0 0 20px 0 ; float:left;}

.clients ul li p{ font:normal 12px verdana !important; line-height:22px !important; height:238px; width:538px; color:#535353; margin: 10px 0 0 0; float:left;}
.clients ul li p span{ font-size:15px; font-weight:bold; color:#0174b0; }
.clients ul li .imgs{ float:left; margin:0 10px 10px 0px; padding:5px; }

.client3{ width:974px; height:auto; margin:0px 0 0 0px; float:left;}
.client3 ul{ margin:20px 0 0 0;}
.client3 ul li{ width:176px; height:73px; float:left; margin:0 10px 35px 0; border:1px solid #0e537a;}
.client3 ul li a{ text-decoration:none; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#363636; text-align:center !important; width:176px; float:left;}