/* CSS Document */

/*=======================================================
Hawtin CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/
html, body{height:100%}

body {
	font:0.80em Arial, Helvetica, Sans-Serif;
	color:#020054;
	padding:0px!important;
	background:#f1f1f1 url(../images/hawtin_bg.png) repeat-y center -80px;
	margin:0px!important;
	text-align:left}
	
h1, h2, h3, h4, h5, h6 {
	font:bold 1.0em/1.0em Arial, Helvetica, Sans-Serif ;
	margin:0px;
	padding:0px;
	color:#727272;
	text-align:left}
h1 {font-size:2.3em;font-weight:normal; line-height:35px; margin:10px 0px 15px 0px; color:#010022; text-transform:uppercase;}
h2 {font-size:2.1em;font-weight:normal; line-height:25px;}
h3 {font-size:1.6em;font-weight:normal; margin:10px 0px 15px 0px;}
h4 {font-size:1.3em;font-weight:bold;}
h5 {font-size:0.9em}
h6 {font-size:0.9em}
h1 span,h2 span {color:#FFF!important}

textarea{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}

input{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}

select{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}


a {color:#797979; font-weight:bold; text-decoration:underline}
a:hover,a:active,a:focus {text-decoration:none; background-color:#797979;color:#FFF}

a img {
	display:block; border:2px solid #FFF}
a:hover img,.item a:active img,.item a:focus img {
	border:2px solid #CCC}

p {
	font-size:0.95em;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px
}

form {margin:0px}
label {cursor:pointer}

ul {
	margin:10px 20px 10px 20px;
	font-size:0.90em;
}

hr{ height:0px; display:none}
	
/*END override default styles*/

/*START miscellaneous styles used throughout*/
.hide, .print {display:none}
.floatLeft {float:left}
.floatRight {float:right}
.noborder,.noborder img {border:none!important}
.nomargin {margin:0px!important}
.intro {font-size:1.4em}
.clearall{
clear:both;
}
.divider {
	display:block;
	clear:both;
	background-color:#DDD;
	height:1px;
	margin:17px 0px 17px 0px}
/*IE5 mac hack \*/
* html .divider {
	font-size:0.00000001em}
/*end IE5 mac hack*/

.imageleft {float:left;margin:0px 10px 5px 0px}
.imageright {float:right;margin:0px 0px 5px 10px}

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after,.tile:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix,.tile {display:inline-block}
/* Hides from IE-mac \*/
* html .floatfix,* html .tile {height:1%}
.floatfix,.tile {display:block}
/* End hide from IE-mac */

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 

might cause some problems? Keep an eye on it, seems to work well though */

.itemlinks:after,.itemBox:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}

.itemlinks,.itemBox {display:inline-block}
/* Hides from IE-mac \*/
* html .itemlinks,* html .itemBox {height:1%}
.itemlinks,.itemBox {display:block}
/* End hide from IE-mac */
.itemBox {
	float:none!important;
}
ul.itemlinks {
	float:none!important;
}	

.white{
color:#fff;
}
	
/*END miscellaneous styles used throughout*/

#intro h3
{
	text-transform:uppercase;
	color:#010022;
}


/* START main navigation*/
.nav{
float:left;
list-style-type:none;
font-size:1.4em;
text-transform:uppercase;
padding: 50px 0 0 0;
margin: 0px 0px 0px 0px;
width:220px;
height:170px;
_height:220px;
background:url(../images/menu-back.png) no-repeat left top;
text-align:left;
}


.nav li{
/*float:left;*/
margin:0;
padding:0;
}

.nav a{
	color:#0063af;
display:block;
text-decoration:none;
font-size:0.9em;
font-weight:normal!important;
padding:3px 0 3px 30px;
_padding:0 0 0 30px;
_display:inline;
}



.nav a:hover,
.nav a.current {
	background:transparent url(../images/nav-arrow_24.png) no-repeat left center;
	_background:transparent url(../images/nav-arrow_8.png) no-repeat left center;
	color:#020054;
}


.home{
height:23px;
background: url(../images/home_bg.png) no-repeat;
}

.home span{
display:none;
}

.home:hover{
background: url(../images/home_bg_over.png) no-repeat;
}


.about{
height:23px;
background: url(../images/about_bg.png) no-repeat;
}

.about span{
display:none;
}

.about:hover{
background: url(../images/about_bg_over.png) no-repeat;
}


.portfolio{
height:23px;
background: url(../images/portfolio_bg.png) no-repeat;
}

.portfolio span{
display:none;
}

.portfolio:hover{
background: url(../images/portfolio_bg_over.png) no-repeat;
}

.news{
height:23px;
background: url(../images/news_bg.png) no-repeat;
}

.news span{
display:none;
}

.news:hover{
background: url(../images/news_bg_over.png) no-repeat;
}

.contact{
height:23px;
background: url(../images/contact_bg.png) no-repeat;
}

.contact span{
display:none;
}

.contact:hover{
background: url(../images/contact_bg_over.png) no-repeat;
}



/* END main navigation*/


/*START Sub Navigation*/

#subnavcontainer{
float:left;
margin:0px;
padding:0px;
}

.subnav{
margin:0 0 0 10px;
padding:0;
width:808px;
list-style-type:none;
}

.subnav li{
float:left;
margin:0;
padding:0;
}

.subnav a{
color:#0063af;
/*display:block;*/
margin:0 0 0 5px;
text-decoration:none;
font-size:1em;
text-align:center;
font-weight:bold;
padding:2px 7px 2px 6px;
}

.subnav a:hover{
background:#c1c1c1;
color:#020054;
}
/*END Sub Navigation*/


/*START main positional block elements*/



#wrapper{
margin:0px auto;
   min-height:100%;
   height: auto !important;
   height: 100%; /*stoopid ie*/
width:900px;
padding:0px;
/*background:#f1f1f1 url(../images/hawtin_bg.png) no-repeat;*/
}

#header{
padding:10px;
height:219px;
}

#mainimage{
float:right;
margin: 0 0 0 0;
height:220px;
width:650px;
background:url(../images/banner_fallback.png) no-repeat;
}

#Lcol{
margin:0px 0px 0px 10px;
float:left;
width:450px!important;
}

#Lcol hr{
display:block;
border:none;
border-bottom: solid 1px #ddd!important;
}

#Lcol ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#Lcol li{
padding:5px 0 0 0 ;
}

/* */

#Lcollarge{
margin:0px 20px 0px 10px;
float:left;
position:relative;
_display:inline;
}

#Lcollarge hr{
display:block;
border:none;
border-bottom: solid 1px #ddd!important;
}

#Lcolarge ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#Lcolarge li{
padding:5px 0 0 0 ;
}

/* */

#Lcolmid{
margin:0px 20px 0px 10px;
float:left;
width:620px;
_display:inline;
}

#Lcolmid hr{
display:block;
border:none;
border-bottom: solid 1px #ddd!important;
}

#Lcolmid ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#Lcolmid li{
padding:5px 0 0 0 ;
}

/* */

#Rcol{
float:right;
width:381px;
padding:0px;
margin:50px 20px 0 0px;
_display:inline;
}

#Rcol p, #Rcol h1{
clear:both;
padding:0px 15px 0 15px;
margin:0px 0 0px 0px;
/*text-align:right!important;*/
}

#Rcol ul{
list-style-type:none;

margin:10px 10px 0 0 !important;
padding:0px 15px 0 15px;
}

#Rcol a{
width:200px!important;
padding:2px;
text-decoration:none;
color:#0063af;
background-color:#f1f1f1!important;
}

#Rcol li{
margin:5px 0 0 0!important;
}

#Rcol img{
margin:10px 0 0 0;
border:solid 10px  #e2e2e2;
}


/* */

#Rcolsmall{
float:right;
width:220px!important;
padding:0px;
margin:50px 20px 0 0px;
_margin:50px 10px 0 0!important;
_display:inline;
}

#Rcolsmall p, #Rcolsmall h1{
clear:both;
padding:0px;
margin:0px 10px 0px 0px;
text-align:right!important;
_display:inline;
}

#Rcolsmall h1{
_margin:0 0 10px 10px!important;
}

#Rcolsmall ul{
list-style-type:none;
text-align:right;
margin:10px 10px 0 0 !important;
padding:0px;
_display:inline;
}

#Rcolsmall a{
width:200px!important;
padding:2px;
text-decoration:none;
background-color:#ccc!important;
}

#Rcolsmall li{
margin:5px 0 0 0!important;
}

#Rcolsmall img{
margin:10px 0 0 0;
border:solid 10px  #dbd3b3;
_display:inline;
}

/* */

.surround{
float:right;
background:#dbd3b3;
height:309px!important;
width:379px!important;
}

.surround img{
margin:10px 0 10px 10px;
}

#mainsearch{
color:#fff;
padding:10px 0 10px 0;
margin:10px 0 10px 0;
background:#dbd3b3;
}

#mainsearch h1{
color:#fff;
margin:0px 0px 7px 20px;
}

#mainsearch select{
margin:0 0 0 20px;
}

#mainsearch p{
margin:0 0 10px 20px;
}

#regionsearch{
color:#fff;
background:#dbd3b3;
}

#regionsearch h1{
height:35px;
margin: 0 10px 5px 0!important;
}

#regionsearch p{
height:15px;
}

#regionsearch select{
float:right;
margin:10px 10px 10px 0;
}

#intro{
margin:0px 0px 30px 10px;
}

/*--START SEARCH RESULT STYLES--*/
/*
.scotlandsearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#c5bfa9;
}

.walessearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#d3cfbf;
}

.northsearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#e2dfd4;
}

.centralsearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#dbd3b3;
}

.eastsearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#e2dcc2;
}

.southesearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#ccc4a6;
}

.southwsearchresult{
margin:1px 0 0 0;
color:#fff;
padding:5px;
background:#e2dfd4;
}

*/
.newsblock{
margin:1px 0 1px 0;
color:#020054;
padding:5px;
/*background:#f1f1f1;*/
/*width:850px!important;
_width:840px!important;*/
}

.rnsblock{
margin:1px 0 0 0;
color:#fff;
padding:5px;
_padding:10px;
background:#dbd3b3;
width:850px!important;
}


/*--END SEARCH RESULT STYLES--*/

.searchrightcol{
float:right;
margin:0px!important;
padding:0px 0 3px 10px!important;
width:410px;
color:#333;
}

.searchrightcol ul{
margin:10px 0 0 0;
padding:0px;
list-style-type:none;
}

.searchrightcol a{
float:right;
color:#333;
margin:0 5px 0 0;
}

.searchthumb{
float:left;
width:169px;
height:125px;
background:#fff;
margin:0 0px 0 0;
}

.searchrightcol h3, .searchrightcol h5{
color:#333;!important;
}

#mininews{
padding:0 0 0 0;
background:#ffffff;
border:solid 1px #e2e2e2;
}

#mininews h1{
padding:15px 20px 10px 20px;
margin:0 0 0 0;
color:#010022;
font-size:2em;
text-transform:uppercase;
font-weight:normal;
background:url(../images/gradient-title-back.png) repeat-x left bottom;
}

.newsstory{
margin:1px 0 0 0;
padding:10px 0 0 0;
/*background:#f1f1f1;*/
}

.newsstory h3{
float:right;
margin:0 10px 0 0;
}

.newsstory p{
margin:10px 0 0 0;
padding:0 10px 10px 10px;
}

.newsstory h4 a{
font-size:0.9em!important;
margin:0 0 0 10px!important;
color:#0063af!important;
}

/*-----*/

.datediv
{
	float:right;
	padding:20px 10px 0 0;
}

.datediv h4{
padding:0px!important;
clear:right!important;
margin:0px 0 10px 0!important;
color:#020054!important;
font-size:1.2em;
}

.datediv h5{
text-align:left;
clear:right;
color:#020054!important;
margin:0 0px 10px 0!important;
font-size:1.1em;
}

.newsstorymain{
margin:0px!important;
padding:10px!important;
width:680px;
padding-right:20px;
/*border-right:solid 1px #ffffff;*/
}

.newsstorymain h3{
margin:0 0px 5px 0!important;
padding:0;
color:#0063af;
font-size:1.2em;
}

.newsstorymain h3 a{
margin:0 0px 0 0!important;
text-align:right;
/*color:#fff!important;*/
}

.newsstorymain a{
margin:0px 20px 10px 0!important;
padding:0!important;
color:#0063af;
/*color:#fff!important;*/
}

.newsstorymain p{
/*color:#fff!important;*/

margin:0;
padding:0!important;
}

.newsstorymain a:hover
{
	background:none;
	text-decoration:underline;
	color:#020054;
}

/*----*/
/*
.newsstory{
margin:1px 0 0 0;
padding:10px 0 0 0;
background:#b6af94;
}

.newsstory h3{
float:right;
margin:0 10px 0 0;
}

.newsstory p{
margin:10px 0 0 0;
padding:0 10px 10px 10px;
}

.newsstory h4 a{
margin:0 0 0 10px!important;
color:#fff!important;
}
/*
.newsstorymain{
margin:0px;
padding:0px!important;
width:850px!important;
}

.newsstorymain h3 a{
margin:-10px 10px 0 0!important;
padding:0px!important;
text-align:right;
}

.newsstorymain h4{
padding:0 0 0 10px;
margin:-40px 0 0 0;
float:left;
color:#fff;
}

.newsstorymain h5{
clear:right;
width:300px;
text-align:right;
color:#fff;
float:right;
padding:10px 10px 0 0!important;
}

.newsstorymain a{
margin:5px 10px 10px 0!important;
float:right;
color:#fff!important;
}

.newsstorymain p{
clear:both!important;
text-align:right!important;
width:650px!important;
float:right;
padding:10px 10px 0 0!important;
}
*/
/*--*/

.teammember img{
float:right;
border: solid 5px #e2e2e2;
margin:5px 0 10px 10px;
}

.teammember p{
/*width:270px;*/
margin:10px 10px 0 0;
}

.teammember ul{
list-style-type:none;
margin:10px 0 0 0!important;
padding:0px!important;
}

.teammember li{
font-weight:bold;
float:left;
margin:0px;
padding:0px 5px 10px 0px;
}

.teammember hr{
clear:both;
}

.teammember h4{
margin:5px 0 0 0;
font-weight:normal;
}

#flashmapwrap{
margin:10px 0px 10px 0!important;
padding:0 0 15px 0;

background:#ffffff;
border:solid 1px #e2e2e2;
}

#smallflashmapwrap{
_display:inline;
margin:10px 0px 10px 0!important;
padding:0;
float:right;
background:#ffffff;
border:solid 1px #e2e2e2;
width:220px!important;
}

.smallmappara{
float:right;
width:220px!important;
}

#smallflashmapwrap h1{
font-size:2.0em;
margin:0 10px 15px 0;
}

#flashmapwrap h1{
margin:0 10px 15px 0;
color:#010022;
font-size:2em;
text-transform:uppercase;
font-weight:normal;
}

#flashmap{
display:block;
background:#fff;
margin:10px!important;
padding:0px;
height:289px!important;
width:359px!important;
}

#smallflashmap{
display:block;
background:#fff;
margin:10px!important;
padding:0px;
height:289px!important;
width:200px!important;
}

#smallflashmapwrap p{
width:200px!important;
}


#footer{
padding:40px 0 0 0;
margin:0px 0 20px 20px;
_margin:0px 0 20px 20px;
clear:both;
color:#797979;
}

#footer a{
color:#ccc;
}


/*END main positional block elements*/

/*finance lists*/

#download_list{
padding:0 0 0 0;
background:#ffffff;
border:solid 1px #e2e2e2;
font-size:0.9em;
}






#download_list h2{
	padding:15px 20px 10px 20px;
	margin:0 0 0 0;
	color:#010022;
	font-size:2.3em;
	text-transform:uppercase;
	font-weight:normal;
	background:url(../images/gradient-title-back.png) repeat-x left bottom;
}

#download_list ul{
list-style-type:none!important;
margin:0px!important;
padding:10px 0 10px 10px!important;
}

#download_list li{
padding:2px 0 0 0;
}




#download_list h4{
padding:0 0 3px 10px!important;
}

#download_list p{
padding:0 10px 0 10px!important;
}

#paginglinks{
margin:10px 0 10px 0;
}

#paginglinks a
{
	color:#020054;
}

.paginatedGroup
{
	/*background:#ffffff;
	border:solid 1px #e2e2e2;*/
}



#portbread{
margin:-30px 0 0 0!important;
float:right;
}

/*.newsreadmore{
margin:0px 0px 0 20px!important;
padding:0px!important;
clear:both;
float:right;
}*/

.caption{
padding:10px 0 0 0!important;
}

.homepagelink{
padding:10px 10px  0 0!important;
text-align:center;
}

/* xml feed style */

.xmllabel{
font-weight:bold;
padding:0 0 10px 10px!important;
}

/* homedownload */

.homedownload{
padding:15px 15px 15px 0!important;
margin:10px 0 0 0!important;
background:#ffffff;
border:solid 1px #e2e2e2;


}

.homedownload h4
{
	margin-left:15px;
	font-weight:normal!important;
	font-size:1.4em;
}


.homedownload a{
	text-decoration:underline!important;
}

/* additional styles */

#agm{
background:#ffffff url(../images/gradient-title-back.png) repeat-x left bottom;
margin:0px;
padding:15px;
border:solid 1px #e2e2e2;
}

#agm img{
margin:0px 0 0px 0;
float:right!important;
}

#agm h4{
margin:0;
padding:0;
text-align:left;
display:block;
_display:inline;
font-size:1.2em;
color:#020054;
/*float:left!important;*/
/*width:200px;*/
}

#agm p{
padding:10px 10px 10px 5px;
/*width:200px;*/
_display:inline;
_margin:0px;
margin:0px 0px 0 10px;
/*margin:-60px -30px 0 10px;*/
float:left!important;
text-align:left!important;
}