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

@font-face { font-family: Effra; src: url('../fonts/Effra_Std_Rg.ttf'); } 

body,td,th {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #455560;
}
body {
	background-color: #FFF;
	background-image: url(../images/template/top-nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #B5121B;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B5121B;
}
a:hover {
	text-decoration: none;
	color: #800000;
}
a:active {
	text-decoration: none;
	color: #B5121B;
}
hr {
	clear: both;
	border: 0;
	height: 1px;
	color: #EFEFEF;
	background-color: #EFEFEF;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
	/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #B5121B;
	line-height: normal;
}
p, input, select, textarea {
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #455560;
	line-height: normal;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0px auto;
}
.clear {
	clear: both;
}
.linethrough {
	text-decoration: line-through;
}
.red {
	color: #B31019 !important;
}
.arrowlink {
	padding-left: 15px;
	background-image: url(../images/template/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
form, .nopm {
	margin: 0px !important;
	padding: 0px !important;
}
img{border:0px;}
/*----- Site Layout Start -----*/
#skiplinks {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#body {
	max-width: 980px;
	/*max-width: 1240px;
	max-width: 980px;
	min-width: 590px;*/
	width: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}
#body #header {
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
}
#body #header #logo {
	float: left;
	/*min-width: 120px;*/
}
#body #header #logo img {
	width: 92px;
	border: 0px;
	display: block;
	padding: 15px 10px;
}
#body #header #intro {
	margin: 15px 5px;
	padding: 15px 0px;
	float: right;
	text-align: right;
	height: 50px;
}
#body #header #intro h1 {
	font-size: 2.3em;
	text-transform: uppercase;
	color: #B5121B;
	margin-bottom: 0px;
}
#body #header #intro h2 {
	font-size: 1.8em;
	/*text-transform: uppercase;*/
	color: #455560;
}
#body #header #intro h2 a:link {
	color: #455560;
}
#body #header #intro h2 a:hover {
	color: #800000;
}
#body #homebanner {
	clear: both;
	width: 980px;
	height: 320px;
	background-color: #fff;
	margin: 0px auto 15px auto;
	overflow: hidden !important;
}
#body #homebanner .homebanner {
	width: 980px;
	display: block;
	padding: 0px;
	height: 320px;
	margin: 0 auto;
	border: none;
}
#body #homebanner .staticbanner {
	display: none;
}
#body #subbanner {
	clear: both;
	width: 980px;
	background-color: #fff;
	margin: 0px auto 15px auto;
	overflow: hidden;
}

#body #subbanner .subbanner {
	width: 980px;
	display: block;
	padding: 0px;
	height: 200px;
	margin: 0 auto;
	border: none;
}
#body #casestudiesbanner {
	clear: both;
	width: 980px;
	background-color: #fff;
	margin: 0px auto 15px auto;
	overflow: hidden;
}
#body #casestudiesbanner .casestudiesbanner {
	width: 980px;
	display: block;
	padding: 0px;
	height: 320px;
	margin: 0 auto;
	border: none;
}
#body #casestudiesbanner .staticbanner {
	display: none;
}
#body #casestudiesbanner #strapline {
	position: absolute;
	top: 170px;
	left: 25px;
	z-index: 11;
	background-image: url(../images/template/white-transparent.png);
	padding: 10px;
	margin: 0px;
	width: 400px;
}
#body #casestudiesquote {
	position: absolute;
	top: 170px;
	left: 25px;
	z-index: 11;
	background-image: url(../images/template/white-transparent.png);
	padding: 10px;
	margin: 0px;
	width: 400px;
}
#body #casestudiesquote h3 {
	display: none;
}
#body #casestudiesquote p {
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#body #casestudiesquote p.quoteby {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px !important;
	font-weight: bold;
}
#body #casestudiesquote p.readmore {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px 0px 0px !important;
}


#body #content .rightcontent #optionbox{
		width: 230px;
		float:left;
		margin: 0px 15px 10px 0px;
		padding: 0px;
	}
	#body #content .rightcontent #optionbox h3{
		background: #eee;
		color:#B51019;
		padding: 10px;
		margin-bottom: 0px;
		font-size: 1.5em;
	}
	#body #content .rightcontent #optionbox p{
		padding: 5px;
		min-height: 65px;
	}
	#body #content .rightcontent #optionbox.wide{
		width: 350px;
	}
	#body #content .rightcontent #optionbox ul{
		list-style: outside;
		margin: 0px 0px 0px 16px;
		padding: 5px 0px;
		height: 120px
	}
		#body #content .rightcontent #optionbox ul li a{
			font-weight:bold; 
			color: #455560;
		}
		#body #content .rightcontent #optionbox ul li a:hover{text-decoration:underline;}
		#body #content .rss h3{background:#eee; padding: 10px; width: 330px}
		#body #content .rss ul{list-style:outside; margin: 10px 0px; padding: 0px 0px 0px 20px}
		#body #content .rss ul li{padding: 5px 0px}
		#body #content .rss ul li a{font-weight:bold; color: #455560;}
		#body #content .rss ul li a:hover{text-decoration: underline;}
		.link-page{list-style:none; padding:0px; margin: 0px;}
		.link-page li{display: block; width: 220px; float:left; background: #eee; margin: 0px 10px 10px 0px; padding: 10px 0px;}
		.link-page li a{padding: 10px}
		
/* Easy Slider */
#slider, #slider2 { 
	overflow: hidden;
	width:980px;
	height:320px;
	position:relative;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
	overflow: hidden;
	position:relative;
}
#slider2 {
	margin-top:1em;
}
#slider li, #slider2 li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:980px;
	height:320px;
	overflow:hidden; 
	position: relative;
}	
#slider .title, #slider2 .title {
	z-index: 12;
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 2.1em;
	/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	overflow: hidden;
}
#slider .bannertext, #slider2 .bannertext {
	z-index: 13;
	position: absolute;
	top: 25px;
	left: 25px;
	width: 400px;
	overflow: hidden;
	background-image: url(../images/template/white-transparent.png);
	padding: 5px;
}
#slider .bannertext p, #slider2 .bannertext p {
	font-size: 1.4em;
	line-height: 1.5em !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#slider .bannertext p.quoteby, #slider2 .bannertext p.quoteby {
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px 0px 0px 0px !important;
}
#slider .bannertext p.readmore, #slider2 .bannertext p.readmore {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px !important;
}
.title .grey {
	background-image: url(../images/template/white-transparent.png);
	padding: 5px;
	float: left;
	text-transform: uppercase;
}
.title .red {
	background-image: url(../images/template/white-transparent.png);
	padding: 5px;
	clear: left;
	float: left;
	text-transform: uppercase;
}
#homebanner #prevBtn, #homebanner #nextBtn,
#homebanner #slider1next, #homebanner #slider1prev{ 
	display:none;
}	
#homebanner ol#controls { 
	display:none;
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:320px;
	position:absolute;
	left:-30px;
	top:250px;
	z-index:10;
}	
#nextBtn, #slider1next{ 
	left:980px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	text-indent: -10000px;
	overflow: hidden;
}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	
		
/* numeric controls */	
ol#controls{
	height: 28px;
	left: 55px;
	margin: 1em 0;
	padding: 0;
	position: absolute;
	top: 403px;
	left: 25px;
	z-index: 500;
	display: none;
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	background:#FFF;
	color:#B31019;
	padding:0 10px;
	text-decoration:none;
	font-size: 1.3em;
}
ol#controls li.current a{
	background:#B31019;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* Homepage Client Logo Start */
#carousel_container {
	float: right;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:443px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-458px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:99999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:443px;  /* fixed width, important */
height: 125px;
/* just styling bellow*/
padding:0px;
margin-top:0px;
margin-bottom:0px; 
margin-left:5px; 
margin-right:5px; 
overflow: hidden;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling 
cursor:pointer;
cursor: hand; */
background-color: #FFF;
width: 427px;
height: 112px;
margin: 2px 4px;
display: inline-block;
padding: 3px;
}
#left_scroll, #right_scroll{
float:left; 
height:125px; 
width:15px; 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

/* Homepage Client Logo End */




#homeservices {
	margin: 0px 0px 14px 0px;
	padding: 0px;
	overflow: hidden;
}
#homeservices li {
	list-style: none;
	float: left;
}
#homeservices li a {
	/*background-color: #B5121B;*/
	background-image: url(../images/template/home-nav.jpg);
	background-repeat: no-repeat;
	text-indent: -100000px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	display: block;
	font-weight: bold;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	text-align: center;
	width: 163px;
	height: 60px;
	vertical-align: middle;
}
#homeservices #ecom a {background-position: 0px 0px;}
#homeservices #ecom a:hover {background-position: 0px -60px;}
#homeservices #webd a {background-position: -163px 0px;}
#homeservices #webd a:hover {background-position: -163px -60px;}
#homeservices #seam a {background-position: -326px 0px;}
#homeservices #seam a:hover {background-position: -326px -60px;}
#homeservices #bessol a {background-position: -489px 0px;}
#homeservices #bessol a:hover {background-position: -489px -60px;}
#homeservices #mobap a {background-position: -652px 0px;}
#homeservices #mobap a:hover {background-position: -652px -60px;}
#homeservices #strat a {background-position: -815px 0px;}
#homeservices #strat a:hover {background-position: -815px -60px;}

#body #content #text #siteintro {
	float: left;
	width: 483px;
}

#body #content #text #workedwith {
	float: right;
	width: 483px;
	border-left: 1px solid #DCE0E4;
	padding-left: 7px;
}

#body #content #text #industrynews {
	float: left;
	width: 461px;
	border: 1px solid #DCE0E4;
	padding: 10px;
	margin-top: 14px;
	height: 187px;
	background: url(../images/template/grey-grad.jpg) bottom no-repeat;
}
#body #content #text #industrynews ul {
	padding-bottom: 5px;
}
#body #content #text #industrynews li {
	margin-bottom: 5px;
}
#body #content #text #industrynews .from {
	margin: 0px;
	padding: 0px 5px;
	vertical-align: top;
	background-color: #FFF;
}
#body #content #text #industrynews .from img {
	margin: 5px 0px 0px 5px;
	height: 13px;
	border: 0px;
}
#body #content #text #projecthighlights {
	float: right;
	width: 461px;
	height: 187px;
	border: 1px solid #DCE0E4;
	padding: 10px;
	margin-top: 14px;
	background: url(../images/template/grey-grad.jpg) bottom no-repeat;
}
#body #content #text #projecthighlights h2 {

}
#body #content #text #projecthighlights ul {
	margin: 0px;
	padding: 0px;
}
#body #content #text #projecthighlights ul li {
	float: left;
	width: 146px;
	list-style: none;
	text-align: center;
	margin-right: 10px;
}
#body #content #text #projecthighlights ul li.last {
	margin-right: 0px;
}
#body #content #text #projecthighlights img {
	border: 0;
	border: 1px solid #DCE0E4;
	width: 146px;
	height: 110px;
	margin-bottom: 5px;
}
#body #content #text #twitter {
	clear: both;
	background: url(../images/template/twitter-bg.gif) left bottom no-repeat;
	width: 980px;
	height: 37px;
	padding: 14px 0px 0px 0px;
}
#body #content #text #twitter h2 {
	display: none;	
}
#body #content #text #twitter .followlink {
	height: 37px;
	width: 62px;
	display: block;
	text-indent: -10000px;
	margin-right: 10px;
	float: left;
}
#body #content #text #twitter ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
#body #content #text #twitter ul li {
	list-style: none;
	font-size: 1.2em;
	line-height: 37px;
	padding: 0px 10px 0px 0px;
	width: 898px;
}

#body #content #text #twitter ul li span a {
    background: none repeat scroll 0 0 transparent !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}
#body #content #text #twitter ul li a {
/*    display: block;
    height: 17px;
    margin: 0 !important;
    padding: 5px 25px 0 0 !important;
    text-align: right;*/
	display: none;
}
#body #homebanner #hometext {
	position: absolute;
	top: 265px;
	left: 25px;
	z-index: 11;
	background-image: url(../images/template/white-transparent.png);
	padding: 10px;
	margin: 0px;
	width: 400px;
}
#body #homebanner #hometext p {
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 0px;
	margin:0px;
}



#body #homebanner #homecontact {
	position: absolute;
	top: 400px;
	left: 25px;
	z-index: 11;
	background-image: url(../images/template/white-transparent.png);
	padding: 10px;
	margin: 0px;
}
#body #homebanner #homecontact p {
	font-size: 1.8em;
	padding: 0px;
	margin:0px;
	font-weight: bold;
	/*font-family: Effra,Helvetica,Arial,Verdana,sans-serif;*/
}















#body #content {
	width: 960px;
	padding: 0px 10px;
	overflow: hidden;
}
#body #content.home {
	padding: 0px;
	width: 980px;
}
#body #content #text {
	width: 100%;
	overflow: hidden;
}
#body #content #text #breadcrumbs {
	background-color: #FFF;
	padding: 0px;
	margin: -5px 0px 10px 0px;
}

#body #content #text #sublinks {
	float:right;
	width:410px;
	padding:10px;
	margin:0px 0px 10px 10px;
	background-color:#EFEFEF;
}



#body #content #text #subscribenewsletter {
	background-color: #EFEFEF;
	padding: 10px;
	margin: 15px 0px 0px 0px;
	font-size: 1.3em;
	text-align: center;
	font-style: italic;
	display: block;
	clear: both;
}






#body #content .rightcontent {
	width: 745px !important;
	float: right;
	/*border-left: 1px solid #EFEFEF;
	padding-left: 15px;*/
}
#body #content #text h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #B5121B;
	margin-bottom: 10px;
	font-weight: bold;
}
#body #content #text h3 {
	font-size: 1.4em;
	color: #B5121B;
	margin-bottom: 10px;
	font-weight: bold;
}
#body #content #text p {
	color: #455560;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#body #content #text p b {
font-weight: normal;	
}
#body #content #text ul li {
	line-height: 1.5em;
	font-size: 1.3em;
}
#body #content #text ul li ul li {
	font-size: 1em;
}
#body #content #text ul li ul li ul li {
	font-size: 1em;
}
#body #content #text .linkbox {
	width: 31%;
	margin: 0 2% 0 0;
	float: left;
	padding: 5px 0px;
	height: 130px;
}
#body #content #text .linkbox h3 {
	font-size: 1.3em;
	text-transform: capitalize;
	color: #455560;
	margin-bottom: 10px;
	font-weight: bold;
}
#body #content #text .linkbox p {
	color: #455560;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#body #content #text .linkbox p.more a {
	text-decoration: none;
	padding: 3px;
}
#body #content #text .linkbox p.more a:hover {
	background-color: #B5121B;
	color: #FFF;
	text-decoration: none;
}






.featurelink {
	float: left;
	width: 225px;
	margin: 5px 15px 0px 0px;
	overflow: hidden;
}
.ic_container{
	vertical-align:baseline;
	margin:0px;
	position:relative;
	float: left;
}
.overlay{
	opacity:0.3;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.overlay a{display:block; height: 210px;
width: 210px; text-indent: -10000px}

.ic_thumbnail {
	width: 210px;
	height: 210px;
	border: none;
}
.ic_caption{
	position:absolute;    
	opacity:0.8;   
	overflow:hidden;
	margin:0px;
	padding:0px;
	left:0px;
	right:0px;
	cursor:default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_caption h3{
	padding:5px 5px 5px 5px;
	margin:0px !important;
}
.ic_text{
	padding:5px;
	margin:0px;
}













#body #content #text .casestudytext {
	width: 31%;
	margin: 0 2% 0 0;
	float: left;
	padding: 5px 0px;
}
#body #content #text .casestudytext h3 {
	font-size: 1.3em;
	text-transform: capitalize;
	color: #455560;
	margin-bottom: 10px;
	font-weight: bold;
}
#body #content #text .casestudytext p {
	color: #455560;
	line-height: 1.5em;
	margin-bottom: 10px;
}












#body #content #leftnav {
	width: 200px;
	float: left;
}
#body #content #leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#body #content #leftnav ul li {
}
#body #content #leftnav ul li a {
	padding: 10px;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}
#body #content #leftnav ul li a.selected {
	color: #455560;
	background-image: url(../images/template/grey-arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#body #content #leftnav ul li ul li a {
	padding: 5px 5px 5px 20px;
	font-size: 1.3em;
	font-weight: normal;
	display: block;
}
#body #content #leftnav ul li ul li a.selected {
	background-position: 10px;
	background-image: none;
}
#nav {
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
	overlfow: hidden;
	height: 35px;
	background-image: url(../images/template/top-nav-bg.jpg);
	background-repeat: repeat-x;
}
#nav ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: right;
}


/*Top level list items*/
#nav ul li {
	position: relative;
	list-style: none;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}
#nav ul li:hover {
	background-color: #39464F;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	color: EFEFEF;
}
/*Top level menu link items style*/





#nav ul #telephone {
	padding: 0px 10px;
	display: block;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: none;
	/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}
#nav ul #telephone:hover {
	background-color: transparent;
}




#nav ul li a {
	padding: 0px 10px;
	display: block;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: none;
	/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#nav ul li a:hover {
	color: #EFEFEF;
	text-decoration: none;
	background-color: #39464F;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
#nav ul li a.selected {
	color: #B5121B !important;
	text-decoration: none;
	background-color: #FFF;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
}
#nav ul li a.selected:hover {
	background-color: #39464F !important;
	color: #FFF !important;
}
* html #nav ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
#nav ul li a:link, #nav ul li a:visited {
	color: white;
}
/*1st sub level menu*/
#nav ul li ul {
	position: absolute;
	left: 0;
	z-index: 1000;
	display: block;
	visibility: hidden;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	background-color: #39464F;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#nav ul li ul li {
	display: list-item;
	float: none;
	background-color: #39464F;
	line-height: 1.8em;
	height: auto;
	margin: 0px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#nav ul li ul li ul {
	top: 0;
	background-color: #596D7B;
}
#nav ul li ul li ul li {
	background-color: #596D7B;
}
/* Sub level menu links style */
#nav ul li ul li a {
	width: 160px; /*width of sub menus*/
	padding: 5px 10px;
	margin: 0;
	border-top-width: 0;
	display: block;
	font-weight: normal;
}
#nav ul li ul li a:hover{ /*sub menus hover style*/
	background-color: #596D7B;
	color: #EFEFEF;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#nav ul li ul li:hover{ /*sub menus hover style*/
	background-color: #596D7B;
	color: #EFEFEF;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* Sub level menu links style */
#nav ul li ul li ul li a {
	width: 160px; /*width of sub menus*/
	padding: 5px 10px;
	margin: 0;
	border-top-width: 0;
	display: block;
	font-weight: normal;
}
#nav ul li ul li ul li a:hover{ /*sub menus hover style*/
	background-color: #A2B0BB;
	color: #455560;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


#body #footerbanner {
	width: 100%;
	clear: both;
	margin-top: 25px;
	border-top: 3px solid #EFEFEF;
	padding: 15px 0px;
	line-height: 1.5em;
	/*background-color: #FC3;
	width: 100%;
	clear: both;*/
	font-size: 1.1em;
	overflow: hidden;
}
#body #footerbanner .footerbanner {
	width: 980px;
	display: block;
	padding: 0px;
	margin: 0 auto;
	border: none;
}

#body #footer {
	width: 100%;
	clear: both;
	border-top: 3px solid #EFEFEF;
	padding: 15px 0px;
	line-height: 1.5em;
	/*background-color: #FC3;
	width: 100%;
	clear: both;*/
	font-size: 1.1em;
	overflow: hidden;
	color: #999;
}
#body #footer a {
	text-decoration: none;
}
#body #footer a:hover {
	text-decoration: underline;
}
#body #footer .links {
	float: left;
}


#body #footer .google {
	float: right;
	padding: 2px;
	background-color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	color: #B6B6B6;
}
#body #footer .call {
	float: right;
	padding: 5px;
	background-color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	color: #B6B6B6;
}
.form {
	width: 600px;
	margin: 0px auto !important;
	background-color: #F8F8F8;
	padding:10px;
}

.form fieldset {
	margin: 0px;
	padding: 5px;
	border: none;
	overflow: hidden;
}
.form fieldset legend {
	font-size: 1.5em;
	/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #B5121B;
	margin-bottom: 10px;
	font-weight: bold;
}
.form fieldset hr {
	clear: both;
	border: 0;
	height: 1px;
	color: #F8F8F8;
	background-color: #F8F8F8;
}
.form fieldset label {
	line-height: 1.3em;
	width: 200px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
	float: left;
	overflow: visible;
	font-size: 1.3em;
	padding: 5px;
	margin-bottom: 5px;
}
.form fieldset .textfield {
	width: 360px;
	padding: 5px;
	border: 1px solid #999;
	color: #999;
	float: right;
	margin-bottom: 5px;
}
.form fieldset .textfield:focus {
	border: 1px solid #455560;
	color: #455560;
}
.form fieldset select {
	width: 372px;
	padding: 5px;
	border: 1px solid #999;
	color: #999;
	float: right;
	margin-bottom: 5px;
}
.form fieldset select:focus {
	border: 1px solid #455560;
	color: #455560;
}
.form fieldset .submit {
	padding: 5px;
	border: none;
	color: #FFF;
	background-color: #B5121B;
	float: right;
	font-weight: bold;
}
.form fieldset .submit:hover {
	background-color: #800000;
	cursor: pointer;
}
/*-- Popup Start --*/
#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:999999;
}
#popupContact {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:413px;
	width:508px;
	left: 252px !important;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:1000000;
	padding:12px;
	font-size:13px;
}
#popupContact h1 {
	text-align:left;
	margin-bottom:10px;
}
#popupContact p {
	font-size: 1em;
}
#popupContact p b {
	font-weight: normal;
}
.x {
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	font-weight:bold;
	display:block;
	cursor: pointer;
}
.popupContactClose {
	color:#B5121B;
	cursor: pointer;
}
/*-- Popup End --*/
/*----- Site Layout End -----*/
/*-- Mobile Friendly --*/
@media screen and (max-width: 800px) {
	#body #header #logo {
		float: left;
		/*min-width: 120px;*/
	}
	#body #header #logo img {
		width: 70px;
		border: 0px;
		display: block;
		padding: 15px 5px;
	}
	#body #header #intro {
		margin: 7px 5px;
		padding: 20px 0px;
		float: right;
		text-align: right;
		height: auto;
	}
	#body #header #intro h1 {
		font-size: 1.6em;
		text-transform: uppercase;
		color: #B5121B;
		margin-bottom: 0px;
	}
	#body #header #intro h2 {
		font-size: 1.3em;
		text-transform: uppercase;
		color: #455560;
	}
	#body #homebanner {
		width: 100%;
		padding: 0px;
		height:auto;
	}
	#slider, #slider2, #controls { 
		display: none;
	}
	#body #homebanner .staticbanner {
		width: 100%;
		padding: 0px;
		margin: 0 auto 15px auto;
		display: block;
		position: relative;
	}
	#body #homebanner .staticbanner .homebanner {
		width: 100%;
		height: auto;
		display: block;
	}
	#body #homebanner .staticbanner .title {
		z-index: 12;
		position: absolute;
		top: 15px;
		left: 15px;
		font-size: 2.1em;
		/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
		font-family: Helvetica, Arial, Verdana, sans-serif;
		overflow: hidden;
	}
	#body #homebanner .staticbanner .bannertext {
		z-index: 13;
		position: absolute;
		top: 15px;
		left: 15px;
		width: 400px;
		overflow: hidden;
		background-image: url(../images/template/white-transparent.png);
		padding: 5px;
	}
	#body #homebanner .staticbanner .bannertext p {
		font-size: 1.2em;
		line-height: 1.5em !important;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	}
	#body #homebanner .staticbanner .bannertext p.quoteby {
		font-size: 1.3em;
		font-weight: bold;
		margin: 10px 0px 0px 0px !important;
	}
	#body #homebanner .staticbanner .bannertext p.readmore {
		font-size: 1.3em;
		font-weight: bold;
		margin: 0px !important;
	}
	#body #casestudiesbanner {
		clear: both;
		width: 800px;
		background-color: #fff;
		margin: 0px auto 15px auto;
		overflow: hidden;
	}
	#body #casestudiesbanner .casestudiesbanner {
		width: 800px;
		display: block;
		padding: 0px;
		height: 261px;
		margin: 0 auto;
		border: none;
	}
	
	
	#body #casestudiesbanner #slider, #slider2, #controls { 
		display: block;
	}
	#slider, #slider2 { 
		overflow: hidden;
		width:800px;
		height:261px;
	}
	#slider li, #slider2 li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:261px;
		overflow:hidden; 
		position: relative;
	}
	
	ol#controls{
		top: 324px;
	}
	#body #subbanner {
		width: 100%;
		padding: 0px;
		margin: 0 auto 15px auto;
		display: block;
		position: relative;
	}
	#body #subbanner .subbanner {
		width: 100%;
		height: auto;
		display: block;
	}
	.title .grey {
		background-image: url(../images/template/white-transparent.png);
		padding: 5px;
		float: left;
		text-transform: uppercase;
	}
	.title .red {
		background-image: url(../images/template/white-transparent.png);
		padding: 5px;
		clear: left;
		float: left;
		text-transform: uppercase;
	}
	#body #homebanner #hometext {
		position: static;
		font-size: 0.8em;
		padding: 0px;
		margin: 0px 2%;
		width: 96%;
	}
	#body #homebanner #hometext p {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 0px;
		margin:0px;
	}
	#body #casestudiesbanner #quote {
		position: static;
		font-size: 0.8em;
		padding: 0px;
		margin: 0px 2%;
		width: 96%%;
	}
	#body #casestudiesbanner #quote p {
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 0px;
		margin:0px;
	}
	#body #content {
		clear: both;
		margin: 0px 2%;
		padding: 0px;
		width: 96%;
	}
	/*#body #nav {
		width: 100%;
		clear: both;
	}*/
	#body #content #text .casestudytext {
		width: 100%;
		margin: 0;
		float: left;
		padding: 5px 0px;
	}
	#body #casestudiesquote {
		position: static;
		clear: both;
		padding: 5px 0px;
		margin: 0px;
		width: 100%;
	}
	#body #casestudiesquote h3 {
		display: block;
		color: #455560;
		margin-bottom: 10px;
	}
	#body #casestudiesquote p {
		font-size: 1.3em;
		line-height: 1.5em;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	#body #casestudiesquote p.quoteby {
		font-size: 1.2em;
		font-weight: bold;
	}
	#body #content #leftnav {
		width: 28%;
		float: left;
	}
	#body #content #leftnav ul li a {
		font-size: 1.2em;
	}
	#body #content #leftnav ul li ul li a {
		font-size: 1.2em;
	}
	#nav ul li a {
		font-size: 1.1em;
	}
	#body #content #text .linkbox {
		width: 46%;
		margin: 0 4% 0 0;
		float: left;
		padding: 5px 0px;
		overflow: hidden;
		height: 125px;
	}
	#body #content {
		margin: 0px 2%;
		width: 96%;
		clear: both;
		overflow: hidden;
	}
	#body #content #text {
		width: 100%;
		clear: both;
	}


	#body #content #text #sublinks {
		float:none;
		width:100%;
		margin:10px 0px 10px 0px;
	}



	#body #content.home {
		width: 96% !important;
	}
	#body #content #text #homeservices {
		width: 100%;
		margin: 0px auto 14px auto;
		/*display: none;*/
	}





	#body #content #text #homeservices {
		/*width: 100%;
		margin: 0px auto 14px auto;*/
		display: none;
	}






	#siteintro {
		float: none !important;
		clear: both;
		width: 100% !important;
		border-bottom: 3px solid #EFEFEF;
		margin-bottom: 14px;
	}
	#workedwith {
		float: none !important;
		clear: both;
		width: 100% !important;
		padding-left: 0px !important;
		border-left: none !important;
		border-bottom: 3px solid #EFEFEF;
		overflow: hidden;
	}
	#workedwith #carousel_container {
		float: none !important;
		width: 489px;
		margin: 0px auto;
	}

	#industrynews {
		float: none !important;
		clear: both;
		width: 100% !important;
		height: auto !important;
		border: none !important;
		background: none !important;
		padding: 0px 0px 10px 0px !important;
		border-bottom: 3px solid #EFEFEF !important;
	}
	#projecthighlights {
		float: none !important;
		clear: both;
		width: 100% !important;
		height: auto !important;
		border: none !important;
		background: none !important;
		padding: 0px 0px 10px 0px !important;
		border-bottom: 3px solid #EFEFEF !important;
		overflow: hidden;
	}
	#projecthighlights ul {
		width: 489px;
		margin: 0px auto 0px auto !important;
		overflow: hidden;
	}
	#twitter {
		float: none !important;
		clear: both;
		width: 100% !important;
		height: auto !important;
		background: none !important;
		overflow: hidden;
	}
	#twitter h2 {
		display: block !important;	
	}


#twitter ul li {
	line-height: 18px !important;
	width: 100% !important;
}
#twitter ul li span a {
    background: none repeat scroll 0 0 transparent !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}
#twitter ul li a {
    display: block !important;
    height: 17px;
    margin: 0 !important;
    padding: 5px 25px 0 0 !important;
    text-align: right;
}


#twitter .followlink {
	height: auto !important;
	width: auto !important;
	display: block;
	float: none !important;
	clear: both !important;
	text-indent: 0px !important;
	font-size: 1.3em;
	padding-left: 15px;
	background-image: url(../images/template/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}



	#body #content .rightcontent {
		width: 70% !important;
		float: right;
	}
	#body #content #text .linkbox {
		width: 47%;
		margin: 0;
		padding: 5px 1.5%;

	}

	#nav ul li {
		margin-right: 0px;
	}
	#body #footerbanner .footerbanner {
		width: 100%;
		display: block;
		padding: 0px;
		margin: 0 auto;
		border: none;
	}
	#body #footer {
		width: 100%;
		clear: both;
		border-top: 3px solid #EFEFEF;
		padding: 10px 0px;
		font-size: 1.1em;
		text-align: right;
	}
	#body #footer .links {
		clear: both;
		text-align: center;
		float: none;
		margin: 10px 0px 0px 0px;
	}
	#body #footer .call {
		clear: both;
		text-align: center;
		float: none;
	}


	.form {
		width: 500px;
	}
	.form fieldset .textfield {
		width: 260px;
	}
#body #content .rightcontent #optionbox, #body #content .rightcontent #optionbox.wide{	width: 100%; max-width: 350px}
#body #content .rightcontent #optionbox img{width: 100%}


}
@media screen and (max-width: 487px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		background-image: none;
	}
	#body #header {
		padding: 0px;
	}
	#body #header #logo {
		float: none;
		width: 100%;
	}
	#body #header #logo img {
		width: 80px;
		/*height: 113px;*/
		border: 0px;
		margin: 0px auto;
		padding: 5px 5px;
	}
	#body #header #intro {
		margin: 10px 2%;
		width: 96%;
		padding: 10px 0px;
		float: right;
		text-align: left;
		height: auto;
		border-top: 3px solid #EFEFEF;
		border-bottom: 3px solid #EFEFEF;
	}
	#body #header #intro h1 {
		font-size: 2.5em;
		text-transform: uppercase;
		color: #B5121B;
		margin-bottom: 5px;
	}
	#body #header #intro h2 {
		font-size: 1.8em;
		text-transform: uppercase;
		color: #455560;
	}
	#body #homebanner{height:auto; display: none;}
	#body #homebanner .staticbanner {
		display: none;
	}
	#body #casestudiesbanner {
		display: none;
	}
	#body #subbanner {
		display: none;
	}
	#body #content {
		margin: 0px 2%;
		width: 96%;
		clear: both;
		overflow: hidden;
	}
	#body #content #text {
		width: 100%;
		float: none;
		clear: both;
	}
	#body #content #text #sublinks {
		float:none;
		width:100%;
		margin:10px 0px 10px 0px;
	}
	#body #content .rightcontent {
		width: 100% !important;
	}
	#body #content #text .linkbox {
		width: 100%;
		margin: 0;
		padding: 5px 0px;
		height: auto;
	}


	#body #content #text #twitter ul {
		float: none;
	}


	.featurelink {
		width: 225px;
		margin: 10px auto;
		float: none;
		overflow: hidden;
	}



	#body #content #text .casestudytext {
		width: 100%;
		margin: 0;
		float: left;
		padding: 5px 0px;
	}

	#body #content #text .estratgraphic {
		width: 100%;
		max-width: 480px;
	}





	#body #casestudiesquote {
		position: static;
		clear: both;
		padding: 5px 0px;
		margin: 0px;
		width: 100%;
	}
	#body #casestudiesquote h3 {
		display: block;
		color: #455560;
		margin-bottom: 10px;
	}
	#body #casestudiesquote p {
		font-size: 1.3em;
		line-height: 1.5em;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	#body #casestudiesquote p.quoteby {
		font-size: 1.2em;
		font-weight: bold;
	}
	#body #content #leftnav {
		/*margin: 0px 2%;
		width: 96%;
		float: none;
		clear: both;*/
		display: none;
	}
	#body #nav {
		position: static;
		background-image: none;
		overflow: hidden;
		height: auto;
		margin: 0px 2%;
		width: 96%;
		margin-top: 0px;
		padding: 10px 0px;
		border-top: 3px solid #EFEFEF;
	}
	#body #nav ul {
		position: static;
		float: none;
	}
	#nav ul #home {
		display: block;
	}
	#nav ul li {
		margin: 0px 0px 5px 0px;
		float: none;
		background-color: #455560;
		overflow: hidden;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#nav ul li a:hover {
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#nav ul li a {
		font-size: 1.2em;
		background-image: url(../images/mob-right.gif);
		background-position: right;
		background-repeat: no-repeat;
	}
	#nav ul li a.selected {
		background-color: #B31019;
		color: #FFF !important;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#nav ul li a.selected:hover {
		background-color: #39464f;
		color: #FFF !important;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}


	#nav ul li ul {
		display: none;
	}



	#nav ul #telephone {display: none;}


	.downarrowclass{
		display: none;
	}
	.rightarrowclass{
		display: none;
	}
	#body #footerbanner {
		margin-top: 10px;
		margin: 0px 2%;
		width: 96%;
	}
	#body #footer {
		margin: 0px 2%;
		width: 96%;
		clear: both;
		text-align: center;
	}
	#body #footer .links {
		margin: 10px 0px 0px 0px;
	}

	#body #footer .google {
		float: none !important;
		margin: 10px auto !important;
		width: 100px !important;
	}


	.form {
		width: 100%;
		margin: 0px auto;
		background-color: #F8F8F8;
		padding:10px;
		float: none;
	}
	.form fieldset {
		margin: 0px;
		padding: 0px;
		border: none;
		overflow: hidden;
		width: 95%;
	}
	.form fieldset legend {
		font-size: 1.5em;
		/*font-family: Effra, Helvetica, Arial, Verdana, sans-serif;*/
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #B5121B;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.form fieldset hr {
		clear: both;
		border: 0;
		height: 1px;
		color: #F8F8F8;
		background-color: #F8F8F8;
	}
	.form fieldset label {
		line-height: 1.3em;
		width: 96%;
		padding: 5px;
		margin-bottom: 0px;
		display: block;
		float: none;
	}
	.form fieldset .textfield {
		width: 96%;
		padding: 5px;
		border: 1px solid #999;
		color: #999;
		float: none;
		margin-bottom: 5px;
	}
	.form fieldset .textfield:focus {
		border: 1px solid #455560;
		color: #455560;
	}


	.form fieldset select {
		width: 96%;
		padding: 5px;
		border: 1px solid #999;
		color: #999;
		float: right;
		margin-bottom: 5px;
	}
	.form fieldset select:focus {
		border: 1px solid #455560;
		color: #455560;
	}


	.form fieldset .submit {
		padding: 5px;
		border: none;
		color: #FFF;
		background-color: #B5121B;
		float: right;
		font-weight: bold;
	}
	.form fieldset .submit:hover {
		background-color: #800000;
		cursor: pointer;
	}


#left_scroll, #right_scroll {
	display: none;
}
#carousel_inner {
	width: 100% !important;
}
#carousel_ul li {
	text-align: left;
	width: auto !important;
}
#carousel_ul li img {
	width: 100% !important;
	height: auto;
	display: block;
	margin: 0px auto;
}

#body #content .rightcontent #optionbox, #body #content .rightcontent #optionbox.wide{	width: 100%}
#body #content .rightcontent #optionbox img{width: 100%}

/*-- Popup Start --*/
#backgroundPopup {
	display:none; 
}
#popupContact {
	display:none; 
/*	display:inline !important;
	position:static !important;
	height:auto !important;
	width:100% !important;
	left: 0px !important;
	background:#FFFFFF !important;
	border:none !important;
	z-index:1000000 !important;
	padding:0px !important;
	font-size:13px !important;*/
}
#popupContact h1 {
	display:none;
}
#popupContact p {
	font-size: 1em;
}
.popupContactClose {
	display:none !important; 
}
#button {
	display:none !important; 
}
/*-- Popup End --*/

}

/*-- Mobile Friendly End --*/

.message {
	color: #B5121B;
	font-weight: bold;
}