@charset "utf-8";
@import url("reset.css"); /*This handles all browser default styling */

/* ----------------------------    BASIC STYLES And All Fonts    ------------------------------- */
*{ margin:0;}
body {font: 12px Arial, Helvetica, sans-serif; background:url(../images/bg-img.jpg);}
img{ border:none;}
a{ text-decoration:underline; outline:none; color:#2B3856; }
a:hover{ text-decoration:none; color:#ec4221; }
#outer-warp { width:955px; margin:auto; background:url(../images/container-bot-bg1.png) left bottom no-repeat; padding-bottom:36px;}
#inner-warp {background:url(../images/shadow-bg.png) left bottom repeat-y; width:921px; padding:0 17px 0 17px; }
#wapper { width:920px; background:#FFF url(../images/container-bot-bg.jpg) bottom left no-repeat;}


/* ----------------------------    Common Class    ------------------------------- */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.clearAll { clear:both; font-size:0px; height:1px;}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.line_height { line-height:2em; }
.bold { font-weight:bold; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pb5 { padding-bottom:5px; }
.pt6 { padding-top:6px; padding-right:6PX; }
.pb10 { padding-bottom:10px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.mrg5 { margin:5px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt28 { margin-top:28px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.tab { text-indent:-15px; padding-left:15px; }
.tab2 { padding-bottom:20px; }
.tab3 { padding-bottom:20px; }

.absolute { position:absolute; }
.white_text { color:#ffffff; }
.gray-border {background:url(../images/gray-border.jpg) repeat-x top left; height:5px;}
.gray-border1 {background:url(../images/fot-gray-line.jpg) repeat-x top left; height:1px; margin:5px 0 5px 0;}
.gray-text {color:#515151;}
.orange-text {color:#ec4221;}
.blue-text {
	color:#113d66;
	font-weight: bold;
}

/*Text*/
p {padding:12px 0;}
ul{ list-style:none; margin:0; padding:0;}
h2{ margin:0; padding:0; font-size:18px; font-weight:bold;}
h3{ margin:0; padding:0; font-size:16px; font-weight:normal;}
h4{ margin:0; padding:0; color:#683b00; font-size:14px; font-weight:normal;}
h5{ margin:0; padding:0; color:#333; font-size:12px; font-weight:normal;}

/*Header*/
#header{  height:65px;}

#header .header_logo { float:left; padding:9px 9px 9px 35px; width:408px;}
#header .header_logo a{ background:url(../images/logo.png) left top no-repeat; display:block; width:335px; height:44px;}
#header .header_logo a span{ display:none;}
/*Main Menu*/

#header .header_right {
	float:left;
	color:#000;
	font-size:14px;
	font-family:HelveticaNeue CondenseBold, Helvetica, sans-serif;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	width: 465px;
}
/*#header .header_right{padding-right: 16px\9;}*/
.nav {
	position:relative;
	z-index:100;
	height:25px;
}
.nav ul {position:relative;margin:0;padding:0;list-style-type:none;}
.nav li {float:left;margin:0;font-weight:bold;}
.nav li:hover,.nav li a:hover {
	position:relative;
	text-align: left;
}
.nav li a {
	display:block;
	float:left;
	height:20px;
	white-space:nowrap;
	text-decoration:none;
	text-align:center;
	color:#000;
	background:url(ajxmenu_files/top.gif) top right;
	font-family: "HelveticaNeue CondenseBold", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin: 0 11px;
}
.nav li:hover a,.nav a:hover ,.nav .active {color:#ec4221;background:url(../images/nav-over.png) bottom right;}
.nav ul ul {position:absolute;left:-9999px;top:-9999px;width:125px;height:auto;background:#ebebeb; margin-left:2px;}
.nav table {margin-top:-1px;border-collapse:collapse;}
.nav ul :hover ul {left:-10px;top:18px;}
.nav li li.sfirst {border:none;}
.nav li li.slast { border:none;}
.nav ul ul a,.nav ul :hover ul a,.nav ul :hover ul :hover ul a,.nav ul :hover ul :hover ul :hover ul a {float:none;margin:0;width:102px;height:auto;white-space:normal;padding:10px 5px 10px 5px;font:14px Arial,Helvetica,sans-serif;text-decoration:none;text-align:left; padding-left:18px;color:#373737;background:none;border-bottom:1px solid #cdcdcd;}
.nav ul ul :hover a,.nav ul ul a:hover,.nav ul ul :hover ul :hover a,.nav ul ul :hover ul :hover ul :hover a,.nav ul ul :hover ul a:hover,.nav ul ul :hover ul :hover ul a:hover {background:#FFF; color:#ea401c;}

/*Banner*/
#banner{ clear:both; background:url(../images/banner-img.jpg) top left no-repeat; width:920px; height:211px;}


/*Footer*/
#footer {
	clear:both;
	font-size:10px;
	color:#bebebe;
	color:#333;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
	width:600px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer span{font-family:"Hiragino Kaku Gothic ProN W3", Helvetica, sans-serif;}
#footer .logo {
	display:block;
	float:left;
	height: 13px;
	width: 21px;
	margin-top: 1px;
	margin-right: 8px;
	margin-bottom: 0;
}
#footer .text {
	width: 450px;
	background-image: url(../images/fot-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	height: 13px;
	line-height: 13px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px!important;
	font-weight: normal;
}
.f-gray-line {background:url(../images/fot-gray-line.jpg) repeat-x top left; height:5px;}

/*Main contain*/
#container {  clear:both; padding:30px 32px 0px 32px; margin-bottom:70px; color:#333333;}

/*Left Part*/
#container #left-col {
	width:490px;
	margin-right:17px;
	float:left;
	padding:0 15px 0 0;
}
#container #left-col p { font-size: 12px; padding: 10px 0; line-height: 22px; margin: 0px; line-height:18px;}
#container #left-col h1{font-size:24px; font-weight:bold; font-family:HelveticaNeue CondenseBold, Helvetica, sans-serif; letter-spacing:0px;}

/*Right Part*/
#container #right-col { width:330px;float:right;}
#container #right-col .containt {width:248px; float:right;}
.orange-head- {color:#ea3e18}
#container #right-col .containt p {padding:4px 0 0 0; line-height:18px;}
#container #right-col .imgae-box {width:63px; float:left;}
#right-col h3:hover {color:#ea3e18;  }
#right-col .soft {}
#right-col .soft a {background:url(../images/software-img.jpg) no-repeat top left; display:block; width:330px; color:#333333; text-decoration:none; min-height:65px;}
#right-col .soft a:hover {background:url(../images/software-img-over.jpg) no-repeat top left; }
#right-col .dtp {}
#right-col .dtp a {background:url(../images/dtp-img.jpg) no-repeat top left; display:block; width:330px; color:#333333; text-decoration:none; min-height:65px;}
#right-col .dtp a:hover {background:url(../images/dtp-img-over.jpg) no-repeat top left;}
#right-col .hardware {}
#right-col .hardware a {background:url(../images/hardware-img.jpg) no-repeat top left;display:block; width:330px; color:#333333; text-decoration:none;min-height:65px;}
#right-col .hardware a:hover {background:url(../images/hardware-img-over.jpg) no-repeat top left;}
#right-col .other {}
#right-col .other a {background:url(../images/other-ser-img.jpg) no-repeat top left;display:block; width:330px; color:#333333; text-decoration:none;min-height:65px;}
#right-col .other a:hover {background:url(../images/other-ser-img-over.jpg) no-repeat top left;}
#right-col .kontax a {background:url(../images/kontax-logo3.png) no-repeat top left;display:block; width:330px; color:#333333; text-decoration:none;min-height:65px;}
#right-col .kontax a:hover {background:url(../images/kontax-k2.png) no-repeat top left;}

/*Inner Container*/
#in-container {  clear:both; margin-bottom:70px; color:#333333; line-height:18px;}
/*Col1*/
#in-container .col1 {float:left; width:220px;}
#in-container .col1 ul {}
#in-container .col1 li {padding:12px 25px 12px 32px; border-bottom:1px solid #CCCCCC;}
#in-container .col1 li a {text-transform:uppercase; color:#333; text-decoration:none; font-weight:bold;  display:block;}
#in-container .col1 li .selected, #in-container .col1 li a:hover {background:url(../images/orange-arrow.png) center right no-repeat; background-position:146px; color:#ec4221;}

/*Col2*/
#in-container .col2 {float:left; width:640px; margin:40px 30px 0 30px;}
#in-container .col2 .right-box {background:#ededec url(../images/serv-right-boxbg.png) top right no-repeat; width:175px; float:right; margin:30px; padding:25px 20px; }
#in-container .col2 ul {padding:0 0 0 15px;}
#in-container .col2 li {list-style:url(../images/orange-bullet.png); padding:4px 0 4px 0;}
#in-container .col2 ul span {padding-left:5px;}
#in-container .col2 h1{font-size:24px;  font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#in-container .col2 a {font-size:14px; color:#113d66;}
#in-container .col2 a:hover {color:#ec4221; text-decoration:underline;}

#in-container .col3 {float:right; width:215px; margin-right:30px;}

/*Services Page*/
#service-banner {background:url(../images/services-bann.jpg) top left no-repeat; width:920px; height:67px;}
#service-banner .header {background:url(../images/services-bann-opacity.png) top left no-repeat; width:220px; height:21px; padding:23px 0; text-align:center;}
#service-banner .arrow {margin:0 0 2px 40px;}
.serv-image {background:url(../images/services_06.jpg) center no-repeat; width:195px; height:147px; margin-top:35px; padding:20px 0 0 25px;}
.sub-ttl{
	font-size:18px;
	font-weight:normal;
	color:#333;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	background-color: #ededec;
}
.blue_link a{ text-decoration:none; color:#00C!important;}
.blue_link a:hover{ text-decoration:underline; color:#03C!important;}