/*
* Author: 		Trevor Morris
* Contact:		trovster@gmail.com
* Notes:		This is the core file for the entire site.
*
* CONTENTS
* -------------------------
* == includes
* =l layout
* =s specific
* 
*/

/* == includes
--------------------------------------------------------------------------------------------------*/
@import url(reset.css);
@import url(grid.css);
@import url(techniques.css);
@import url(typography.css);
@import url(navigation.css);
@import url(forms.css);


/* =l layout
--------------------------------------------------------------------------------------------------*/
html, body {
	background: #333 url(img/bg.repeat.gif) repeat-x 0 0;
}
#outer {}
#container {
	position: relative;
	width: 940px;
	margin: 0 auto; padding: 0 10px;
}

#branding {
	overflow: hidden;
	height: 115px;
	padding-top: 35px; margin-bottom: 80px;
}
	#branding h1 {}
		#branding h1 a {
			width: 340px; height: 84px;
			background-image: url(img/select.logo.gif);
		}
		#branding h2.note,
		#branding #slideshow {
			position: absolute; top: 0; right: 0; z-index: 1;
			width: 600px; height: 230px;
		}
		

#content {
	position: relative; zoom: 1;
	padding: 55px 40px 120px;
	background: no-repeat 40px 226px;
}
	#content #content-primary {
		zoom: 1;
		width: 620px; min-height: 620px; _height: 620px;
	}
		#content #content-primary div.lede {
			height: 140px;
			margin-bottom: 36px; margin-left: -320px;
		}
		
	#content .clear {
		clear: both;
		height: 1px;
		font-size: 0.0; line-height: 0.0;
	}

#footer {
	clear: both;
	margin: 0 40px; padding: 15px 0 25px;
	border-top: 1px solid #666;
}

#footer p.contact {
	float: left; width: 650px;
	margin: 0 0 1.5em;
}
#footer p.contact a {
	height: 20px;
	background-image: url(img/footer.contact.gif);
}
#footer p.contact a:focus,
#footer p.contact a:hover,
#footer p.contact a:active {
	background-position: 0 -20px;
}

#friend-of-tdf {
	float: right; position: relative;
	width: 240px;
	margin: 0 -50px 0 0;
}
#friend-of-tdf a {
	height: 20px;
	background-image: url(img/footer.friend-of-tdf.gif);
}
#friend-of-tdf a:focus,
#friend-of-tdf a:hover,
#friend-of-tdf a:active {
	background-position: 0 -20px;
}

#privacy-policy {
	clear: both;
}
#privacy-policy a {
	text-transform: uppercase; color: #777; font-size: 0.9em; text-decoration: underline;
}
#privacy-policy a:focus,
#privacy-policy a:hover,
#privacy-policy a:active {
	text-decoration: none;
}



/* =s specific
--------------------------------------------------------------------------------------------------*/
#partner {
	overflow: hidden;
	padding-bottom: 100px;
}
#partner h4,
#partner h4 span {
	margin-top: 0;
	font-weight: normal; color: #ccc;
}
#partner h4 strong {
	color: #fff;
}
#content #partner h4 span.caps {
	display: inline;
	color: #ccc;
}
#partner h4 span {
	color: #666;
	margin-right: 3px;
}
body.home #partner,
body.news #partner {
	margin-top: 3em;
}
body.home #partner h4 span,
body.news #partner h4 span {
	display: block;
	margin-top: 2px;
}
body.news #partner h4 span.org {
	color: #3cf;
}
body.contact #partner {
	padding: 0;
}


ul#logos {
	position: absolute; left: 40px; bottom: 40px;
	width: 600px;
	margin: 0; padding: 0;
	list-style: none;
}
ul#logos li {
	float: left;
}
ul#logos li a {
	height: 64px;
	background-image: url(img/logos.gif);
}
ul#logos li#logo-alliance a {
	width: 106px;
	background-position: 0 0;
}
ul#logos li#logo-bccc a {
	width: 67px;
	background-position: -106px 0;
}
ul#logos li#logo-nacfb a {
	width: 87px;
	background-position: -173px 0;
}
ul#logos li#logo-telfordbusiness a {
	width: 120px;
	background-position: -265px 0;
}
ul#logos li#logo-shropshirechamber a {
	width: 62px;
	background-position: -393px 0;
}
ul#logos li#logo-linkedin a {
	width: 145px;
	background-position: -460px 0;
}

body.home #content #content-primary,
body.about #content #content-primary,
body.about-us #content #content-primary,
body.advice #content #content-primary,
body.options #content #content-primary,
body.contact #content #content-primary,
body.contacts #content #content-primary {
	width: 290px;
	padding-left: 320px;
	/*
	background: url(img/logos.gif) no-repeat 0 100%;
	*/
}


body #branding h2.note {
	background-image: url(img/header.home.jpg);
}
body.home #content {
	background-image: url(img/icon.home.gif);
}
body.home #content #content-primary div.lede {
	background-image: url(img/intro.home.gif);
}

body.about #branding h2.note,
body.about-us #branding h2.note {
	background-image: url(img/header.about.jpg);
}
body.about #content,
body.about-us #content {
	background-image: url(img/icon.about.gif);
}
body.about #content #content-primary div.lede,
body.about-us #content #content-primary div.lede {
	background-image: url(img/intro.about.gif);
}

body.advice #branding h2.note {
	background-image: url(img/header.advice.jpg);
}
body.advice #content {
	background-image: url(img/icon.advice.gif);
}
body.advice #content #content-primary div.lede {
	background-image: url(img/intro.advice.gif);
}

body.options #branding h2.note {
	background-image: url(img/header.options.jpg);
}
body.options #content {
	background-image: url(img/icon.options.gif);
}
body.options #content #content-primary div.lede {
	background-image: url(img/intro.options.gif);
}

body.contact #branding h2.note,
body.contacts #branding h2.note {
	background-image: url(img/header.contact.jpg);
}
body.contact #content,
body.contacts #content {
	background-image: url(img/icon.contact.gif);
}
body.contact #content #content-primary div.lede,
body.contacts #content #content-primary div.lede {
	background-image: url(img/intro.contact.gif);
}

body.testimonials #content #content-primary div.lede {
	margin-left: 0;
	background-image: url(img/intro.testimonial.gif);
}

body.advice #content ol li p {
	margin-bottom: 0;
}
body.advice #content ol li { 
	margin-bottom: 1.5em;
}

/* options */
body.options-confidential-invoice-discounting,
body.options-factoring,
body.options-payroll-finance,
body.options-property-finance,
body.options-bridging-loans,
body.options-asset-finance,
body.options-stock-finance,
body.options-trade-finance,
body.options-business-banking,
body.options-corporate-finance,
body.options-venture-capital {}

body.options-confidential-invoice-discounting #page-title,
body.options-factoring #page-title,
body.options-payroll-finance #page-title,
body.options-property-finance #page-title,
body.options-bridging-loans #page-title,
body.options-asset-finance #page-title,
body.options-stock-finance #page-title,
body.options-trade-finance #page-title,
body.options-business-banking #page-title,
body.options-corporate-finance #page-title,
body.options-venture-capital #page-title {
	position: relative; top: 0;left: 0; overflow: visible;
	width: auto; height: auto;
	font-size: 1.5em; line-height: 1.15; text-indent: 0; font-weight: normal;
}

body.options-confidential-invoice-discounting #content,
body.options-factoring #content,
body.options-payroll-finance #content,
body.options-property-finance #content,
body.options-bridging-loans #content,
body.options-asset-finance #content,
body.options-stock-finance #content,
body.options-trade-finance #content,
body.options-business-banking #content,
body.options-corporate-finance #content,
body.options-venture-capital #content {
	background-image: none;
	padding-bottom: 200px;
	min-height: 500px;
}

body.options-confidential-invoice-discounting #content #content-primary,
body.options-factoring #content #content-primary,
body.options-payroll-finance #content #content-primary,
body.options-property-finance #content #content-primary,
body.options-bridging-loans #content #content-primary,
body.options-asset-finance #content #content-primary,
body.options-stock-finance #content #content-primary,
body.options-trade-finance #content #content-primary,
body.options-business-banking #content #content-primary,
body.options-corporate-finance #content #content-primary,
body.options-venture-capital #content #content-primary {
	width: 620px; min-height: 0;
	padding: 160px 0 0 0;
	background: url(img/intro.options.gif) no-repeat 0 0;
}


body.vcard #content-primary dl {
	margin-bottom: 1em;
}
body.vcard #content-primary address,
body.vcard #content-primary dl dt,
body.vcard #content-primary dl dd {
	margin: 0;
}
body.vcard #content-primary dl dt {
	float: left;
	margin-right: 7px;
	color: #329996;
}
body.vcard #content-primary dl dd a {
	color: #fff;
}
body.vcard div.contact form,
body.vcard div.contact div.confirmation {
	margin-top: 3em;
	font-size: 0.83333em;
}
body.vcard div.contact div.confirmation {
	font-size: 1.5em; line-height: 1.15;
}
body.vcard div.contact form label {
	color: #0FF;
}
body.vcard div.contact form fieldset.submit-fieldset input.submit {
	float: none;
	margin-top: 5px;
	height: 30px; width: 159px;
	background-image: url(img/submit-button.gif);
}
body.vcard div.contact form fieldset.submit-fieldset input.submit:focus,
body.vcard div.contact form fieldset.submit-fieldset input.submit:hover {
	background-position: 0 -30px;
}
body.vcard div.contact form fieldset.submit-fieldset input.submit:active {
	outline: 0;
	background-position: 0 -60px;
}



body.news #content #content-primary {
	width: 600px;
}
body.news #content-primary ul.archive {
	margin: 0;
	list-style: none;
}
body.news #content-primary ul.archive li {
	margin-bottom: 3em;
}
body.news #content-secondary {
	position: absolute; right: -50px; top: 150px; top: 275px;
}
#content-secondary h3 {
	color: #32BAE9; font-size: 1.2em; font-weight: normal;
}

body.news h3.entry-title {
	margin: 0;
	font-size: 2em; font-weight: normal;
}
body.news h3.entry-title,
body.news h3.entry-title a {
	color: #fff;
}
body.news .entry-content {
	overflow: hidden;
}
body.news .entry-content h4 {
	margin-bottom: 1em; color: #3C9; font-weight: normal; font-size: 1.15em;
}

/* testimonials */
body.testimonials #content-primary blockquote {
	margin-bottom: 20px;
	font-size: 1em; line-height: 1.5;
	border-bottom: 1px solid #424242;
}
body.testimonials #content-primary blockquote p {
	text-indent: 0; font-style: normal;
	font-family: Futura, "Century Gothic", AppleGothic, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
body.testimonials #content-primary blockquote p.intro {
	margin-bottom: 5px;
	font-size: 1.2em; font-weight: normal; color: #0ff;
}
body.testimonials #content-primary blockquote p.fn {
	margin-top: 2em; margin-bottom: 0;
}
body.testimonials #content-primary blockquote p.org {
	margin: 0; padding-bottom: 25px;
	color: #3cf;
	border-bottom: 1px solid #232323;
}
body.testimonials #content-primary blockquote p::before,
body.testimonials #content-primary blockquote p::after {
	content: "";
}
