@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; line-height:18px; background:#fbfbfb url(../images/body-bg.jpg) no-repeat 0 110px}
img{border:0}
a{text-decoration:none; color:#1166bb; outline:none}
a:hover{text-decoration:underline}
#header-main{background:url(../images/header-bg.jpg) repeat-x; height:115px}
#header{width:926px; margin:0 auto; padding:20px 20px 20px 0}
#logo{float:left; width:398px}
#nav{float:right; width:520px; text-align:right}
#nav ul{margin:0; padding:25px 0 0 0; list-style-type:none}
#nav ul li{font-size:16px; color:#6c6c6c;font-weight:bold; display:inline; padding:10px 20px 10px 10px; background:url(../images/menu-line.gif) repeat-y right}
#nav ul li a{ color:#6c6c6c}
#nav ul li.selected a{ text-decoration:underline}
#totalcontent{width:966px; margin:0 auto;}
#content{border: solid 1px #dcdcdc; background:#FFF; padding:17px 14px; margin:13px 0 0}
#content-left{width:666px; float:left; padding:0 15px 0 0}
#content-right{width:226px; float:left; background:#f6f6f6; padding:13px}
.clearfix{clear:both;font-size:10px}
h1{font-size:18px; color:#9f0d00; border-bottom: solid 1px #e5e5e5; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif}
h2{font-size:18px; color:#c25200; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-top:0; margin-top:0}
.officeadr{background:#f3f3f3; border:solid 1px #dfdfdf; color:#5b5b5b; background:url(../images/cyber-tower.jpg) no-repeat bottom left; padding: 8px 5px 1px 110px; font-family:Arial, Helvetica, sans-serif}
.carea{padding:10px 30px 10px 7px}
.spacer{clear:both;font-size:5px; line-height:5px}
.bold{font-weight:bold}
.graytxt{color:#999}
.smallfont{font-size:11px; line-height:15px}
.careers ul{list-style-type:none; padding:0; margin:20px 0 0 0}
.careers ul li{background:url(../images/bullet.jpg) no-repeat 0 3px; padding:0 0 15px 20px}
.careers ul li a{font-size:14px; font-weight:bold}
.careers ul li span{ color:#797979}
.gallery{background: url(../images/gallery-bg.jpg) repeat-x; border:solid 1px #ccc; padding:10px 10px 10px 17px; width:890px; margin:0 auto}
.gallery h2{font-size: 18px; color:#3a3737; font-family:Arial, Helvetica, sans-serif; float:left}
.separator{background: url(../images/separator.gif) repeat-x center; padding-top:10px}
.righttxt{text-align:right}
.wbg{background:#FFF; padding:10px 5px}
.ctxt{text-align:center}
.topzero{padding-top:0; margin-top:0}
.flot {border-color:#EFEFEF;
border-style:solid;
border-width:1px 1px 5px;
float:left;
font-size:11px;
height:75px;
margin:0 15px 15px 0;
padding-top:3px;
text-align:center;
width:165px;
}
.jdbg{background: url(../images/jd-bg.gif) repeat-x; height: 14px; padding: 20px 14px}
.apply{background: #fbfbfb; padding: 15px; color: #494949; border: solid 1px #f2f2f2; width: 70%}
.apply a{color: #5590cb}
.sub_bn {
background:transparent url(../images/g_bn.jpg) repeat-x scroll 0 0;
border:1px solid #1BC61B;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:700;
padding:3px 5px;}
#icright{float:left; padding: 5px 0 0 0; width:95%;}
#icright ul { margin:15px 0 0; padding:0; list-style-type:none}
#icright ul li{ margin:0 0 10px 0; padding:15px; background:#f7f7f7; border:1px solid #d9d9d9; }
#icright ul li:hover{ margin:0 0 10px 0; padding:15px; background:#ffffff; cursor:pointer; border:1px solid #d9d9d9; }
#icright ul li a{color:#004277; text-decoration:none; font-size:16px; font-weight:800}
#icright h2{font-family: Arial, san-serif; font-size: 20px; color: #000; font-weight: bold;}
#icright h1{ color: #157690}
#footer{text-align:center; padding:15px; color:#848484;font-family:Arial, Helvetica, sans-serif}
/*photogallery*/
.project_img{ width:150px; padding:10px; margin-right:20px; margin-bottom:20px; float:left; text-align:center;}
.project_img img{display:block; border:5px #cfcfcf solid;}
.project_img .title{ font-size:14px; font-weight:700; color:#1166bb;}.project_img span{ font-size:12px; color:#989898;}
.pad{ padding-bottom:15px;}
.drop{ width:300px; border:1px solid #ababab;}
.clear{ clear:both; padding-bottom:5px;}
.gallery-side{ padding:10px 10px 10px 17px; width:890px; margin:0 auto}
#products ul { margin:15px 0 0; padding:0; list-style-type:none}
#products ul li{  padding:0 0 15px 20px; background: url(../images/right.jpg) no-repeat 0 6px;  font-size:14px; font-weight:700 }
/*contact us page styles*/
.areabox{ width:274px; padding:10px; border:#d9d9d9 solid 1px; background: #f7f7f7; float:left; margin-right:20px; height:410px;}
.areabox h3{ font-size:14px; color:#000; display:block; margin:0px;}
.areabox img{ margin:10px 0px;; }
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.bigrounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	padding:5px 30px 8px;
}
.greens {
	color: #e8f0de;
	font-size:14px;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	padding:3px 20px 5px
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}