/*
 Screen style    
 Site: Bourton
*/
body {
	font-size: 11px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin: 0px;
}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
.home #content .inner:after, .work:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#wrapper { width: 900px; margin: 0 auto; text-align: left; }

/* Header */
#header { height: 85px; position: relative; }
#header .logo { position: absolute; top: 0; left: 0; margin: 0; }
#header .logo img { display: block; }
#header .accessibility { display: none; }
#header .call {
	width: 168px;
	height: 27px;
	position: absolute;
	top: 32px;
	right: 0;
	font-size: 10px;
}
#header .call span { background-image: url(../images/text/call.gif); }

/* Search */
#search { float: right; width: 246px; height: 32px; background: url(../images/bg/search.gif) no-repeat; margin-bottom: 10px; }
.searchbox { margin-top: 4px; margin-left: 9px; }
#search p { margin: 0; padding: 4px 0 0 9px; }
#search input { margin: 0; vertical-align: middle; }
#search .search-txt { border: 1px solid #ccc; color: #666; padding: 3px 9px; width: 185px; }

/* Navigation */
#nav { height: 42px; width: 643px; float: left; }
#nav li { float: left; }
#nav a { background: #fff; display: block; height: 42px; line-height: 42px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; z-index: 1; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background: #fff; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 63px; margin-right: -2px; margin-left: -2px;}
#nav a#nav02 { width: 82px; margin-right: -2px; margin-left: -2px;}
#nav a#nav03 { width: 116px; margin-right: -2px; margin-left: -2px;}
#nav a#nav04 { width: 107px; margin-right: -2px; margin-left: -2px;}
#nav a#nav05 { width: 144px; margin-right: -2px; margin-left: -2px;}
#nav a#nav06 { width: 71px; margin-right: -2px; margin-left: -2px;}
#nav a#nav07 { width: 76px; margin-right: -2px; margin-left: -2px;}
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }

/* Inner */
#inner { width: 643px; float: left; }

/* Top */
#top { width: 642px; min-height: 240px; margin: 0 0 0 1px; background: url(../images/bg/top.gif) no-repeat; position: relative; }
#top .decorative { display: block; position: absolute; top: 0; right: 0; z-index: 5; }
#top .inner {
	width: 292px;
	position: relative;
	z-index: 10;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
#top .inner h1 { margin-bottom: 10px; }
#top .inner p { margin-bottom: 3px; line-height: 1.53; font-size: 1.09em; }

/* sIFR */
.sIFR-hasFlash h1.sifr { font-size: 27px; line-height: 29px; visibility: hidden; } 
.sIFR-hasFlash h1.sifr-smaller { font-size: 27px; line-height: 20px; visibility: hidden; } 

/* Content */
#content {
	min-height: 250px;
	margin-top: 20px;
	margin-right: 22px;
	margin-bottom: 20px;
	margin-left: 22px;
	clear: right;
}
#content a:hover { background: #A70721; color: #fff; text-decoration: none;  }
#content ul { list-style: square; margin: 0.5em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }

/* Case studies */
.work {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: both;
}
.work2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 190px;
}
.work3 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	clear: both;
	width: 190px;
}
.quote {
	font-size: 12px;
	background-color: #E0E0E0;
	padding: 15px;
	margin-left: 20px;
	width: 210px;
	margin-bottom: 0px;
}

.work .logo {
	float: left;
	display: block;
	border: 1px solid #ccc;
	margin-left: 20px;
	margin-right: 20px;
}
.work .desc {
	float: left;
	clear: right;
	width: 300px;
}
.work2 .desc2 {
	width: 180px;
	margin-left: 0px;
	margin-top: 0px;
}
.work3 .desc3 {
	clear: both;
}
.line {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}

.work .desc h3, .work2 .desc2 h3 { font-size: 1.08em; }
.work .desc p, .work2 .desc2 p { font-size: 0.92em; margin-bottom: 10px; }
#content .work .desc ul, #content .work2 .desc2 ul, #content .work3 .desc3 ul { list-style: none; margin: 0; font-size: 0.92em; }
.work .desc li.pdf, .work2 .desc2 li.pdf, .work3 .desc3 li.pdf {
	padding-left: 21px;
	background-image: url(../images/bg/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-bottom: 2px;
}
#content .work .info {
	float: right;
	margin: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
#content .work .info li { padding-left: 22px; background-position: 0 2px; background-repeat: no-repeat; list-style: none; margin-bottom: 12px; }
.work .info li.time { background-image: url(../images/bg/time.gif); }
.work .info li.email { background-image: url(../images/bg/email.gif); }
.work .info li.phone {
	background-image: url(../images/bg/phone.gif);
	padding-bottom: 2px;
}

/* Home page */
.sustainable-performance { width: 293px; height: 61px; }
.sustainable-performance span { background-image: url(../images/text/sustainable-performance.gif); }

/* Home: Content */
.home #content { margin: 9px 0 10px 1px; background: url(../images/bg/home-content.gif) no-repeat; padding-top: 11px; min-height: 100px; }
.home #content .inner { background: url(../images/bg/home-content.gif) bottom no-repeat; padding: 0 31px 11px 50px; }
.home #content .scheme { float: left; display: block; }
.home #content .approach { float: right; width: 288px; margin-top: 10px; color: #666; }
#wrapper #content .content2 {
	clear: both;
	float: right;
	width: 495px;
}

.home #content .approach img { display: block; margin: 0 0 12px 2px; }
.home #content .approach p { margin: 0; font-size: 11px; }
.home #content .approach p.desc .desc2{ margin-left: 6px; }

/* Sidebar */
#sidebar { float: right; width: 246px; }

/* Help Box */
.help-box { background: url(../images/bg/help-box.jpg) no-repeat; padding-top: 18px; margin: 9px 0 10px 0; }
.help-box .inner {
	background: url(../images/bg/help-box.jpg) bottom no-repeat;
	padding-top: 0;
	padding-right: 55px;
	padding-bottom: 18px;
	padding-left: 22px;
}
.help-title { width: 111px; height: 34px; margin-bottom: 15px; }
.help-title span { background-image: url(../images/text/help-title.gif); }
.help-box ul { margin-bottom: 13px; }
.help-box li { background: url(../images/bg/tick.gif) no-repeat; padding-left: 21px; font-size: 0.92em; margin-bottom: 8px; color: #666; }
.help-box p { margin: 0; }
.help-box p img { display: block; }

/* Added 11-05-2009 for single image, remove later */
.help-box { background: none; padding: 0; }
.help-box .inner { background: none; padding: 0; }

/* Box navigation */
.box-nav { background: url(../images/bg/box1.gif) no-repeat; padding-top: 4px; margin-bottom: 10px; }
.box-nav ul { background: url(../images/bg/box1.gif) bottom no-repeat; padding: 0 1px 4px 1px; }
.box-nav li { background: url(../images/bg/line1.gif) repeat-x; padding: 8px 10px 4px 21px; color: #666; }
.box-nav li ul { background: none; }
.box-nav li li { background: url(../images/bg/dot1.gif) 0 6px no-repeat; padding: 0 0 0 11px; margin-bottom: 2px; }
.box-nav li li a {
	text-decoration: none;
	color: #666;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}
.box-nav li.first { background: none; padding: 10px 10px 6px 21px; }
.box-nav h3 { font-size: 1em; }
.box-nav h3 a { text-decoration: none; }
.box-nav a:hover, .box-nav a.current { background: #666; color: #fff; }
.box-nav h3 a:hover, .box-nav h3 a.current { background: #a70721;	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px; }

/* Case studies navigation */
.case-studies-nav { background: url(../images/bg/box1.gif) no-repeat; padding-top: 4px; margin-bottom: 9px; }
.case-studies-nav ul { padding-left: 2px; background: url(../images/bg/box1.gif) bottom no-repeat; padding: 0 1px 4px 2px; }
.case-studies-nav li { background: url(../images/bg/line1.gif) repeat-x; padding-top: 1px; color: #666; }
.case-studies-nav li.first { background: none; padding-top: 0; }
.case-studies-nav a {
	display: block;
	width: 160px;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 73px;
	background-repeat: no-repeat;
	height: 59px;
}

.case-studies-nav a:hover {
	text-decoration: underline;
	color: #666666;
}
.case-studies-nav .all-sectors { margin-top: -2px; }
.case-studies-nav .all-sectors a { background-image: url(../images/bg/all-sectors.jpg); }
.case-studies-nav .defence a { background-image: url(../images/bg/defence.jpg); }
.case-studies-nav .finance a { background-image: url(../images/bg/finance.jpg); min-height: 58px; }
.case-studies-nav .construction { margin-bottom: -2px; }
.case-studies-nav .construction a { background-image: url(../images/bg/construction.jpg); min-height: 58px; }

/* Knowledge center navigation */
.kc-nav { background: url(../images/bg/box1.gif) no-repeat; padding-top: 18px; margin-bottom: 9px; }
.kc-nav .inner { background: url(../images/bg/box1.gif) bottom no-repeat; padding: 0 1px 4px 1px; min-height: 218px; }
.kc-nav h3 { color: #000; margin: 0 20px 12px 20px; font-size: 1.36em; }
.kc-nav h4 { color: #000; font-size: 1.17em; margin-bottom: 3px; }
.kc-nav ul { margin: 0; }
.kc-nav p { margin: 0; }
.kc-nav li { padding: 10px 20px; background: url(../images/bg/line1.gif) repeat-x; }
.kc-nav li .pdf { padding: 1px 0 1px 20px; background: url(../images/bg/pdf.gif) left center no-repeat; }
.kc-nav li a:hover { background: #a70721; color: #fff; text-decoration: none; }

/* Tools and Techniques */
.tools-techniques { background: url(../images/bg/box1.gif) no-repeat; padding-top: 10px; }
.tools-techniques .inner { background: url(../images/bg/box1.gif) bottom no-repeat; padding: 0 1px 4px 1px; min-height: 226px; }
.tools-techniques h2 { background: url(../images/bg/line1.gif) bottom repeat-x; padding: 4px 10px 14px 18px; }
.tools-techniques p { margin: 5px 18px 5px 18px }
.tools-techniques ul { margin: 15px 18px 5px 0; font-size: 1.09em; }
.tools-techniques li { float: left; margin: 0 0 5px 18px; width: 0.75em; }
.tools-techniques li.numbers { width: 5.2em; }
.tools-techniques li a:hover { background: #a70721; color: #fff; text-decoration: none; }

/* Knowledge center columns */
.kc-col1 { float: left; width: 250px; margin: 36px 0 25px 0; }
#content .kc-col1 ul { list-style: none; margin: 0 0 15px 0; }
#content .kc-col1 li { margin-bottom: 3px; }
.kc-col2 { float: left; width: 244px; margin: 36px 54px 25px 40px; }
.kc-col2 h2 { margin-bottom: 20px; }
#content .kc-col2 ul { list-style: none; margin: 0 0 15px 0; }
#content .kc-col2 ul a { font-size: 1.09em; font-weight: bold; }
.kc-col3 { float: left; width: 244px; margin: 36px 0 25px 0; }
.kc-col3 h2 { margin-bottom: 18px; }
.kc-col3 h3 { color: #333; font-size: 1.27em; font-family: "Trebuchet MS", Geneva, lucida, sans-serif; }
.kc-col3 .pdf { padding: 1px 0 0 20px; background: url(../images/bg/pdf.gif) left center no-repeat; }

/* Public courses dates */
.public-courses-dates { font-size: 1.17em; margin-bottom: 20px; }
.public-courses-dates th { padding: 5px 15px 5px 0; font-weight: bold; vertical-align: top; }
.public-courses-dates td { padding: 5px 0; vertical-align: top; }
#content .public-courses-dates ul { list-style: none; margin: 0; }

/* Training table */
table.training {
	border-collapse: collapse;
	border: 1px solid #333;
	margin-top: 1em;
	margin-bottom: 2em;
}
table.training th { border: 1px solid #333; font-weight: bold; padding: 2px 15px 4px 15px; color: #333; text-align: center; }
table.training th.main { font-size: 1.09em; }
table.training td { border: 1px solid #333; text-align: center; padding: 10px 8px; vertical-align: top; }
#content table.training td ul { list-style: none; margin: 0; }
#content table.training td li { margin-bottom: 6px; }
table.training-2-cols td { width: 48%; }
table.training-3-cols td { width: 30%; }
table.training-4-cols td { width: 24%; }
table.training-5-cols td { width: 18%; }

/* Secondary navigation */
.sec-nav { margin: 60px 0 20px 21px; }
.sec-nav h3 { font-size: 1em; margin-bottom: 10px; }
.sec-nav li { list-style: square; color: #666; margin-bottom: 8px; margin-left: 15px; padding: 0; list-style-position: outside; }
.sec-nav a {
	text-decoration: none;
	color: #666;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}
.sec-nav a:hover, .sec-nav a.current { background: #666; color: #fff; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 380px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

/* Footer */
#footer { clear: both; background: url(../images/bg/footer.gif) no-repeat; padding: 25px 42px 17px 20px; border-bottom: 8px solid #A70721; color: #666; }
#footer a { color: #666; 	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;}
#footer a:hover { background: #666; color: #fff; text-decoration: none; }
#footer p { margin-bottom: 5px; }
#footer strong { color: #000; }

/* vCard */
#footer .vcard { float: left; width: 621px; margin-top: 3px; }
#footer .vcard strong { color: #000; }
#footer .vcard .tel { margin-right: 11px; }
#footer .vcard li { float: left; margin-left: 15px; }
#footer .vcard li.first { margin: 0; }

/* Footer Newsletter */
#footer .newsletter { float: right;	width: 188px; }
#footer .newsletter h3 { width: 79px; height: 13px; margin-bottom: 8px; }
#footer .newsletter h3 span { background-image: url(../images/text/newsletter.gif); }
#footer .newsletter .email { font-size: 0.92em; color: #000; border: 1px solid #666; padding: 3px 5px; width: 122px; }
#footer .newsletter input { margin: 0; vertical-align: middle; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important;	margin: 0; }
.sIFR-replaced {	visibility: visible !important; }
span.sIFR-alternate {	position: absolute;	left: 0;	top: 0;	width: 0;	height: 0;	display: block;	overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
#wrapper #inner #content #narrow {
	width: 70%;
}
.icon {
	margin-right: 5px;
	margin-bottom: -3px;
}
.backtop {
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.backtop a{
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
.smallprint {
	font-size: 10px;
	margin-top: 5px;
}