@charset "utf-8";
/* CSS Document */

#innpageleft{ margin-left:6px; width:200px; float:left; background:url(images/sidenav_bg.gif) repeat-x; }
#innpageright{ float:left;  width:758px; margin:0px; padding:0px; margin-left:6px;}
a:visited{outline:none; }
a:hover{outline:none; text-decoration:none;}
a:link{ text-decoration:none; color:#00529b; }
a:visited{ text-decoration:none; color:#00529b; text-decoration:none;}
h2{color:#013a58;  padding:0px; margin:0px;  padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border-bottom:1px #ccc dotted; font-size:17px; padding-top:12px;}
h3{color:#04719a; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border-bottom:1px #ccc dotted; font-size:16px; padding-top:11px; padding-bottom:1px; margin-bottom:11px;}
h5{color:#333;  font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-size:13px; padding-bottom:4px;}

hr{border-top:1px dotted #CCCCCC; color:#FFFFFF; width:100%; }
#cont-part{ padding:0px; margin:0px;}
.submit_but1{ width:120px;}
.submit_but2{ width:100px;}
.alluls{ padding:0px; margin:0px; padding-left:20px;}
/******************************************************Innerpage side navigation***************************************/
#innerleftnav{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#797979; font-size:12px; margin-top:7px;}
#innerleftnav ul{padding:0px; margin:0px; list-style-type:none; }
#innerleftnav ul li{ padding:0px; margin:0px; display:block; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none; text-indent:10px;}
#innerleftnav ul li a:link{ padding:0px; margin:0px; display:block; background:url(images/sidenav_line.gif) no-repeat bottom right; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none; padding:7px 0 7px 0;}
#innerleftnav ul li a:visited{ padding:0px; margin:0px; display:block; background:url(images/sidenav_line.gif) no-repeat bottom right; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none; padding:7px 0 7px 0;}
#innerleftnav ul li a:hover{ padding:0px; margin:0px; display:block; background:url(images/sidenav_overbg.gif) no-repeat bottom right; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; text-decoration:none; padding:7px 0 7px 0;}
#innerleftnav ul li a.active{ padding:0px; margin:0px; display:block; background:url(images/sidenav_overbg.gif) no-repeat bottom right; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; text-decoration:none; padding:7px 0 7px 0;}
/*****************************************************************************************************/
/****************contact us page****************************************/
#contaleftbox{ width:374px; float:left; padding:3px;}
#contarightbox{ background-color:#e6effa; width:372px; float:left; padding:3px;}
.getintou{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003d5b;}
.contforminn{ float:left; margin:0 5px 0px 5px; font-family:Arial, sans-serif; width:85%; font-size:12px; padding-top:6px;}
.contforminn2{ float:left; margin:0 5px 0px 5px; font-family:Arial, sans-serif; width:275px; font-size:12px; padding-top:6px;}
.contfiled {
border-color:#AAADB4 #E2E9EF #E2E9EF #AAADB4;
border-style:solid;
border-width:2px 1px 1px 2px;
padding:4px;
width:160px;
}
.conttextarea{
border-color:#AAADB4 #E2E9EF #E2E9EF #AAADB4;
border-style:solid;
border-width:2px 1px 1px 2px;
font-family:Arial,sans-serif;
font-size:1.2em;
margin:2px 0 0;
padding:4px;
width:270px;
}


/**********************************************************************/
/**********************************Banners**********************************/
.banner_leftimg{ width:200px; float:left; margin-left:6px;}
.banner_rightimg{ width:778px; float:left; }
#banner{ padding-top:6px; padding-bottom:0px;}
/*************************************/
/***************************RFQ**********************************/
#rfqleftbox{ width:424px; float:left; background-color:#e6effa; padding:6px;}
#rfqrightbox{ width:317px; float:left; margin-left:4px;  }
.borderinnri{border:1px #d8d8d8 solid; border-bottom:none;}
.formWrapper {float:left; margin:0px 0 5px; width:360px; color:#000;
}
.label {color:#5C5C5C; float:left; padding:2px 0 0; width:110px; color:#333;
}
.textbox {background:#FFFFFF none repeat scroll 0 0; border:1px solid #D8D8D8; padding:2px; width:127px;
}
.big {padding:2px; width:180px;
}
.textarea2 {background:#FFFFFF none repeat scroll 0 0; border:1px solid #D8D8D8; height:127px; padding:2px; width:235px;
}
.checkbox {float:left; width:236px;
}
.checkboxes {float:left; width:236px;
}

.checkboxes label {clear:right; float:left; width:200px;
}
.checkbox input {border:0 none !important; float:left; margin-right:7px; width:20px;
}
.redst{color:#FF0000;}
.officloca{color:#039cd6;  padding:0px;  padding-bottom:3px; font-family:Verdana; font-weight:normal; font-size:13px;}
.innerricorve1{background-image:url(images/innerricorve.gif); background-repeat:no-repeat; height:25px; width:317px; background-position:bottom left}
.viwefull{color:#013a58; text-decoration:none;}
.viwefull a.hover{color:#013a58; text-decoration:underline;}

/******************************************************************/
/**********************************Clients********************/
#client_divsin{ width:280px; float:left; margin:0px 10px 7px 0px; background-color:#efefef; border-right:2px #0582b9 solid; }
#client_divsin:hover{ width:300px; float:left; background-color:#ebebeb; margin:0px 10px 7px 0px; border-right:2px #0582b9 solid;}

/************************/
/************************************************Portfolio*************/
.quadBox {
float:left;
margin:0 18px 15px 0;
width:308px;
border-bottom:1px #CCC dotted;
padding-bottom:10px;
}

.quadBox a img {

background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:5px;
}
.quadBox a:hover img {

background:#FFFED9 none repeat scroll 0 0;
border:1px solid #12457c;
border-bottom:none;

}

.quadBox a:hover img {

background:#FFFED9 none repeat scroll 0 0;
}
.quadBox a img {

background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:5px;
}
.port_head{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; padding-bottom:5px;}
.learnMoreLink {

background:transparent url(images/bluearrow.jpg) no-repeat scroll left center;
color:#397CBF;
padding:0 0 0 12px;
text-decoration:none;
text-align:right;
width:100px;
margin-left:5px;
}
.port_totald{ margin-bottom:25px; line-height:16px; width:317px; padding-bottom:10px; }
.portfolo_leftp{float:left; width:330px; border-right:1px #ededed solid;}
.portfolo_rightp{float:left; width:320px; margin-left:30px; }
.portlink1:link  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}
.portlink1:visited  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}
.portlink1 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:underline;}
/*********************************/
/*recent projects scrolling*/
 
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 835px; /*Width of Carousel Viewer itself*/
height: 310px; /*Height should enough to fit largest content's height*/
margin-left:40px;
}
.stepcarousel .belt{position: absolute; left: 0; top: 0; height: 592px;}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 /*recent projects scrolling*/

/***********************Portfilio Page 2**********************/
.td_bgport{ background:url(images/port2_mainbg.gif) top repeat-x;}
.pld_width{ width:639px; float:left; margin-left:6px;}/*Protfolio left div width*/
.prd_width{ width:337px; float:left; background:url(images/portfolio_leftbg.gif) top no-repeat}/*Protfolio right div width*/
#leftlist_port{ padding:0px; margin:0px; list-style-type:none; list-style-image:none;}
#leftlist_port ul{ padding:0px; margin:0px; margin-left:21px;}
#leftlist_port li{  list-style-type:none; display:inline; }
#leftlist_port li img{list-style-type:none; display:inline; padding:2px;  background-color:#FFFFFF; }
#leftlist_port li img a:link{padding:2px;  background-color:#FFFFFF; }
#leftlist_port li img a:visited{padding:2px; background-color:#FFFFFF; }
#leftlist_port li img:hover{padding:2px;  background-color:#FFFFFF; }
#leftlist_port li img a.active{ border:1px #4d9baf solid;}
#featuredstory_bg{ width:290px; height:260px; float:left; margin:80px 0 0 23px; background:url(images/fraturedstory_bg.gif) top no-repeat; }
#featuredstory_bg img{padding:3px; border:1px #cbcbcb solid; background-color:#FFFFFF; }
#featuredstory_bg p{ font-family:Arial, Helvetica, sans-serif; color:#68748a; font-size:14px; padding:6px 0 0 6px; }
.feature_htext{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#2F4567; padding:15px 0 0 6px;}
.alexander_text{ font-family:Arial, Helvetica, sans-serif; color:#73a3d4; font-size:14px;}
.featu_clintsp{ color:#2e69a4; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#port_viwebox_bg{float:left;  background:url(images/portfolio_projectbg.gif) top no-repeat; width:603px;}

#slider-wrap{ width:635px; float:left; margin-top:65px;}

					/***********************Portfilio page in slider**********************/
.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border:none; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 660px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 250px;*/
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height:auto;
			position: relative;
			width: 660px; /* Also specified in  .stripViewer  above */
			border:0px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:0px 10px 10px 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin-left:0px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		.stripNav ul li {
			float:left;
			 /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#333333;
			font-size:12px;
			text-align:center;
			text-decoration:none;
			display:block;
			padding-top:6px;
		}
		
		.stripNav li.tab1 a { 
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs/off.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px; }
			
		.stripNav li.tab2 a { 
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs/off.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px; }
			
		.stripNav li.tab3 a { 
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs/off.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px; }
			
		.stripNav li.tab4 a { 
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs/off.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px; }
			
		.stripNav li.tab5 a { 
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs/off.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px; }
		
		.stripNav li a:hover {
			background-color:#FFFFFF;
			color:#990000;
			text-decoration:none;
		}
		
		.stripNav li a.current {
			background: #FFFFFF;
			background-image:url(images/horz_sliding_tabs.jpg);
			background-repeat:no-repeat;
			height:53px;
			width:127px;
			color:#333333;
			font-weight:bold;
			padding-top:6px;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 150px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 0px;
			width: 0px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		.strip_mainhe{color:#990000; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; margin:0 0 10px;}
		.strip_mainhe2{color:#333333; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; margin:0 0 10px;}
		.text_arial_12_black a:hover {
color:#990000;
text-decoration:underline;
}
.previous_next {
margin-top:20px;
width:100px;
}
.sliedtext_right{ width:445px; float:left; margin-left:6px;}
.sliedtext_left{ width:187px; float:left;}
		/***********************Slider End**********************/
/***********************End Protfolio Page 2**********/
/****************************nextandprv*****************************/
.page_nav a:link{ background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px 6px 2px 6px; display:block; float:left; margin-right:3px; font-size:11px; text-decoration:none; color:#00529b;}
.page_nav a:visited{ background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px 6px 2px 6px; display:block; float:left; margin-right:3px; font-size:11px; text-decoration:none; color:#00529b;}
.page_nav a:hover{ background-color:#bf0802; border:1px solid #CCCCCC; padding:2px 6px 2px 6px; display:block; float:left; margin-right:3px; font-size:11px; color:#FFFFFF}
.page_nav a.active{ background-color:#bf0802; border:1px solid #CCCCCC; padding:2px 6px 2px 6px; display:block; float:left; margin-right:3px; font-size:11px; color:#FFFFFF}
/******************************************************************************/
.hallr{ color:#990000; padding-bottom:3px; padding-left:0px;}/*****Headings all red color*****/
.inner_texth{ color:#015f92; padding-bottom:3px; padding-left:0px; font-size:13px;}
.sitemap_divpage{ width:98%; float:left; margin-left:6px;}
/*************************SITEMAP**********************/
.sitemap_h01 a:link{ font-size:13px; text-decoration:none; color:#333333; font-family:Arial; font-weight:bold;}
.sitemap_h01 a:visited{ font-size:13px; text-decoration:none; color:#333333; font-family:Arial; font-weight:bold;}
.sitemap_h01 a:hover{ font-size:13px; text-decoration:none; color:#00529b; font-family:Arial; font-weight:bold;}
.sitemap_sublinks a:link{ color:#990000; text-decoration:none;}
.sitemap_sublinks a:visited{ color:#990000; text-decoration:none;}
.sitemap_sublinks a:hover{ color:#990000; text-decoration:underline;}
/*************************/
.roll_aboutus{ }
.roll_aboutus img{ border:4px #e4e4e4 solid; margin-right:5px; margin-left:0px;}
.roll_aboutus img a:visited{ border:4px #e4e4e4 solid; margin-right:5px; margin-left:0px;}
.roll_aboutus img:hover{ border:4px #a6d5ff solid; margin-right:5px; margin-left:0px;}

/********************TOP Request and Make Enquiry Buttons******************/
#memoryticker {
	width: 100%;
	/*Tip: add in height attribute here for multiple line scroller*/
padding: 3px;
	background:url(images/testimonialsbg.gif) no-repeat 10px;
	background-position:top;
	height:160px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}
a:focus {
	outline: none;
}
#top_requsr_but1 {
	width:141px;
	height: 51px;
	display: none;
}
#top_makea_but2 {
	height: 51px;
	width:141px;
	display: none;
}
.slide001 {
	margin: 0;
	padding: 0;
	height:51px;	
	width:141px;
	background:url(images/requestquote_img.gif) no-repeat left top;
}
.slide002 {
	margin: 0;
	padding: 0;
	height:51px;
	width:141px;
	background:url(images/makeenquiry_img.gif) no-repeat left top;
}
/******************************/


/***********************Casestudies***********/
.casestu_bgmain{ background:url(images/casebg.gif) repeat-x top; margin-top:13px; margin-bottom:0px;}
.casestuhead{ font-family:Arial; font-size:16px; padding:5px 0 5px 5px; color:#000000;}
.case_nameprodiv4{ margin-bottom:5px; margin-top:0px;}
.case_project{ background-color:#dbedf2; width:95px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:2px 0 2px 5px;}
.case_proname{ background-color:#dbedf2; width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:2px 0 2px 5px; margin-left:5px;}
.case_innhead01{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:3px; color:#0061A6; padding-top:8px;}
#dotted1{ padding:0px; margin:0px; list-style-type:none; padding-left:10px;}
#dotted1 ul{ padding:0px; margin:0px; list-style-type:none;  margin-bottom:10px; }
#dotted1 li{ list-style-type:none; padding-left:10px; background-image:url(images/dotte1.gif); background-position:left 10px;  background-repeat:no-repeat; line-height:22px;}
/***************************************/


/**************************** blog*******************/
.blog_divleft{ width:100%; float:left; border-right:1px #CCC solid;}
.blog_mainbg{   margin-left:5px; padding-top:9px;}
.blog_bgleftimg{ width:94px; float:left; height:123px; background:url(images/blog1_bg.gif) top no-repeat;}
.blog_bgrihgimg{ width:98%; float:left; margin-left:10px;}
.bhl25 a:link{font-family:Arial, Helvetica, sans-serif; font-size:13px;  color:#00529b; padding-bottom:5px;}
.bhl25 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; color:#00529b; padding-bottom:5px;}
.bhl25 a:visited{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#00529b; padding-bottom:5px;}
.blog_heads001{ font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#000000; }
.blog_div145hi{ min-height:100px; padding-top:15px; border-bottom:1px #c8c8c8 dotted; padding-bottom:15px;}
.blog_datebox{  float:left; border:1px #cecece solid; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.blog_databoxri{ float:left;width:850px; padding-left:10px;}
.twitter_hbl{font-family:Arial; font-size:20px; font-weight:600; color:#33ccff; background:url(images/twitterlogo.png) 5px 4px no-repeat; padding-left:30px;}
.facebook_hbl{font-family:Arial; font-size:20px; font-weight:600; color:#3b5998; background:url(images/facebooklogo.png) 5px 4px no-repeat; padding-left:30px;}

.linkedin_hbl{font-family:Arial; font-size:20px; font-weight:600; color:#000; background:url(images/linkedinlogo.png) 5px 4px no-repeat; padding-left:30px;}


.netw_siteh{
background:url(images/bg_bubble.png) no-repeat scroll 170px bottom;
color:#8C8C8C;
font-family:"museo-sans-1","museo-sans-1","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size:0.8em;
font-weight:normal;
letter-spacing:0.1em;

padding:4px 0 9px;
text-transform:uppercase;
width:100%;
}
.netw_siteh span{background-color:#F29500;
color:#FFFFFF;
margin:0;
font-size:20px;
padding:3px 80px 2px;
}

.golgleftnav{
 padding:0px; margin:0px;
}
.golgleftnav ul{
 padding:0px; margin:0px; display:block;
}
.golgleftnav ul li{
 padding:0px; margin:0px; display:block; line-height:24px; background:url(images/blogarrow.gif) left 10px no-repeat; padding-left:15px; list-style-type:none;
}
.golgleftnav ul li a{
 text-decoration:none; color:#00529b; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
.golgleftnav ul li a:hover{
 color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;
}

/*****************************************/



#allli_img{ padding:0px; margin:0px; list-style-type:none;  margin-bottom:10px; margin-top:4px;}
#allli_img li{ list-style-type:none; padding-left:10px; background-image:url(images/arrow_cowl.png); background-position:left 10px;  background-repeat:no-repeat; line-height:24px;}

.hiringmodelshea{ background-color:#dbe5f1; padding:6px; color:#000000; font-size:17px; font-family:Arial, Helvetica, sans-serif; margin-bottom:8px;}

.textbox1{background:#FFFFFF none repeat scroll 0 0; border:1px solid #D8D8D8; padding:2px; width:100px;
}
.textbox2{background:#FFFFFF none repeat scroll 0 0; border:1px solid #D8D8D8; padding:2px; width:50px;
}