@charset "utf-8";
/* =================================
CSS created by:
Achmad Kamal Chaneman :: http://kamalchaneman.co.nr
Copyrights 2009
written for: http://exysoft.com
==================================== */
body { font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#555;background:#f4f4f4 }
/**************************************************** GLOABAL STYLES ****/
.clear{ display:block; clear:both; }
h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ color:#D81F80;}
a:hover{ color:#563D64; }
p{ padding:15px 0 5px 0px; line-height:20px;}
#container{
	display:block;
	margin:0 auto;	
	position:relative;
	width:940px;
}
#main_wrap { background:#f4f4f4 url(../images/main_wrap.gif) repeat-x; min-height:600px; }
/****************************************************  HEADER ****/
#header_wrap { background:url(../images/header_wrap.jpg) top center no-repeat; }
#header { height:120px; margin:0 auto; width:960px; }
#header h1 a { background:url(../images/logo.png) no-repeat; display:inline; float:left; height:70px; position:absolute; text-indent:-9999px; top:21px; width:391px; }
#header .callus { 
	background:url(../images/Mail.png) no-repeat; 
	color:#79b4d0;
	display:inline; 
	float:right; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:41px; 
	padding:0 0 0 55px; 
	position:relative; 
	top:32px;
	right:90px;
}
#header .callus span a { color:#79b4d0; font:bold 16px Arial, Helvetica, sans-serif; line-height:28px; text-decoration:none; }
#header .callus span a:hover { color:#4fdcfb; }
/****************************************************  NAVIGATION ****/
#navigation { display:block; margin:0 auto; position:relative; top:-9px; width:960px; }
#navigation li { display:inline; float:left; margin-right:14px; width:125px; }
#navigation li.last { margin:0px; float:right; }
#navigation li a { background:url(../images/navigation.png); display:block; height:54px; text-indent:-9999px; }
#navigation li a.home { background-position:0 0; }
#navigation li a.home:hover, li#home.active a { background-position:0 -56px; }
#navigation li a.about { background-position:-141px 0; }
#navigation li a.about:hover, li#about.active a { background-position:-141px -56px; }
#navigation li a.solutions { background-position:-279px 0; }
#navigation li a.solutions:hover, li#solutions.active a { background-position:-279px -56px; }
#navigation li a.industries { background-position:-418px 0; }
#navigation li a.industries:hover, li#industries.active a { background-position:-418px -56px; }
#navigation li a.services { background-position:-558px 0; }
#navigation li a.services:hover, li#services.active a { background-position:-558px -56px; }
#navigation li a.partners { background-position:-697px 0; }
#navigation li a.partners:hover, li#partners.active a { background-position:-697px -56px; }
#navigation li a.contact { background-position:-835px 0; }
#navigation li a.contact:hover, li#contact.active a { background-position:-835px -56px; }
/****************************************************  CONTENT ****/
#contentWrap { margin:0 auto; width:960px; }
/****************************************************  SLIDER ****/
#slider { position:relative; top:-4px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li{	height:343px; overflow:hidden; width:960px;	}
.shad { background:url(../images/shadow.png); height:18px; position:relative; top:-52px; }
.mainContent { background:#f8f8f8; border:1px solid #d3d3d3; margin-top:-30px; min-height:500px; }
.leftContent { display:inline; float:left; padding:25px 20px; width:570px; }
.leftContent h1 { background:url(../images/about.gif); height:18px; text-indent:-9999px; width:139px; }
.leftContent p, .rightContent p { color:#7d7d7d; font:13px Verdana, Geneva, sans-serif; line-height:18px; margin:20px 0 0 0; }
.leftContent a { color:#006eaa; float:right; font:12px Arial, Helvetica, sans-serif; margin:10px 0; text-decoration:none; }
.leftContent a:hover { color:#4fdcfb; }
.sep { background:url(../images/sep.gif); height:2px; margin:50px 0 30px 0; width:570px; }
.business, .integration, .development { margin:20px 0 0 0; }
.business img, .integration img, .development img { display:inline; float:left; }
.info { display:inline; float:right; margin:0 0 0 20px; width:460px; }
.info h2 { color:#006eaa; font:bold 12px Verdana, Geneva, sans-serif; }
.info p { font:12px Verdana, Geneva, sans-serif; line-height:18px; margin:10px 0 0 0; }
.rightContent {	display:inline; float:right; padding:0 10px; width:290px; }
#mission { background:url(../images/paper.png); height:295px; left:-15px; position:relative; top:-1px; width:310px; }
#mission h2 { display:none; }
#choose { background:#17547e; height:auto; margin-top:10px; min-height:300px; padding:15px 0 0 15px; width:265px; }
#choose h2 { color:#cdebff; border-bottom:1px solid #14476b; font:bold 16px Arial, Helvetica, sans-serif; padding-bottom:15px; width:255px; }
#choose p { border-top:1px solid #276087; color:#cdebff; margin:0; padding-top:15px; width:250px; }
#btmShadow { background:url(../images/bottom_shad.png); height:23px; width:280px; }
/****************************************************  SUB PAGES ****/
.subContent { background:#f8f8f8; border:1px solid #d3d3d3; margin-top:30px; min-height:500px; }
#subMenu { background:#fff; border:1px solid #f2f2f2; display:inline; float:left; margin:15px 0 15px 15px; padding:5px 15px 15px 15px; }
#subMenu p a { color:#006EAA; text-decoration:none; }
#subMenu p a:hover { text-decoration:underline; }
#subMenu li { font:13px Verdana, Geneva, sans-serif; padding:0; }
#subMenu li a { background:url(../images/bullets.gif) no-repeat left center; border-bottom:1px dotted #dbdbdc; color:#006eaa; display:block; padding:15px 20px; text-decoration:none; }
#subMenu li a:hover, #subMenu li a.active { background:url(../images/bullets_hover.gif) no-repeat left center; color:#4fdcfb; }
.content { display:inline; float:right; margin:15px; padding:10px; width:570px; }
.content .left { display:inline; float:left; }
.content .right { display:inline; float:right; }
.subContent h1 { color:#006eaa; font:bold 16px Arial, Helvetica, sans-serif; padding-bottom:10px; }
.subContent h2 { color:#f1592a; font:bold 14px Arial, Helvetica, sans-serif; padding-bottom:10px; }
.subContent p { color:#7d7d7d; font:12px Verdana, Geneva, sans-serif; line-height:18px; margin-bottom:10px; }
.subContent p.sub { padding-left:25px; }
.subContent p strong { color:#006eaa; font:bold 12px Arial, Helvetica, sans-serif; }
.subContent p strong.sub { color:#006eaa; font:bold 12px Arial, Helvetica, sans-serif; padding-left:20px; }
.subContent p em { color:#006eaa; display:block; font:italic 12px Arial, Helvetica, sans-serif; padding:5px 0; }
#leftContent { display:inline; float:left; margin:15px 0 15px 0px; padding:5px 15px 15px 15px; }
/****************************************************  FOOTER ****/
#bottomWrap { background:#003257 url(../images/footer_wrap.gif) repeat-x; height:auto; margin-top:50px; }
#footer { margin:0 auto; display:block; padding:50px 0; width:960px; }
.first { display:inline; float:left; margin:0 27px 0 0; width:300px; }
.first h3 a { background:url(../images/foot_logo.gif) no-repeat; display:block; height:23px; margin-bottom:10px; text-indent:-9999px; width:191px; }
.first p { color:#fff; font:12px Arial, Helvetica, sans-serif; line-height:22px; }
.first p a { color:#79b4d0; text-decoration:none; }
.first p a:hover { color:#4fdcfb; }
.second { display:inline; float:right; width:300px; }
.second h3 { background:url(../images/partner.gif) no-repeat; color:#fff; font:18px Arial, Helvetica, sans-serif; margin-bottom:20px; text-indent:-9999px; }
.second em { display:block; }
.second em.sage { background:url(../images/partner.png) no-repeat -25px 0; height:37px; text-indent:-9999px; }
.second em.giants { background:url(../images/partner.png) no-repeat 0 -35px; height:40px; left:120px; margin-top:10px; position:relative; text-indent:-9999px; top:-65px; }
.second p, .second p a { color:#fff; font:11px Arial, Helvetica, sans-serif; text-decoration:none; }
.second p a:hover { color:#4fdcfb; }
.footerInfo { display:inline; float:left; }
.footerInfo p, .footerInfo p a { color:#fff; font:11px Arial, Helvetica, sans-serif; text-decoration:none; }
.footerInfo p a:hover { color:#4fdcfb; }
/****************************************************  FORM ****/
#form fieldset { border: 0px; padding: 0px;	margin: 0px; }
#form label { color:#7d7d7d; font:12px Arial, Helvetica, sans-serif; width:120px; display: inline-block; text-align: right; margin-right:15px; margin-bottom: 15px;	}
#form .input1 {	border: 1px solid #7d7d7d; padding: 5px 17px; margin-bottom: 15px; width: 200px;	}
#form textarea { border: 1px solid #7d7d7d;	vertical-align: top; width: 350px; font: 1.1em Tahoma; line-height: 1.7em; padding: 9px;height: 200px; }
#form .indent {	padding-left: 137px; padding-top: 15px;	}
#form .submitbutton { background:url(../images/submit.png); border:none; cursor:pointer; height:46px; width: 153px; }
#form .submitbutton:hover { background:url(../images/submit.png) 0 46px; }