body, html, .wrapper {height:100%;}
body > .wrapper {height: auto; min-height: 100%;}

body
{
	font: 0.6251em/1 Helvetica, Arial, sans-serif;
	background: #FFF url(../img/header-sub.jpg) 50% 0 repeat-x;
}

body.home { background: #FFF url(../img/header-home.jpg) 50% 0 repeat-x; }

.wrapper
{
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#header
{
	position: relative;
	height: 230px;
}

.home #header
{
	position: relative;
	height: 308px;
}

#header h1
{
	position: absolute;
	left: -19px;
	top: 23px;
}

#header h1 a
{
	display: block;
	width: 164px;
	height: 55px;
	text-indent: -9999.99em;
	background: transparent url(../img/logo.png) 0 0 no-repeat;
}

#header h2
{
	position: absolute;
	width: 389px;
	height: 90px;
	text-indent: -9999.99em;
	left: 20px;
	top: 148px;
	background: transparent url(../img/header-strapline.png) 0 0 no-repeat;
}

#header .clouds
{
	position: absolute;
	z-index: 10;
	width: 924px;
	height: 37px;
	left: -13px;
	bottom: -2px;
	background: transparent url(../img/header-clouds.png) 0 0 no-repeat;
}

#header .photos
{
	position: absolute;
	z-index: 1;
	width: 430px;
	height: 212px;
	right: 30px;
	bottom: 4px;
	background: #FFF;
	overflow: hidden;
}

#header .photos img { display: none; }
#header .photos img.first { display: block; }

#nav
{
	position: absolute;
	top: 30px;
	right: 0;
}

#nav li
{
	float: left;
	margin-left: 5px;
}

#nav li a
{
	float:left;
	display: block;
	height: 35px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#nav li a span
{
	float:left;
	display: block;
	line-height: 35px;
	height: 35px;
	padding: 0 12px;
	font-size: 16px;
	color: #9DA8B2;
	background:transparent;
	text-transform: lowercase;
	cursor:pointer;
	cursor:hand;
}

#nav li a:hover
{
	background: #918EAC;
}
#nav li a:hover span
{
	background: #918EAC;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#nav li.here a, #nav li.here a:hover
{
	background: #FFF;
}

#nav li.here a span, #nav li.here a:hover span
{
	color: #1A1946;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#form-search
{
	position: absolute;
	left: 625px;
	top: 252px;
	padding: 0 10px;
	border: 0;
}

.home #form-search
{
	background: #FFF;
	top: 325px;
}

form input, form textarea, form button
{
	border: 1px solid #CCC;
	font-size: 13px;
	vertical-align: middle;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	background: #FFF url(../img/form-input-bg.jpg) 0 0 repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form button
{
	padding: 4px;
	background: #FFF url(../img/form-button-bg.jpg) 0 0 repeat-x;
	color: #333;
	cursor: pointer;
}

form button:hover { background: #EEE; }
#content { padding: 25px 0 135px; }
.portlet { margin-bottom: 30px; }

#form-search input {font-size:16px; width:210px}
#form-search button { text-indent:-9999.9em; background: transparent url(../img/search-button.png) 0 0 no-repeat; border:0; padding:0; height:30px; width:30px;}



#content p, #content li
{
	font-size: 13px;
	margin: 0 0 1.2em;
	line-height: 140%;
	color: #333;
}

#content .main ol, #content .main ul { margin-bottom:1.5em;}
#content .main li {list-style:square; margin-left:20px; margin-bottom:0.5em;}
.home #content .main li {list-style:none; margin-left:0px;}

#content a { color: #638FA4; }
#content a:hover { color: #F3A36E; }

#content a.find-out-more
{
	display: block;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	height:19px;
	width: 95px;
	text-align: center;
	font-size: 10px;
	background: #fff url(../img/bt-find-out-more.png) 0 0 no-repeat;
	color:#333;
}

#content a.find-out-more:hover
{ color:#FFF; }


#content h1
{
	color: #FFF;
	font-weight: normal;
	font-size: 40px;
	position: absolute;
	top: 140px;
	left: 0;
}

#content h1.services {font-size:30px; top:145px;}

#content h2
{
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	line-height:120%;
	border-bottom:1px dotted #DFDFDF;
	color:#181818;
}

#content .secondary h2 { color:#2A388B; border-bottom:0; margin-bottom:0; font-size:16px; font-weight:bold; border-top:1px dotted #DFDFDF; padding-top:10px; }

.home #content .secondary h2 { 
	padding:0;
	margin:0;
	border:0;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	line-height:120%;
	border-bottom:1px dotted #DFDFDF;
	color:#181818;

 }


#content h2 span { float: left; }

#content h2 a
{
	display: block;
	margin-top:4px;
	margin-left: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	height: 19px;
	width: 58px;
	float: left;
	text-align: center;
	font-size: 10px;
	background: #fff url(../img/bt-view-all.png) 0 0 no-repeat;
	color:#333;
}
#content h2 a:hover
{ color:#FFF; }

#content h3
{
	font-weight: normal;
	font-size: 18px;
	line-height:120%;
	margin-bottom:0.5em;
	color:#2A388B;
}

#content h4
{
	font-weight: normal;
	font-size: 14px;
	font-weight:bold;
	line-height:120%;
	margin-bottom:0.5em;
	color:#333;
}


#content .main h3 { padding-top:20px;}

#content hr.thick
{
	width: 100%;
	overflow: hidden;
	border: 0;
	margin: 25px 0;
	padding: 0;
	border-top: 5px Solid #EEE;
}

#content blockquote
{
	border: 1px solid #DDD;
	background: #EEE;
	padding: 1.2em;
	padding-bottom: 0;
	margin-bottom:0.5em;
}

.columns
{
	width: 100%;
	overflow: hidden;
}

.columns .column { float: left; }

.double .column
{
	width: 435px;
	margin-right: 30px;
}

.double .main
{
	width: 560px;
	margin-right: 75px;
}

.double .secondary { width: 265px; padding-top:55px; }
.home .double .secondary { padding-top:0px; }

.triple .column
{
	width: 290px;
	margin-right: 15px;
}

.quad .column
{
	width: 210px;
	margin-right: 20px;
}

span.file_type {font-size:0.8em; color:#666; padding-left:10px; white-space: nowrap;}

.columns .last { margin-right: 0; }
#content .spotlight img { display: block; }

.col-wrap {width:100%; overflow:hidden;}
.col-wrap .col-left {width:48%; float:left;}
.col-wrap .col-right {width:48%; float:right;}

#content .spotlight a
{
	position: relative;
	display: block;
	padding: 5px;
	background: #EEE;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
}

#content .spotlight a:hover
{
	background: #16719C;
	color: #FFF;
}

#content .spotlight a span
{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: transparent url(../img/transparent-bg.png) 0 0 no-repeat;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	width: 280px;
}

#content .news div { padding: 0 0 1em; }

#content .news p
{
	margin: 0.3em 0;
	margin-left: 55px;
}

#content .news p.date, #content .post p.date
{
	background: #EEE url(../img/calendar.png) 50% 50% no-repeat;
	float: left;
	display: block;
	margin: 0px;
	line-height: 100%;
	width: 42px;
	height: 49px;
	overflow:hidden;
}

#content .news p.date span, #content .post p.date span
{
	display: block;
	text-align: center;
	color: #666;
}

#content .news p.date span.month, #content .post p.date span.month
{
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 10px;
}

#content .news p.date span.day, #content .post p.date span.day
{
	padding-top: 0;
	font-size: 15px;
}

#content .news ul p a
{
	font-weight: bold;
	margin-bottom: 5px;
}

#content .community li, #content .tagged li
{
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	margin: 5px 0;
}

#content .community li.last, { border: 0; }

#content .archives { margin-top:20px; padding-right:10px;}
#content .archives h2 span {float:none; font-size:12px; text-transform: uppercase; width:100%; overflow:hidden; }
#content .archives a { float:left; display:block; padding:8px 20px; margin-right:10px; margin-bottom:10px; font-size:12px; background:#EEE; text-decoration:none;  }
#content .archives a:hover, #content .archives a.here { background:#666; color:#EEE;  }

#content p.strap_line { font-size:22px; color:#999; }

#content img.service-img {border:4px solid #a9d9f1; padding:1px; margin-bottom:10px; background:#FFF; }

#content .post
{
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
	margin-left: 48px;
	background: #F3F3F3;
	border-left: 1px solid #EEE;
}

#content .clear2
{
	background: #FFF;
	border-left: 1px solid #FFF;
}

#content .post h3
{
	font-size:20px;
	line-height: 130%;
	display: inline;
}

#content .post p.date
{
	margin-right: 20px;
	position: absolute;
	top: 15px;
	left: -49px;
	padding: 3px;
}

#content p.subdate
{
	font-size: 11px;
	color: #999;
	margin-bottom: 12px;
}

#content .pagination
{
	width: 100%;
	overflow: hidden;
	border-top: 1px dotted #CCC;
	padding-top: 20px;
}
#content .pagination li {list-style: none; margin:0;}
#content .pagination li.here { display: none; }
#content .pagination li.previous { float: left; }
#content .pagination li.next { float: right; }

#content .pagination li a
{
	font-size: 18px;
	text-decoration: none;
}

#content .nav-sub ul li {margin:0;padding:0; border-bottom:1px Solid #FFF;}
#content .nav-sub ul li a {display:block; margin:0; padding:8px 10px 6px; background:#EEE; text-decoration:none; font-size:15px;}
#content .nav-sub ul li.here a {background: #FFF; color:#181818; border-top:1px solid #A9D9F1; border-bottom:1px solid #A9D9F1; }
#content .nav-sub ul ul {display:none;}

#content p.caption {font-size:11px; color:#666;}

#content p.publication {float:left; margin-right:30px; text-align: center;}
#content p.publication img {border:5px solid #EEE;}
#content p.publication a {text-decoration:none;}
#content p.publication a:hover img {border:5px solid #16719C;}

.contact-us #gmap-body {border:5px solid #EEE;}
.contact-us .gmap-map a { margin-left: 5px; padding-top:5px;padding-left:15px; font-size:11px; background:#FFF url(../img/google-icon.gif) 3px 0 no-repeat; line-height: 20px; overflow:visible; }
.contact-us iframe { margin-bottom:5px;}
.contact-us small { padding-left:5px; display:block; margin-bottom: 20px; }
.contact-us .address-row {width:100%; overflow:hidden; padding-top:1.5em; border-top:1px dotted #CCC; }
.contact-us .address-row .address {float:left; display:block; width: 210px; margin-right: 20px; }
.contact-us .address-row .last {margin-right:0;}

.address a.map-icon { float:left; display:block; background:transparent url(../img/map-icon.jpg) 0 0 no-repeat; height:44px; width:44px; text-indent: -9999.9em; margin-right:8px; }

#content #alpha-list {width:100%; overflow:hidden;}
#content #alpha-list li {list-style:none; float:left; padding:0; margin:0; margin-right:3px; }
#content #alpha-list li a, #content #alpha-list li span { display:block; padding:3px; border:1px Solid #CCC; }
#content #alpha-list li a {background:#EEE;}

#content .alpha-list-group li {list-style:none; padding:0; margin:0 0 1.0em; }
#content .alpha-list-group li.alpha-item { font-size:20px; font-weight:bold; margin-top:1.5em; margin-bottom:0.5em; padding-bottom:0.2em; border-bottom:1px dotted #CCC;}

#content a.rss {display:block; background: transparent url(../img/icon_rss.png) 0 35% no-repeat; padding-left:20px; line-height:25px; text-decoration:none; margin-right:10px;}

#content a.download_brochure {display:block; background: transparent url(../img/download-icon.png) 0 35% no-repeat; padding-left:30px; line-height:30px; text-decoration:none; }

#footer
{
	position:relative; margin-top:-95px; height:95px;
	background: #999 url(../img/footer.jpg) 0 0 repeat-x;
clear:both; }

#footer p
{
	color: #CCC;
	text-align: center;
	margin-top: 15px;
}

#footer p a { color: #FFF; }
#footer p span { padding: 0 7px; }

#nav-footer
{
	text-align: center;
	padding-top: 15px;
}

#nav-footer li
{
	display: inline;
	margin: 0 12px;
}

#nav-footer li a
{
	color: #FFF;
	font-size: 13px;
	padding: 5px;
	text-decoration: none;
	background: transparent;
}

#nav-footer li a:hover { background: #1A143D; }