@charset "utf-8";
/* CSS Document */
#wrap{
	width:980px;
	margin:0 auto;
}
#wrapInner{
	padding:0px 15px 15px 15px;
}
#header{
}
#nav_bg{
	background:url(../images_front/nav_bg.jpg) no-repeat top center;
	height:99px;
	position:relative;
}
#nav_bgInner{
	padding:0px 10px 0px 25px;
}
#logo{
	float:left;
	width:270px;
}
#logo_img{
	padding:20px 0 0;
}
#logo_img a{
	background:url(../images_front/logo.jpg) no-repeat top left;
	height:38px;
	display:block;
	text-indent:-3000px;
}
#nav{
	float:right;
	width:645px;
}
#nav_links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
#nav_links ul{ margin:0px; padding:0px; list-style:none; }
#nav_links ul li{ display:inline;margin:0;padding:0;}
#nav_links ul li a{ float:right; margin:0;padding:35px 11px 27px 11px;color:#333333;text-decoration:none; }
#nav_links ul li a:hover{ color:#FFF; }
#nav_links ul li.separator{ float:right; border-right:1px solid #F19300; width:0.5px; padding-left:0px; padding-top:15px; margin-top:25px; }
#a a {background:url(../images_front/nav_link_bg.jpg) repeat 0 0;}
#nav2{clear:both; text-align:right; display:block; position:absolute; left:588px; top:97px; zoom:1;}
#nav2{ padding:0 10px;}
#nav2 ul{ padding:0 10px; margin:0;/* background:transparent url(../images_front/nav_2.png) repeat-x 0 0 scroll;*/ height:34px; float:left;}
#nav2 ul .separator{ color:#CCC;}
/*#leftnavelement{ background:transparent url(../images_front/left_nav.png) no-repeat 0 0 scroll; height:34px; float:left;width:10px;}
#rightnavelement{ background:transparent url(../images_front/right_nav.png) no-repeat 0 0 scroll; height:34px; float:left;width:10px;}*/
#nav2 li{display:inline; background-color:transparent; padding:0 2px;}
#nav2 li a{display:inline; background-color:transparent; background-image:none; text-decoration:none;text-shadow:1px 1px #FFF; line-height:32px;}
#nav2 li a:hover{ text-decoration:underline; }

#banner{
	margin:0px 0 0;
}
#language_align{
	float:right;
	width:110px;
}
#language_bg{
	/*background:url(../images_front/language_btn.jpg) no-repeat top right;*/
	width:110px;
	height:39px;
	padding-top:5px;	
}
#language_link a{
	cursor:pointer;
	padding:3px 0 0 10px;
	text-decoration:none;
	background:url(../images_front/language_icon.png) no-repeat top right;
	height:21px;
	display:block;
	margin-right:10px;
}
.banner_height{
	height:240px;
}
.banner_title{
	float:left;
	width:450px;
	text-align:center;
}
.banner_img{
	float:left;
	width:400px;
}
.banner_imgoffshore_align{
	padding-left:100px;
}
.banner_imgnews_align{
	padding-left:70px;
}
.banner_imgcontact_align{
	padding-top:30px;
	padding-left:150px;
}

/*language*/
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:#EFEFEF;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #ccc;
border-bottom-width: 0;
font: normal 11px Verdana,Geneva,sans-serif;
line-height: 16px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc;
padding: 3px 0px;
text-decoration: none;
text-indent: 10px;
color:#555;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #ccc;
color: #333;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background:black;
visibility: hidden;
}

/*language end*/

.content_bg{
	border-top: 10px solid #E5E5E5;
}
.content_whitebg{
	background-color:#FFF;
}
.content_whitebg1{
	background-color:#FFF;
	margin-left:1px;
	min-height:630px;
	height:auto !important;
	height:630px;
	zoom:1;
}
.content_whitebgservices{
	background-color:#FFF;
	margin-left:1px;
	min-height:1024px;
	height:auto !important;
	height:1024px;
}
.content_box{
	padding:10px;
}
.text_wrap{
	padding:10px 20px;
}
.feature_content_box{
	padding:10px 0px 10px 15px;
	background-color:#E5E5E5;
}
.content_box1{
	padding:20px;
}
.feat_txt_pos{
	padding:10px;
}
.feat_txt_pos p {
    color: #666666;
    font-size: 11px;
    line-height: 1.5em;
    padding-bottom: 18px;
}
.content_leftborder{
	border-left:1px solid #CAD9DD;
	min-height:345px;
	height:auto !important;
	height:300px;
}
.content_rightborder{
	border-right:1px solid #CAD9DD;
}
.content_bottomborder{
	border-bottom:1px solid #CAD9DD;
}
.content_bottomborder_black{
	border-bottom:1px solid #bfbfbf;
}
.feature_box{
	float:left;
	width:310px;
}
.feature_boxInner{
	padding:0 10px 0 0;
}
.title_orangebg{
	background:url(../images_front/service_bg.jpg) repeat-x top left;
	height:40px;
}
.title_greenbg{
	background:url(../images_front/demo_bg.jpg) repeat-x top left;
	height:40px;
}
.title_bluebg{
	background:url(../images_front/delivered_bg.jpg) repeat-x top left;
	height:40px;
}
.title_bgInner{
	padding:8px 0 0 0px;
}
.title_text{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:20px;
	color:#FFF;
	
}
.title_text p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:20px;
	color:#FFF;
	padding:3px 0 4px 10px;
}
.feature_list{
	position:relative;
	min-height:300px;
	height:auto !important;
	height:300px;
}
.feature_listInner{
	padding:7.8px 0px;
}
.feature_demolistInner{
	padding:7.8px 0px;
}
.feature_deliverylistInner{
	padding:16px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.feature_deliverylistInner {padding:14px 0px;}
}
.list_icon{
	float:left;
	width:50px;
}
.list_name{
	float:left;
	width:160px;
	height:40px;
}
.read_more{
	position:absolute;
	bottom:0px;
	right:20px;
	top: 310px;
}
.read_more_delivery{
	position:absolute;
	bottom:0px;
	right:20px;
}
.Innercontent{
/**	padding-top:10px; bina **/
}
.leftside{
	float:left;
	width:245px;
}
.leftsideInner{
	padding-top:30px;
	 background: url("../images_front/content_bg.jpg") repeat scroll center top transparent; /**bina**/
}
.leftside_links, .leftside_links2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	min-height:0px;
	height:auto !important;
	height:0px;
	padding-right:10px;
	
	
}
.leftside_links a, .leftside_links2 a{
	color:#333;
	text-decoration:none;
}
.leftside_links a:hover, .leftside_links2 a:hover{
	color:#FF6633;
}
.leftside_linksInner{
	padding:5px 0px 5px 10px;
}
.leftside_links_text{
	background:url(../images_front/sec_nav_img.png) no-repeat 0 4px;
	padding:3px 0 3px 25px;
}
.leftside_links_text:hover{
	background:url(../images_front/sec_nav_img_h.png) no-repeat 0 4px;
}
.leftside_contact{
	background:#FFF url(../images_front/topborder_shadow.jpg) no-repeat top left;
	width:246px;
	zoom:1;
}
.rightside{
	position:relative;
	float:left;
	width:705px;
}
.rightsideInner{
}
.rightside_bordershadow{
	position:absolute;
	top:0px;
	left:-9px;
	background:url(../images_front/border_shadow.jpg) no-repeat top left;
	width:10px;
	height:70px;
}
.leftsideIn{
	float:left;
	width:430px;
}
.leftsideIn_Inner{
	padding:0px 5px 10px;
}
.rightsideIn{
	float:left;
	width:220px;
}
.rightside_imgalign{
 float:right;
 width:220px;
 margin:5px;
}
.rightsideIn_Inner{
	padding:20px 0px 10px 5px;
}
.rightsideIn_Inner1{
	padding:10px;
}
.rightsideIn_Inner1 a img{
	border:1px solid #CCC;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.rightsideIn_Inner1 a:hover img{
	border:1px solid #999;
	opacity:1;
	filter:alpha(opacity=100);
}
/*contact page*/
.contact_leftside{
	float:left;
	width:350px;
}
.contact_leftsideInner{
}
.contact_rightside{
	float:left;
	width:550px;
}
.contact_rightsideInner{
	padding:0px 0px 10px 180px;
}
/*contact page end*/
/*footer*/
.footer_bg{
	background:url(../images_front/footer_bg.jpg) repeat-x top left;
	height:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	padding-top:3px;
}
.footer_bg a{
	color:#666;
	text-decoration:none;
}
.footer_bg a:hover{
	color:#333;
	text-decoration:underline;
}
.footer_bgInner{
	padding:10px;
}
.footer_phone{
	float:left;
	width:230px;
}
.footer_mail{
	float:left;
	width:225px;
	padding:0px 15px;
	text-align:left;
}
.footer_links{
	float:right;
	width:350px;
	text-align:right;
	color: #666;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
}
.footer_links a{
	color: #666;
}
.footer_link_list{ margin:0px; padding:0px; list-style:none; }
.footer_link_list li{ display:inline; }
.footer_search{
	float:right;
	width:260px;
	margin-top:-2px;
}
.footer_search input.gray_btn_bg{
	padding:2px 0 5px;
	height:auto;
}
/*footer end*/
.portfolio_title h2{
	width:50%;
	float:left;
}
.cat_select{
	width:50%;
	float:left;
	line-height:26px;
	position:relative;
}
.cat_select span{
}
.cat_select ul{
	width:141px;
	background:url(../images_front/cat_select.gif) no-repeat top left;
	position:absolute;
	height:28px;
	overflow:hidden;
	left:196px;
	top:1px;
	padding:0;
	margin:0;
	zoom:1;
}
.cat_select ul a{text-decoration:none; display:block;}
.cat_select ul:hover{
	width:138px;
	background:url(../images_front/cat_select.gif) no-repeat top left;
	height:auto;
	overflow:visible;
	background-image:none;
	background-color:#FFF;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	margin-left:1px;
}
.cat_select ul li{ padding-left:10px;}
.cat_select ul:hover li:hover{
	background-color:#E5EAEE;
}
.cat_select ul li:first-child{
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;;
}
.cat_select ul li:last-child{
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.port_img{
	float:left;
	text-align:center;
}.port_img a{line-height:30px; color:#3366CC;}
.port_img .rightsideIn{
	background:url(../images_front/port_bg.gif) no-repeat center top;
	padding-top:6px;
	float:none;
}
.port_img .rightsideIn .rightsideIn_Inner1{
	background:url(../images_front/port_bg.gif) no-repeat center bottom;
	height:130px; 
	overflow:hidden;
	padding:0;
	text-align:center;
}
.port_img .rightsideIn_Inner2{
	height:114px;
	overflow:hidden;
}.port_img .rightsideIn .rightsideIn_Inner1 img{
	border:none;
}
.leftside_links p, .leftside_links2 p{
	color:#777777;
	font-weight:normal;
}
.leftside_links p.test_writer, .leftside_links2 p.test_writer{
	color:#5A7A83;
	text-align:right;
	font-weight:bold;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:1px dotted #99B7BD;
}
.leftside_links2{
	float:left;
	width:216px;
	border-right:1px solid #EEEEEE;
}
.footer_1{
	padding:20px 0;
	color: #666;
}
.footer_1 a{
	color: #666;
}
.socialnw{
	display:inline-block;
	float:left;
	margin-right:5px;
}
.port_demo{
	width:475px;
	float:left;
}
.port_ipos{
	padding:10px;
}
.paginate{
	background:transparent url(../images_front/pagin.gif) no-repeat center center;
	height:30px;
	width:660px;
	margin:0 auto;
	
}
.paginate a, .paginate{
	line-height:30px;
	color:#666666;
	text-shadow:1px 1px rgba(255,255,255,0.5);
}