/*

D R Jones - Global Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.clientname.co.uk/

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.centre { text-align: center; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

																					/* ------------ Defaults ------------ */

body { 
	background: #003b83 url('../images/body-bg.jpg') no-repeat top center;
	color: #757575;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em; 
	padding: 20px 0;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}

#ie6 { 
	display: none;
	}

#container { 
	margin: auto;
	width: 978px;
	}
	
#container a {
	color: #003e89;
	text-decoration: none;
	}
	
#container a:hover {
	color: #003e89;
	text-decoration: underline;
	}
	
	
																					/* ------------ Branding ------------ */

#branding { 
	background: url('../images/branding-bg.jpg') no-repeat bottom center;
	height: 110px;
	padding: 0 19px;
	position: relative;
	width: 940px;
	}

#branding h1 a { 
	background: url('../images/branding-h1-bg.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 80px;
	text-indent: -25000px;
	width: 196px;
	}

#tagline { 
	height: 19px;
	position: absolute;
	top: 31px;
	left: 252px;
	width: 264px;
	}

#tagline-content { 
	height: 19px;
	width: 264px;
	}
		
#branding #telephone { 
	background: url('../images/telephone-bg.gif') no-repeat 0 0;
	float: right;
	height: 38px;
	margin: 16px 0 26px 0;
	text-indent: -25000px;
	width: 219px;
	}
	
#branding #subnav { 
	clear: right;
	float: right;
	height: 29px;
	text-indent: -25000px;
	width: 483px;
	}
	
#branding #subnav li { 
	float: left;
	}

#branding #subnav a { 
	display: block;
	height: 29px;
	margin-right: 1px;
	width: 120px;
	}

#branding #subnav a:hover { 
	background-position: 0 -29px;
	}
	
#subnav-home a { background: url('../images/subnav-home.gif') no-repeat 0 0; }
#subnav-about a { background: url('../images/subnav-about.gif') no-repeat 0 0; }
#subnav-contact a { background: url('../images/subnav-contact.gif') no-repeat 0 0; }	
#subnav-login a { background: url('../images/subnav-login.gif') no-repeat 0 0; }	

#branding #subnav #subnav-login a { margin-right: 0; }
	
#home #subnav-home a,
#about #subnav-about a,
#contact #subnav-contact a,
#login #subnav-login a { 
	background-position: 0 -29px;
	}

#branding #subnav { width: 362px; }	
#branding #subnav #subnav-login a { display: none; }
#branding #subnav #subnav-contact a { margin-right: 0; }
	
	
																					/* ------------ Content ------------ */

#content-outer { 
	background: url('../images/content-outer-bg.png') no-repeat bottom left;
	padding: 0 9px;
	position: relative;
	width: 960px;
	}

#content { 
	padding-bottom: 10px;
	}


																					/* ------------ Navigation ------------ */

#nav { 
	background: url('../images/nav-bg.gif') no-repeat 0 0;
	float: left;
	height: 278px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-indent: -25000px;
	width: 235px;
	}
	
#nav a { 
	display: block;
	height: 30px;
	margin-bottom: 1px;
	width: 235px;
	}

#nav a:hover { 
	background-position: 0 -30px;
	}

#nav-health a { background: url('../images/nav-health.gif') no-repeat 0 0; }	
#nav-environment a { background: url('../images/nav-environment.gif') no-repeat 0 0; }	
#nav-construction a { background: url('../images/nav-construction.gif') no-repeat 0 0; }	
#nav-property a { background: url('../images/nav-property.gif') no-repeat 0 0; }	
#nav-social a { background: url('../images/nav-social.gif') no-repeat 0 0; }	
#nav-care a { background: url('../images/nav-care.gif') no-repeat 0 0; }	
#nav-latest a { background: url('../images/nav-latest.gif') no-repeat 0 0; }	
#nav-vacancies a { background: url('../images/nav-vacancies.gif') no-repeat 0 0; }	
#nav-downloads a { background: url('../images/nav-downloads.gif') no-repeat 0 0; }

#health #nav-health a,
#environment #nav-environment a,
#construction #nav-construction a,	
#property #nav-property a,	
#social #nav-social a,	
#care #nav-care a,	
#latest #nav-latest a,	
#vacancies #nav-vacancies a,	
#downloads #nav-downloads a { 
	background-position: 0 -30px;
	}	

	
																					/* ------------ Flash ------------ */

#flash { 
	float: left;
	height: 278px;
	margin: 0 0 20px 1px;
	width: 704px;
	}

#flash-inner { 
	height: 278px;
	width: 704px;
	}
	
	
																					/* ------------ Toolbar ------------ */

#toolbar { 
	clear: both;
	height: 30px;
	margin: 0 10px 20px 10px;
	width: 940px;
	}

#toolbar #form-search { 
	display: block;
	float: left;
	height: 30px;
	margin-right: 21px;
	overflow: hidden;
	width: 235px;
	}

#toolbar #form-search legend { 
	display: none;
	}
	
#toolbar #form-search #form-search-input { 
	background: url('../images/form-search-input-bg.gif') no-repeat 0 0;
	border: 0;
	color: #757575;
	float: left;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 30px;
	margin-right: 1px;
	overflow: hidden;
	padding: 0 0 0 20px;
	width: 184px;
	}
	
#branding form #form-search-submit { 
	border: 0;
	float: right;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 30px;
	}
		
#toolbar #breadcrumbs {
	margin-left: 256px;
	padding-top: 7px;
	}
	

																					/* ------------ Latest News ------------ */

#latest-news { 
	background: url('../images/latest-news-bg.gif') no-repeat 0 0;
	display: inline;
	float: left;
	height: 235px;
	margin: 0 20px 0 10px;
	width: 235px;
	}

#latest-news h4 { 
	background: url('../images/latest-news-h4-bg.gif') no-repeat 0 0;
	height: 30px;
	text-indent: -25000px;
	width: 235px;
	}

#latest-news #latest-news-content { 
	height: 151px;
	overflow: hidden;
	padding: 0px 20px 0 20px;
	width: 195px;
	position:relative;
}

#latest-news #latest-news-content #latest-news-slide { 
	position:absolute;
	top:0px; left:20px;
}

#latest-news #latest-news-content a { 
	color: #fff;
	text-decoration: none;
	}

#latest-news #latest-news-content a:hover { 
	color: #f2d229;
	text-decoration: underline;
	}

#latest-news dl { 
	background: url('../images/latest-news-dl-bg.gif') no-repeat bottom left;
	color: #fff;
	height: 66px;
	padding-top: 10px;
	width: 195px;
	}

#latest-news .latest-news-image { 
	float: left;
	height: 55px;
	margin-right: 10px;
	position: relative;
	width: 62px;
	}

#latest-news .latest-news-image a { 
	background: url('../images/latest-news-a-bg.png') no-repeat 0 0;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -25000px;
	width: 62px;
	}

#latest-news .latest-news-image a:hover { 
	background-position: 0 -55px;
	}

#latest-news .latest-news-heading { 
	float: left;
	font-weight: bold;
	margin: -2px 0 3px 0;
	text-transform: uppercase;
	width: 120px;
	}

#latest-news #btn-news-prev a,
#latest-news #btn-news-next a { 
	display:block;
	height: 27px;
	text-indent: -25000px;
	width: 235px;
	}
	
#latest-news #btn-news-prev a { 
	background: url('../images/btn-news-prev-bg.gif') no-repeat 0 0;
	}

#latest-news #btn-news-next a { 
	background: url('../images/btn-news-next-bg.gif') no-repeat 0 0;
	}

#latest-news #btn-news-prev a:hover,
#latest-news #btn-news-next a:hover { 
	background-position: 0 -27px;
	}


																					/* ------------ Page Nav ------------ */

#pagenav { 
	float: left;
	margin: 0 20px 0 10px;
	width: 235px;
	}

#pagenav a { 
	background: url('../images/pagenav-a-bg.gif') no-repeat 0 -30px;
	color: #f1ce0f;
	display: block;
	height: 24px;
	margin-top: 1px;
	padding: 6px 0 0 45px;
	text-decoration: none;
	text-transform: capitalize;
	width: 190px;
	}

#pagenav-first a { 
	background: url('../images/pagenav-first-a-bg.gif') no-repeat 0 -30px;
	margin-top: 0;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
	width: 215px;
	}

#pagenav-last a { 
	background: url('../images/pagenav-last-a-bg.gif') no-repeat 0 -30px;
	}

#pagenav a:hover,
#pagenav a.selected { 
	background-position: 0 0;
	color: #003e89;
	text-decoration: none;
	}
	
#pagenav a.selected { 
	font-weight: bold;
	}
	
#pagenav ul { 
	background-color: #efc921;
	}
	
#pagenav ul a { 
	background: none;
	color: #003e89;
	}
	
#pagenav ul a:hover { 
	text-decoration: underline;
	}
	
#pagenav ul a.selected { 
	font-weight: bold;
	text-decoration: underline;
	}
	
#pagenav li #pagenav-last { 
	background: #efc921 url('../images/pagenav-last-bg.gif') no-repeat bottom left;
	}



																					/* ------------ Copy ------------ */

#copy { 
	float: left;
	width: 430px;
	}

#copy-lrg { 
	float: left;
	width: 685px;
	}
	
#copy h2, #copy-lrg h2 { 
	font-size: 175%;
	font-weight: normal;
	text-transform: uppercase;
	}

#copy h2 strong, #copy-lrg h2 strong { 
	color: #003e89;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#copy p, #copy-lrg p { 
	margin-top: 10px;
	}

#copy h3, #copy-lrg h3 { 
	margin-top: 20px;
	}
	
#copy .intro, #copy-lrg .intro { 
	padding: 5px 0 7px 0;
	}
	
#copy ul, #copy-lrg ul,
#copy ol, #copy-lrg ol { 
	margin-left: 20px;
	}

#copy ul li, #copy-lrg ul li { 
	background: url('../images/icon-bullet.gif') no-repeat 0 4px;
	margin-top: 10px;
	padding-left: 21px;
	}

#copy ol li, #copy-lrg ol li { 
	list-style: decimal outside;
	margin: 10px 0 0 20px;
	}
		
#copy #btn-adobe-reader img, #copy-lrg #btn-adobe-reader img {
	float: left;
	padding-right: 10px;
	}
	
#copy-lrg .inline-thumbnail { 
	float: left;
	margin: 20px 20px 0 0;
	position: relative;
	}

#copy-lrg .inline-thumbnail img { 
	float: left;
	}	

#copy-lrg .inline-link { 
	background: url('../images/inline-border.png') no-repeat 0 0;
	display: block;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	}
	
#copy-lrg .inline-text { 
	float: right;
	width: 545px;
	}

	
																					/* ------------ Tables ------------ */

#copy .table-downloads,
#copy-lrg .table-downloads {
	margin: 17px 0;
	vertical-align: middle; 
	width: 100%;
	}
	
#copy .table-downloads td, 
#copy .table-downloads th,
#copy-lrg .table-downloads td, 
#copy-lrg .table-downloads th {
	border: 1px solid #fff;
	padding: 3px 10px;
	vertical-align: middle; 
	}

#copy .table-downloads th,
#copy-lrg .table-downloads th {
	background: #000a2e url('../images/table-bg.gif') repeat-x 0 0;
	color: #f1ce0f; 
	padding: 5px 10px;
	}

#copy .table-downloads td,
#copy-lrg .table-downloads td {
	background-color: #eaeaea;
	}

#copy .table-downloads .icon,
#copy .table-downloads .download,
#copy-lrg .table-downloads .icon,
#copy-lrg .table-downloads .download {
	text-align: center;
	}
	

																					/* ------------ Photos ------------ */

#photos { 
	display: inline;
	float: right;
	margin-right: 10px;
	width: 235px;
	}
	
#photos .photo { 
	height: 235px;
	margin-bottom: 10px;
	position: relative;
	width: 235px;
	}

#photos .photo img { 
	float: left;
	}

#photos .photo .border { 
	background: url('../images/photo-border-bg.png') no-repeat 0 0;
	height: 235px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	}
	
#photos .last { 
	margin-bottom: 0;
	}


																					/* ------------ Features ------------ */

#features { 
	clear: both;
	height: 130px;
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	width: 940px;
	}

#features .feature { 
	color: #fff;
	float: left;
	height: 120px;
	padding-top: 10px;
	position: relative;
	width: 313px;
	}

#features .feature h4 { 
	float: right;
	height: 29px;
	text-indent: -25000px;
	}

#features #feature-1 h4 { background: url('../images/feature-1-h4-bg.gif') no-repeat 0 0; width: 91px; }
#features #feature-2 h4 { background: url('../images/feature-2-h4-bg.gif') no-repeat 0 0; width: 111px; }
#features #feature-3 h4 { background: url('../images/feature-3-h4-bg.gif') no-repeat 0 0; width: 179px; }

#features .feature a { 
	background: url('../images/feature-a-bg.gif') no-repeat 0 0;
	display: block;
	height: 26px;
	position: absolute;
	bottom: 9px;
	right: 9px;
	text-indent: -25000px;
	width: 92px;
	}

#features .feature-copy {
	clear: right; 
	float: right;
	margin: 12px 10px 0 0;
	text-align: right;
	width: 130px;
	}

#feature-3 .feature-copy { width: 140px; }

#features .feature a:hover { 
	background-position: 0 -26px;
	}

#features #feature-1 { 
	background: url('../images/feature-1-bg.jpg') no-repeat 0 0;
	}

#features #feature-2 { 
	background: url('../images/feature-2-bg.png') no-repeat 0 0;
	margin: 0 1px;
	width: 312px;
	}
	
#features #feature-3 { 
	background: url('../images/feature-3-bg.png') no-repeat 0 0;
	}


																					/* ------------ Sidebar ------------ */

#sidebar { 
	background: url('../images/sidebar-bg.gif') repeat-y 0 0;
	display: inline;
	float: right;
	margin-right: 10px;
	width: 235px;
	}

#sidebar p {
	margin-bottom: 10px;
	}
	
#sidebar dl { 
	margin-bottom: 7px;
	padding-top: 3px;
	}
	
#sidebar dl dt { 
	float: left;
	width: 72px;
	}

#sidebar dl dt img { 
	float: left;
	}

#sidebar h3 { 
	font-size: 135%;
	font-weight: normal;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
	}

#sidebar .remove { 
	margin-top: 0;
	}

#sidebar-top { 
	background: url('../images/sidebar-top-bg.gif') no-repeat 0 0;
	height: 30px;
	width: 235px;
	}

#sidebar-bottom { 
	background: url('../images/sidebar-bottom-bg.gif') no-repeat 0 0;
	height: 30px;
	width: 235px;
	}
	
#sidebar-content { 
	padding-left: 20px;
	width: 215px;
	}


	
																					/* ------------ Logos ------------ */

#logos { 
	background: url('../images/logos-bg.png') no-repeat 0 0;
	height: 99px;
	padding: 20px 0 0 40px;
	width: 938px;
	}
	
#logos img { 
	float: left;
	padding-right: 30px;
	}

	
																					/* ------------ Footer ------------ */

#footer { 
	color: #fff;
	padding: 7px 20px 0 20px;
	width: 940px;
	}
	
#footer a { 
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover { 
	color: #fff;
	text-decoration: underline;
	}
	
#footer #copyright { 
	float: left;
	}
	
#footer #credit { 
	float: right;
	}
