/**
 *	Deacon
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		03/09/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. business catalyst overrides
 *
*/

html,body {
	background:					#1c1b1b;
}

body {
	color:						#aaa;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#navigation {
	background-repeat:			repeat-x;
	height:						48px;
}
body.construction div#navigation {
	background-image:			url(../images/construction/bg-navigation.gif);
}
body.it div#navigation {
	background-image:			url(../images/it/bg-navigation.gif);
}

div#header {
	background-color:			#fff;
	height:						90px;
}

div#brand {
	float:						left;
	height:						79px;
	padding:					11px 0 0 29px;
	width:						181px;
}

div#login {
	background:					url(../images/bg-login.gif) no-repeat;
	float:						right;
	height:						52px;
	margin:						34px 13px 0 0;
	width:						308px;
}

div#content {
	background:					#fff url(../images/bg-content.gif) left bottom repeat-x;
}

div#content div.container {
	background-position:		left bottom;
	background-repeat:			no-repeat;
}
body.construction div#content div.container {
	background-image:			url(../images/construction/bg-content-container.jpg);
}
body.it div#content div.container {
	background-image:			url(../images/it/bg-content-container.jpg);
}
body.home-construction div#content div.container,
body.home-it div#content div.container {
	min-height:					463px;
	
	height:						auto !important;
	height:						463px;
}	
body.home-construction div#content div.container {
	background-image:			url(../images/construction/bg-content-container-home.jpg);
}
body.home-it div#content div.container {
	background-image:			url(../images/it/bg-content-container-home.jpg);
}

div#content-header {
	height:						138px;
}

div#content-inner {
	background:					url(../images/bg-content-inner.png) no-repeat;	
	
	height:						430px;
	min-height:					430px;
	padding-top:				33px;
	height:						auto !important;
}

body.home-construction div#content-inner,
body.home-it div#content-inner {
	background:					none;
	height:						auto !important;
	min-height:					0;
	padding-top:				24px;
}

body.home-construction div#content-inner div.content-panel,
body.home-it div#content-inner div.content-panel {
	float:						left;
	width:						258px;
}

div#content-main {
	float:						left;
	width:						726px;
}

div#content-main-inner {
	padding:					0 32px 6px 29px;
}

div#content-side {
	background:					url(../images/bg-content-side.png) left bottom no-repeat;
	float:						left;
	width:221px;
}

div#content-side-inner {
	background:					url(../images/bg-content-side-inner.png) no-repeat;
	padding:					22px 0 6px 0;
}

div#footer {
	background:					url(../images/bg-footer.gif) repeat-x;
	min-height:					210px;
	height:						auto !important;
	height:						210px;
}

body.home-it div#footer div.container {
	background:					url(../images/it/bg-footer-container.jpg) no-repeat;
}
body.home-it div#footer div.container {
	background-image:			url(../images/it/bg-footer-container-home.jpg);
}

div#footer-inner {
	padding:					33px 0 0 0;
}

div.container {
	overflow:					hidden;
	margin:						0 auto;
	width:						960px;
}
div.links {
	text-align:right;
}
div.links a{
	padding:2px 5px 2px 5px;
} 
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

body.home-construction div#content-header h2,
body.home-it div#content-header h2 {
	background-repeat:			no-repeat;
	float:						left;
	height:						56px;
	line-height:				100%;
	margin:						33px 0 0 30px;
	text-indent:				-9999px;
	width:						381px;
}
body.home-construction div#content-header h2 {
	background-image:			url(../images/construction/h2s/h2-specialising.gif);
}
body.home-it div#content-header h2 {
	background-image:			url(../images/it/h2s/h2-specialising.gif);
}


body.home-construction div#content-header blockquote,
body.home-it div#content-header blockquote {
	color:						#aaa;
	font-size:					1.2em;
	float:						right;
	line-height:				150%;
	margin-top:					33px;
	width:						390px;
}
body.home-construction div#content-header blockquote p span,
body.home-it div#content-header blockquote p span {
	color:						#dcdcdc;
}

div#content-inner {
	color:						#434343;
	font-size:					1.1em;
	line-height:				165%;
	overflow:hidden;
	float:left;
}
div#sub-content{
	clear:both;	
}
body.home div#content-inner {
	color:						#aaa;
}

div#content-inner h2 {
	font-size:					24px;
	font-weight:				normal;
	height:						38px;
	margin-bottom:				0em;
}

div#content-inner h3 {
	color:						#231f20;
	font-size:					18px;
	font-weight:				normal;
	margin:						0 0 1em 32px;
}

div#content-inner p {
	margin-bottom:				1.65em;
}

body.home-construction div#content-inner div.content-panel p,
body.home-it div#content-inner div.content-panel p {
	color:						#aaa;
	margin-bottom:				0;
	padding-left:				32px;
	padding-right:32px;
}
span.readmore{
	display:block;
padding-left:32px;

	
}
span.readmore a{
	color:#666;
}
div#sub-content blockquote {
	color:						#9c9b9b;
	font-size:					1.1em;
	line-height:				165%;
}
div#sub-content blockquote p span {
	color:						#bdbdbd;
}
div#content-main-inner a {
	color:#cccccc;
}
.blogsitesummary a {
display:block;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#content-main ul, div#content-main ol {
	margin-bottom:				1.65em;
}
div#content-main ul ul,
div#content-main ul ol {
	margin-bottom:				0;
}

body.construction div#content-main ul li,
body.construction div#content-main ul ul li,
body.construction div#content-main ol ul li,
body.construction div#content-main ol ul ul li,
body.construction div#content-main ul ol ul li,
body.construction div#content-main ol ol ul li,
body.construction div#content-main ul ul ul li {
	background:					url(../images/construction/icons/icon-arrow-f0d800.gif) 0 2px no-repeat;
	padding-left:				22px;
}
body.it div#content-main ul li,
body.it div#content-main ul ul li,
body.it div#content-main ol ul li,
body.it div#content-main ol ul ul li,
body.it div#content-main ul ol ul li,
body.it div#content-main ol ol ul li,
body.it div#content-main ul ul ul li {
	background:					url(../images/it/icons/icon-arrow-00a8e2.gif) 0 2px no-repeat;
	padding-left:				22px;
}

div#content-main ol {
	list-style-type:			decimal;
	margin-bottom:				1.65em;
	padding-left:				22px;
}
div#content-main ol ol {
	list-style-type:			lower-alpha;
	margin-bottom:				0;
	padding-left:				22px;
}
div#content-main ol ul {
	margin-bottom:				0;
}

body.construction div#content-main ol li,
body.construction div#content-main ul ol li,
body.construction div#content-main ol ol li,
body.construction div#content-main ol ol ol li,
body.construction div#content-main ul ol ol li,
body.construction div#content-main ol ul ol li,
body.construction div#content-main ul ul ol li,
body.construction div#content-main ol ol ol li,
body.it div#content-main ol li,
body.it div#content-main ul ol li,
body.it div#content-main ol ol li,
body.it div#content-main ol ol ol li,
body.it div#content-main ul ol ol li,
body.it div#content-main ol ul ol li,
body.it div#content-main ul ul ol li,
body.it div#content-main ol ol ol li {
	background:					none;
	padding-left:				0px;
}

div#content-side ul,
div.content-panel ul,
div#content-side ol,
div.content-panel ol {
	margin-bottom:				1.65em;
}
div#content-side ul li,
div.content-panel ul li,
div#content-side ol li,
div.content-panel ol li {
	background-position:		0 2px;
	background-repeat:			no-repeat;
	padding-left:				26px;
}
body.construction div#content-side ul li,
body.home-construction div.content-panel ul li,
body.construction div#content-side ol li,
body.home-construction div.content-panel ol li {
	background-image:			url(../images/construction/icons/icon-arrow-f0d800.gif);
}
body.it div#content-side ul li,
body.home-it div.content-panel ul li,
body.it div#content-side ol li,
body.home-it div.content-panel ol li {
	background-image:			url(../images/it/icons/icon-arrow-00a8e2.gif);
}
body.home-it div.content-panel ul li.more {
	background-image:			url(../images/it/icons/icon-arrow-000000.gif);
}

div#content-side ul li span,
div#content-inner div.content-panel ul li span {
	color:						#d2d2d2;
	padding-right:				14px;
}

div#content-side ul li a,
div#content-side ul li a:link,
div.content-panel ul li a,
div.content-panel ul li a:link,
div#content-side ol li a,
div#content-side ol li a:link,
div.content-panel ol li a,
div.content-panel ol li a:link {
	color:						#aaa;
	text-decoration:			none;
}

div#footer ul {
	float:						right;
	line-height:				165%;
}

div#footer ul li a,
div#footer ul li a:link {
	color:						#595957;
	text-decoration:			none;
}

div#footer ul li h5 {
	font-size:					1.2em;
	font-weight:				bold;
}

div#footer ul li.home,
div#footer ul li.company,
div#footer ul li.employers,
div#footer ul li.candidates,
div#footer ul li.specialist-areas,
div#footer ul li.contact-us {
	float:						left;
	width:						130px;
}
div#footer ul li.contact-us { 	width: 110px; }

div#footer ul li ul {
	float:						none;
	font-size:					1.1em;
}

div#footer ul li ul li a,
div#footer ul li ul li a:link {
	color:						#393938;
}
#sub-content-inner blockquote h4 img{
	float:left;
	padding:0 35px 43px;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
form#login-form fieldset {
	padding:					15px 0 0 40px;
}

form#login-form input.text {
	background-color:			#fff;
	border:						1px solid #d8d8d8;
	color:						#939393;
	float:						left;
	font-size:					10px;
	margin-right:				5px;
	padding:					4px 3px 3px 3px;
	width:						107px;	
}

form#login-form input.button {
	float:						left;
	height:						22px;
	width:						22px;
}

/** business catalyst overrides
------------------------------------------------------------------ */
.blog-post h2.post-title {
border-bottom:none;
}