@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;
	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;
}
.clear {
	clear: both;
}
.linethrough {
	text-decoration: line-through;
}
.red {
	color: #B31019 !important;
}
form {
	margin: 0px;
	padding: 0px;
}
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 #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;
	font-weight: bold;
	margin: 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;

		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;
	overflow: hidden;
}
.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 */

#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 #content {
	width: 960px;
	padding: 0px 10px;
	overflow: hidden;
}
#body #content #text {
	width: 100%;
	overflow: hidden;
}
#body #content #text #breadcrumbs {
	background-color: #FFF;
	padding: 0px;
	margin: -5px 0px 10px 0px;
}


#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 p {
	color: #455560;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#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;
}
.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 li a {
	padding: 0px 10px;
	display: block;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
}
#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;
}
#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 .call {
	float: right;
	padding: 5px;
	background-color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	color: #B6B6B6;
}
.form {
	width: 600px;
	margin: 0px auto;
	background-color: #F8F8F8;
	padding:10px;
}
.form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}
.form fieldset legend {
	font-size: 1.5em;
	font-family: Effra, 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 .submit {
	padding: 5px;
	border: none;
	color: #FFF;
	background-color: #B5121B;
	float: right;
	font-weight: bold;
}
.form fieldset .submit:hover {
	background-color: #800000;
	cursor: pointer;
}

/*----- 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;
	}
	#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;
		overflow: hidden;
	}




	#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 .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: 480px) {
	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 .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 .rightcontent {
		width: 100% !important;
	}
	#body #content #text .linkbox {
		width: 100%;
		margin: 0;
		padding: 5px 0px;
		height: auto;
	}





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



	#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 {
		/*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;
	}
	.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;
	}




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

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

}

/*-- Mobile Friendly End --*/