/* 
	Stylesheet for: 	Home Office
	Created by: 	Jason Kavanagh
	Date:		22nd February 2008
	
	TOC:
		1. defaults
		2. wrapper and masthead
		3. content
		4. menu
		5. general
*/

/* ------------------------ 1. defaults ------------------------ */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
img {
 border:0px;
 }
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #fff;
	color: #232020;
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
	margin-bottom: 15px;
}
h3 {
	font-size: 1em;
	margin-bottom: 15px;
}
h4 {
	font-size: 0.9em;
	margin-bottom: 15px;
}
p {
	margin-bottom: 15px;
}
dl {
	margin-bottom: 15px;
}
dt {
	font-weight: bold;
	margin-bottom: 2px;
}
dd {
	margin-bottom: 10px;
	margin-left: 15px;
}
abbr, acronym {
	border: none;
}
abbr[title], acronym[title] {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}


/* ------------------------ 2. wrapper and masthead ------------------------ */
#wrapper {
	width: 970px; /*used to be 1009px*/
	padding-top: 0;/*used to be 24px*/
	padding-left: 0;/*used to be 31px*/
	
}

#home_bg #wrapper
  {
}
/*#home_bg #wrapper
  {
	background: url(../images/backgrounds/bg_image_home.png) repeat-x 0px 0px; background-color:#b9b9be;
}
*/
#about_bg #wrapper {
}
#roles_bg #wrapper {
}
#working_bg #wrapper {
}
#apply_bg #wrapper {
}
#masthead {
	padding-left: 113px;
}
#branding {
	height: 149px;
	background: url(../images/stripes.png) no-repeat right 0px;
}
#branding h1 {
	text-indent: -9000px;
	background: url(../images/logo_ThinktoProtect.png) no-repeat 0px 12px;
	height: 149px;
}


/* ------------------------ 3. content ------------------------ */
#content {
	padding: 28px 144px 0 113px; /*used to be padding: 28px 174px 850px 144px;*/
	
}
#home_bg #content,
#about_bg #content,
#working_bg #content,
#apply_bg #content,
#roles_bg #content {
	background: #b2b3b8 url(../images/backgrounds/bg_repeat.png) repeat-x 0px 0px;
}



#content h2 {
	text-indent: -9000px;
	height: 60px;
}
#home_bg #content h2 {
	background: url(../images/headings/ThinktoProtect.png) no-repeat right 0px;
	height: 72px;
}
#about_bg #content h2 {
	background: url(../images/headings/about_HOSDB.png) no-repeat right 0px;
	height: 72px;
}
#working_bg #content h2 {
	background: url(../images/headings/working_here.png) no-repeat right 0px;
	height: 72px;
}
#apply_bg #content h2 {
	background: url(../images/headings/apply.png) no-repeat right 0px;
	height: 72px;
}
#roles_bg #content h2 {
	background: url(../images/headings/about_the_roles.png) no-repeat right 0px;
	height: 72px;
}
#content ul {
	margin-left: 30px;
	margin-bottom: 15px;
}
#content a:link, 
#content a:visited {
	color: #8b2346;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
.jobdesc {
	margin-bottom: 0px;
}
.payrate {
	margin-bottom: 0px;
}
#contactdetails dt {
	float: left;
}
#contactdetails dd {
}
#copy  {
	float: right;
	width: 470px;/*used to be 450px*/
	padding-left: 15px;
}


/* ------------------------ 4. menu ------------------------ */
#mainNav {
	float: left;
	width: 222px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#mainNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainNav li {
	list-style: none;
	background: url(none);
	height: 21px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}
#mainNav a:link, #mainNav a:link {
	margin: 0px;
	padding: 0px;
	height: 21px;

}
.hidden {display:none;}
#mainNav #roles ul {
	margin: 0px;
	padding: 0px;
}
.sub {
	margin-left:10px;
}
.last {
	margin-bottom:10px;
}
#logos {
	padding-top:50px;
	padding-left: 670px;
}
#about_bg #logos {
	padding-top:70px;
	padding-left: 670px;
}
#working_bg #logos {
	padding-top:215px;
	padding-left: 670px;
}
#roles_bg #logos {
	padding-top:95px;
	padding-left: 670px;
}
#apply_bg #logos {
	padding-top:10px;
	padding-left: 670px;
}
#copy #title {
	margin-bottom: 5px;
}
#copy #location {
	margin-bottom: 5px;
}
#home_bg q,
#about_bg q,
#working_bg q,
#roles_bg q,
#apply_bg q {
	display: block;
	text-indent: -9000px;
	margin-top: 100px;
	margin-left: 40px;
}
#home_bg q {
	height: 99px;
	width: 240px;
	background: url(../images/quotes/quote_home.png) no-repeat 0px 0px;
}
#about_bg q {
	height: 98px;
	width: 217px;
	background: url(../images/quotes/quote_about.png) no-repeat 0px 0px;
}
#working_bg q {
	height: 98px;
	width: 226px;
	background: url(../images/quotes/quote_working.png) no-repeat 0px 0px;
}
#roles_bg q {
	height: 99px;
	width: 240px;
	background: url(../images/quotes/quote_roles.png) no-repeat 0px 0px;
}
#apply_bg q {
	height: 98px;
	width: 216px;
	background: url(../images/quotes/quote_apply.png) no-repeat 0px 0px;
}
#apply_bg blockquote {
	margin-bottom: 10px;
}





/* ------------------------ 5.footer ------------------------ */
#footer{
	clear: both;
	width: 970px;/*used to be 24px*/
	padding-left: 0;/*used to be 31px*/
	padding-bottom: 0px;
	background: #b2b3b8;
}


/* ------------------------ 6. general ------------------------ */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */