/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%;
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/

/************************************ Layout styles **************************************/
body {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
	background:#e0eaed url(../images/background-image.jpg) top center repeat-x;
	
}
#bodyimage { 
	
	width:980px;
	margin:0px auto;
	padding-left:25px;
	
}
#outterwrapperTop{
	width:980px;
	margin:0px auto;
	position:relative;
	background:url(../images/top_shadow.gif.png) no-repeat scroll 1px 3px;
	margin-top:10px;
}
#wrapperTop{
	width:962px;
	margin:0px auto;
	position:relative;
}
#outterwrapper{
	width:980px;
	margin:0px auto;
	position:relative;
	background:url(../images/body_shadow1.png) repeat-y 0px 0;	
}
#wrapper{
	width:962px;
	margin:0px auto;
	position:relative;
}
#header{
	background:url(../images/img_header_sli.jpg) repeat-x 0 0;
	height:89px;
	width:inherit;
	position:relative;
	
}
#nav {
	background:#ffffff url(../images/img_nav_bg.jpg) repeat-x bottom left;
	height:170px;
	width:inherit;
}
#contHolder { 
	min-height:400px;
	padding:0px 0 55px 20px;
	background:#FFF url(../images/mainCont_sli.gif) repeat-x bottom left;
	
}
#casestudies {
	margin-left:-20px;
	clear:both;
}
#footer { 
	width:100%;
	clear:both;
	overflow:hidden;
	color:#6b8ca7;
	font-size:1.2em;
	line-height:1.4em;
}
#innerfooter{
	width:980px;
	margin:0px auto;
	background:url(../images/footer_shadow1.png) no-repeat 0 0;
	min-height:201px;
}
.colmn1 .col1 {
	width:100%; 
	padding-bottom:20px;
}
.colmn2 .col1, .colmn2 .col2 {
	width:49%; 
	float:left;
}
.colmn2 .col1a { 
	width:25%; 
	float:left;
}

#casestudies .col1 { 
	margin-left:19px; 
	display:inline;
}

/************************************ End of Layout styles **************************************/

/************************************ Column Styles Extended **************************************/

.split { 
	width:49.9%; 
	float:left;
}
.colmn2 .col1a .split  { 
	width:100%; 
	float:left;
}


/************************************ Fonts styles **************************************/
h1 {
	font-size:1.7em; 
	margin:0px 0 15px 0; 
	color:#033252; 
	line-height:1.3em
}
h2 {font-size:1.5em;}
h3 {font-size:1.8em; color:#06314e;} 
h4 {
	font-size:1.4em; 
	color:#06314e;
	margin: 20px 0 0px 0px;
	}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
p, p_centre {
	font-size:1.2em; 
	line-height:1.4em; 
	margin:10px 0; 
	width:90%;
}
.p_centre{
	text-align:center;
}
a { 
	color:#005b95; 
	text-decoration:none;
}
a:hover {
	color:#AED507;
}

/*#contHolder a { 
	color:#005b95; 
	text-decoration:none; 
	font-size:1.2em;
}*/
p.reduced_margin_top{
	margin-top: 5px;	
}
.extra_margin_bottom{
	margin-bottom: 20px;	
}
.h1_big{
	font-size: 3em;	
}
.h1_medium{
	font-size: 2.2em;
	margin-bottom: 0px;
}
.h1_medium span{
	font-size: .8em;
}
.h1_mediuma span{
	font-size: 15px;
}
.h2_underlined{
	font-size:1.2em; 
	color:#06314e;
	padding-top:15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #06314e;
}
ul.normal{
	font-size:1.3em; 
	color:#06314e;
	list-style:outside;
	line-height: 20px;
	margin: 50px 0 0 20px;
}
.ul_portfolio{
	font-size:1.3em;
	list-style:outside;
	line-height: 20px;
	margin: 50px 0 15px 12px;
}
.weblink{
	font-size: 1.2em;	
}
/************************************ End of Fonts styles **************************************/

/************************************ Header styles  **********************************/
#header .logo img {
	float:left;	
	margin:34px 0 0 22px;
}
#header ul {
	float:right;	
	background:url(../images/headerNav.jpg) no-repeat 0 0;
	margin:52px 0 0 0;
}
#header ul li { 
	float:left;

}
#header ul li a{
	width:100%;
	height:36px;
	display:block;
}
#header ul li a:hover {
	text-decoration:underline;
}
#header #headerNav {
	width:379px;
	height:36px;
} 
#headerNav li { background:#e0eaed url(../images/headerNav.jpg) no-repeat 0 0;}
#headerNav li.home { height:36px; width:69px; margin-left:28px; background-position: -28px 0; display:inline;}
#headerNav li.about { height:36px; width:72px; background-position: -97px 0;}
#headerNav li.contact { height:36px; width:82px; background-position: -169px 0;}
#headerNav li.quote { height:36px; width:108px; background-position: -251px 0;}

#headerNav li.home:hover {background-position: -28px -39px;}
#headerNav li.about:hover {background-position: -97px -39px;}
#headerNav li.contact:hover {background-position: -169px -39px;}
#headerNav li.quote:hover {background-position: -251px -39px;}

#headerNav li.homeactive {background-position: -28px -39px;}
#headerNav li.aboutactive {background-position: -97px -39px;}
#headerNav li.contactactive {background-position: -169px -39px;}
#headerNav li.quoteactive {background-position: -251px -39px;}

#headerNav li span { display:none;}


/************************************ Nav styles  **********************************/
#nav ul {
	padding:10px 0 0 15px;
}
#nav ul li {
	background-image:url(../images/nav.jpg);	
	float:left;
	width:230px;
	height:145px;
	display:block;
	cursor:pointer;
}
#nav ul li a {
	width:230px;
	height:145px;
	display:block;
	float:left;
}
#nav ul li a span { display:none;}
#nav ul li.nav1 { background-position: -14px -146px; margin-right:4px;}
#nav ul li.nav2 { background-position: -249px -146px; margin-right:4px;}
#nav ul li.nav3 { background-position: -484px -146px; margin-right:4px;}
#nav ul li.nav4 { background-position: -719px -146px;}
#nav ul li.nav1:hover { background-position: -14px -1px;}
#nav ul li.nav2:hover { background-position: -249px -1px;}
#nav ul li.nav3:hover { background-position: -484px -1px;}
#nav ul li.nav4:hover { background-position: -719px -1px;}
#nav ul li.nav1active { background-position: -14px -1px;}
#nav ul li.nav2active { background-position: -249px -1px;}
#nav ul li.nav3active { background-position: -484px -1px;}
#nav ul li.nav4active { background-position: -719px -1px;}

/************************************ Sub Nav styles  **********************************/
#subnav a {
	font-weight: 500;
	color:#002c4a;
	font-weight:bold;
	font-size:13px;
	float:left;
	line-height:37px;
	text-decoration:none;
	padding:0 10px;
}
#subnav	 {
	margin: 0 0 0 20px;
}
ul#subnav  li { 
	float:left;
	background:url(../images/sub_nav.jpg) repeat-x 0 0;
}
ul#subnav li :hover, #subnav li .active { 
	float:left;
	background:url(../images/sub_nav_hover.jpg) repeat-x 0 0;
}
ul#subnav li img { float:left;}

/************************************ casestudies styles **********************************/
#casestudies h2 { background:transparent url(../images/img_bar_sli.gif) repeat-x scroll 0 0; border-left:2px solid #021B30; border-right:2px solid #021B30; height:31px; width:99.6%;}
#casestudies .grad { padding-bottom:30px;}
#casestudies h2 span {  background:transparent url(../images/subnav_sli.gif) repeat-x scroll 0 0; color:#002C4A; float:left; font-size:14px; font-weight:bold; line-height:31px; margin:0px 0px  0px 20px; width:auto; padding:0 10px;}
#casestudies img { border:#aed507	 3px solid;}
#casestudies h3 { font-size:1.8em; margin:20px 0 10px 0	; color:#022f4e;}
#casestudies h4 { color:#005b95; font-weight:normal; }
#casestudies p { margin:10px 0;}
#casestudies a { color:#005b95; font-size:1.2em; margin:0px; padding:0px; height:auto;}
#casestudies a:hover { text-decoration:underline;}
#casestudies a:hover img {border:#0b5180 3px solid;}

/************************************ Footer styles **********************************/
#footer a  { 
	color:#6b8ca7; 
}
#footer a:hover { 
	text-decoration:underline;
}
#innerfooter ul {
	width:182px;
	float:left;
	padding:20px 20px 0 31px;
}
#innerfooter span { 
	padding:25px 20px 20px 20px
}
#innerfooter span span { 
	padding:0px;
}
span.right { 
	float:right;
	margin-right:0px;
	width:185px!important;
	padding-top:25px;
	margin-top:12px;
	height:22px!important;
}

/************************************ End of Fotter styles **********************************/

/************************************ ul styles **********************************/

ul.styled { 
	font-size:14px; 
	color:#033252; 
	font-weight:bold; 
	margin-left:0px; 
	display:inline; 
	position:relative;
}
ul.styled li { 
	padding-left:20px; 
	height:31px; 
	line-height:31px; 
	width:201px; 
	border-bottom:#cddbe0 solid 1px; 
	border-left:#7a92a1 solid 1px; 
	float:left; 
	position:relative; 
	display:inline!important;
}
ul.secound li { 
	padding-left:20px; 
	height:31px; 
	line-height:31px; 
	width:205px; 
	border-bottom:#cddbe0 solid 1px; 
	border-right:#7a92a1 solid 1px; 
	float:left; 
	position:relative; 
	display:inline!important;
}
ul.styled li { 
	background:#ebf1f3 url(../images/img_green_ticks.gif) no-repeat 90% -29px;
}
ul.styled li.odd { 
	background-position:90% 3px; 
	background-color:#f4f8f9;}
ul.styled li.top { 
	background:transparent url(../images/img_bar_sli.gif) repeat-x scroll 0 0;  
	color:#aed507;
}
ul.styled1 { 
	font-size:14px; 
	color:#033252; 
	font-weight:bold; 
	margin-left:10px; 
	display:inline; 
	border:1px solid #a5beca;
}
ul.styled1 li { 
	padding-left:20px; 
	height:31px; 
	line-height:31px; 
	border-bottom:#cddbe0 solid 1px;
}
ul.styled1 li { 
bac	kground:#ebf1f3;
}
ul.styled1 li.odd { 
	background-position:90% 3px; 
	background-color:#f4f8f9;
}
ul.styled1 li.top { 
	background:transparent url(../images/img_bar_sli.gif) repeat-x scroll 0 0;  
	color:#aed507;
}
ul.split {
	float:left; 
	width:47.8%;
	
	}
ul.styled1.split {
	float:left; 
	width:47.9%;
}
ul.secound { 
	margin-left:0px;
}

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

/************************************ General styles  **********************************/
.clear        { clear:both; }
.block 		  { display:block;}
.left         { float:left; }
.right        { float:right; }
.last 		  { margin:0px; padding-right:0px!important;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
.third		  { width:66%;}
.bar 		  { height:37px; width:100%; background:url(../images/img_bar_sli.jpg) repeat-x 0 0;}
.smaller      { font-size:65%;}

.admargin { 
	margin-left:9px;}
.hr { 
	height:47px;  
	width:930px;
	clear:left; 
	display:block; 
	background: url(../images/hr_line.jpg) no-repeat;
}	
.gap {
	height:30px;  
	width:930px;
	clear:left; 
	display:block; 
}	
.hr1 { 
	clear:left; 
	display:block; height:23px; 
	background:url(../images/img_hr_sli.gif) repeat-x 0 0; 
	padding:20px 0 0 0; 
	margin:0 0 20px 0; 
	width:98%;}
.grad { 
	background:url(../images/img_top_new.jpg) no-repeat;
	height: 18px;
	padding-bottom: 4px;}
.box { 
	width:922px; 
	height:98px; 
	background:url(../images/box_bg.jpg) no-repeat 0 0; 
	clear:both; 
	display:block; 
	margin-left:-2px; 
	padding-bottom:20px;}
.gradbar {
	background:url(/media/images/title_grad.gif) no-repeat bottom left; 
	width:425px; 
	height:16px; 
	display:block;
}
.extrapadding { 
	float:left; 
	padding:15px 0 0 27px; 
	width:44%;
}
.extrapadding .split { 
	
}
.contactBtn { 
	width:140px; 
	height:40px; 
	background:url(../images/contact_button.gif) repeat-x 0 0; 
	display:block; 
	margin:8px 0 0 0;
}
.contactBtn:hover { 
	background-position: 141px 0
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
.clearfix { 
	display: inline-block;
}
html[xmlns] .clearfix { 
	display: block;
}
* html .clearfix { 
	height: 1%;
}

.normal2 { font-size:12px; line-height:18px;}