/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px; background:url(../images/background/footer-bg.gif) bottom left repeat-x}
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.8em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.2em; color:#333; margin:0 0 12px 0 }
span { color:#3366cc }
a { color:#fe0000 }
a:hover { color:#fff; background:#fe0000 }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.2em; color:#333 }
ol { margin:0 0 12px 0; font-size:1.2em }
dl { margin:0 0 12px 0; font-size:1.2em; color:#333  }
hr { display:block; background:#e3e3e3; color:#e3e3e3; width:100%; height:1px; border:none; clear:both; margin:12px 0 }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - titles */
h1#index-ttl { background:url(../images/titles/index-ttl.jpg) top left no-repeat; text-indent:-9000px; height:24px; margin:15px 0 31px 0; width:949px; float:left  }
h1#services-ttl { background:url(../images/titles/services-ttl.jpg) top left no-repeat; text-indent:-9000px; height:24px; margin:15px 0 31px 0; width:949px; float:left  }
h1#projects-ttl { background:url(../images/titles/projects-ttl.jpg) top left no-repeat; text-indent:-9000px; height:25px; margin:15px 0 30px 0; width:949px; float:left  }
h1#training-ttl { background:url(../images/titles/training-ttl.jpg) top left no-repeat; text-indent:-9000px; height:25px; margin:15px 0 30px 0; width:949px; float:left  }
h1#contact-ttl { background:url(../images/titles/contact-ttl.jpg) top left no-repeat; text-indent:-9000px; height:19px; margin:15px 0 36px 0; width:949px; float:left  }

h2#about-wright-build-ttl { background:url(../images/titles/about-wright-build-ttl.jpg) top left no-repeat; text-indent:-9000px; height:17px }
h2#strap-line { background:url(../images/titles/strap-line.jpg) top left no-repeat; text-indent:-9000px; height:14px }
h2#your-details { background:url(../images/titles/your-details.gif) top left no-repeat; text-indent:-9000px; height:14px; width:111px; margin-top:12px }
h2#enquiry-information { background:url(../images/titles/enquiry-information.gif) top left no-repeat; text-indent:-9000px; height:18px; width:183px; margin-top:12px }

h3#testimonials-ttl { background:url(../images/titles/testimonials.gif) top left no-repeat; width:97px; height:13px; text-indent:-9000px }

h4#compliance { border-top:solid 1px #e3e3e3; margin-top:22px; padding-top:22px}

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - wrapper */
div.wrapper { width:949px; margin:0 auto; position:relative }

/* 3.3 - header */
div#header { background:#f0f0f0; padding-top:18px }
div#header p#phone-number { text-indent:-9000px; background:url(../images/global/phone-number.gif) top left no-repeat; width:219px; height:17px; float:left }

/* 3.4 - flash banner */
div#flash-banner { height:256px; background:url(../flash/banner.jpg) top center no-repeat }
div#flash { width:626px; height:256px; float:right; z-index:1000 }

/* 3.4 - content */
div#content { background:url(../images/background/content-bg.gif) top left repeat-x; text-align:left }

/* 3.5 - primary content */
div#primary-content { width:620px; float:left; clear:both }

/* 3.6 - secondary content */
div#secondary-content { width:309px; float:right }

/* 3.7 - tertiary content */
div#tertiary-content { width:949px; float:left; border-top:solid 1px #e3e3e3; margin-top:24px }

/* 3.8 - footer */
div#footer { border-top:solid 3px #4a4a4a; margin:70px 0; padding-top:23px }
div#footer p { float:right; clear:right; font-size:1.1em; color:#7a7a7a }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* 4.2 - primary navigation */
ul#primary-navigation { list-style:none; float:right; margin:0 0 12px 0; width:415px }
ul#primary-navigation li { padding:0 0 0 16px; float:left }
ul#primary-navigation li a { background-position:100% 0;  }
ul#primary-navigation li a:hover {  background-position:0 100%}
ul#primary-navigation li a.current {  background-position:0 100%}

#home-btn { width:44px; text-indent:-3000px }
#home-btn a { width:44px; height:21px; background:url("../images/navigation/home.gif") top left no-repeat; display:block }
#services-btn { width:72px; text-indent:-3000px }
#services-btn a { width:72px; height:21px; background:url("../images/navigation/services.gif") top left no-repeat; display:block }
#projects-btn { width:76px; text-indent:-3000px }
#projects-btn a { width:76px; height:21px; background:url("../images/navigation/projects.gif") top left no-repeat; display:block }
#training-btn { width:72px; text-indent:-3000px }
#training-btn a { width:72px; height:21px; background:url("../images/navigation/training.gif") top left no-repeat; display:block }
#contact-btn { width:71px; text-indent:-3000px }
#contact-btn a { width:71px; height:21px; background:url("../images/navigation/contact.gif") top left no-repeat; display:block }

/* 4.3 - lists */
ul.bullet-list { list-style:none; margin-left:21px }
ul.bullet-list li { padding-left:15px; background:url(../images/global/bullet-list-arrow.gif) left center no-repeat }

ul.client-list { list-style:none; float:left; font-weight:bold; width:250px; margin-left:36px }

dl.info-cols { width:310px; float:left; margin-top:19px; margin-right:9px }
dl.last { margin-right:0 }
dl.info-cols dt { margin:0 0 21px 0 }
dl.info-cols dd { margin:0 0 15px 0 }
dl.info-cols dd.image { float:right; width:83px; margin:0 }
#info-cols-1-ttl { background:url(../images/global/info-cols-1-ttl.jpg) top left no-repeat; width:178px; height:12px; text-indent:-9000px }
#info-cols-2-ttl { background:url(../images/global/info-cols-2-ttl.jpg) top left no-repeat; width:213px; height:14px; text-indent:-9000px }
#info-cols-3-ttl { background:url(../images/global/info-cols-3-ttl.jpg) top left no-repeat; width:75px; height:11px; text-indent:-9000px }

ul#associates { list-style:none; float:left }
ul#associates li { text-indent:-9000px; float:left; margin-right:11px }
ul#associates li a { display:block }
#chas a { background:url(../images/associates/chas-logo.png) left center no-repeat; width:70px; height:52px }
#niceic a { background:url(../images/associates/niceic-logo.png) left center no-repeat; width:76px; height:45px }
#gas-safe a { background:url(../images/associates/gas-safe-logo.png) left center no-repeat; width:41px; height:46px }
#fensa a { background:url(../images/associates/fensa-logo.png) left center no-repeat; width:97px; height:44px }
#fmb a { background:url(../images/associates/fmb-logo.png) left center no-repeat; width:31px; height:46px }
#construction-line a { background:url(../images/associates/construction-line-logo.png) left center no-repeat; width:45px; height:46px }
#investor-in-people a { background:url(../images/associates/investor-in-people-logo.png) left center no-repeat; width:69px; height:46px }

div.list-wrapper { width:620px; clear:both }
dl.services { background:url(../images/background/services-list.gif) bottom left no-repeat; width:302px; float:left; min-height:150px }
dl.second { margin-left:8px }
dl.services dt#heating-engineers { background:url(../images/titles/heating-engineers.jpg) top left no-repeat; width:302px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services dt#electrical { background:url(../images/titles/electrical.jpg) top left no-repeat; width:302px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services dt#joinery-security { background:url(../images/titles/joinery-security.jpg) top left no-repeat; width:302px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services dt#general-works { background:url(../images/titles/general-works.jpg) top left no-repeat; width:302px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services dt#security { background:url(../images/titles/security.jpg) top left no-repeat; width:302px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services dd { width:131px; float:left; background:url(../images/global/services-arrow.gif) left center no-repeat; padding-left:10px; margin-left:10px; line-height:1.0em; margin-bottom:8px; color:#4a4a4a }
dl.services dd.bottom { width:300px }
dl.services-cta { background:url(../images/background/services-list-cta.gif) bottom left no-repeat; width:612px; float:left; min-height:130px; }
dl.services-cta dt#emergency-callout { background:url(../images/titles/emergency-callout.jpg) top left no-repeat; width:612px; height:35px; text-indent:-9000px; margin-bottom:10px }
dl.services-cta dd { padding:0 17px }

dl.previous-projects-big { background:url(../images/projects/big-list-background.gif) bottom left no-repeat; width:620px; float:right; padding-bottom:16px; min-height:86px  }
dl.previous-projects-big dt { float:right; width:559px; margin-bottom:10px }
dl.previous-projects-big dd { float:right; width:526px; padding:0 10px }
dt#irwell-valley-ttl { background:url(../images/projects/irwell-valley-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#irwell-valley { background:url(../images/projects/irwell-valley-logo.jpg) top left no-repeat; width:61px; float:left; text-indent:-9000px; height:89px; padding:0 }

dl.previous-projects { background:url(../images/projects/list-background.gif) bottom left no-repeat; width:300px; float:left; padding-bottom:16px; min-height:86px  }
dl.previous-projects dt { float:right; width:242px; margin-bottom:10px }
dl.previous-projects dd { float:right; width:222px; padding:0 10px }
dl.previous-projects-alt { background:url(../images/projects/list-background.gif) bottom left no-repeat; width:300px; float:right; padding-bottom:16px; min-height:86px  }
dl.previous-projects-alt dt { float:right; width:242px; margin-bottom:10px }
dl.previous-projects-alt dd { float:right; width:222px; padding:0 10px }
dt#trafford-housing-ttl { background:url(../images/projects/trafford-housing-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#trafford-housing-trust { background:url(../images/projects/trafford-housing-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#adactus-housing-ttl { background:url(../images/projects/adactus-housing-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#adactus-housing-trust { background:url(../images/projects/adactus-housing-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#university-of-salford-ttl { background:url(../images/projects/university-of-salford-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#university-of-salford { background:url(../images/projects/university-of-salford-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#salford-city-housing-ttl { background:url(../images/projects/salford-city-housing-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#salford-city-housing { background:url(../images/projects/salford-city-housing-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#bury-council-ttl { background:url(../images/projects/bury-council-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#bury-council { background:url(../images/projects/metropolitan-borough-of-bury-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#university-of-manchester-ttl { background:url(../images/projects/university-of-manchester-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#university-of-manchester { background:url(../images/projects/university-of-manchester-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }
dt#gm-procure-ttl { background:url(../images/projects/gm-procure-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#gm-procure { background:url(../images/projects/gm-procure-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:71px; padding:0 }
dt#russley-care-homes-ttl { background:url(../images/projects/russley-care-homes-ttl.gif) top right no-repeat; text-indent:-9000px; height:22px }
dd#russley-care-homes { background:url(../images/projects/russley-care-homes-logo.jpg) top left no-repeat; width:58px; float:left; text-indent:-9000px; height:70px; padding:0 }

ul#side-buttons { margin:22px 0; list-style:none; float:left; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; }
ul#side-buttons li { padding:22px 0; float:left }
a#our-work-btn-big { background:url(../images/call-to-action/our-work-btn-big.jpg) top left no-repeat; height:174px; width:307px; text-indent:-9000px; display:block; margin-right:5px }
a#our-work-btn-big:hover { background-position:50% -174px }
a#training-and-development-btn-big { background:url(../images/call-to-action/training-and-development-btn-big.jpg) top left no-repeat; height:174px; width:307px; text-indent:-9000px; display:block }
a#training-and-development-btn-big:hover { background-position:50% -174px }

ul#side-buttons2 { margin:22px 0; list-style:none; float:left; border-top:solid 1px #e3e3e3; }
ul#side-buttons2 li { padding:22px 0; float:left; border-bottom:solid 1px #e3e3e3;  }
a#our-work-btn { background:url(../images/call-to-action/our-work-btn.jpg) top left no-repeat; height:123px; width:152px; text-indent:-9000px; display:block; margin-right:5px }
a#our-work-btn:hover { background-position:50% -123px }
a#training-and-development-btn { background:url(../images/call-to-action/training-and-development-btn.jpg) top left no-repeat; height:123px; width:152px; text-indent:-9000px; display:block }
a#training-and-development-btn:hover { background-position:50% -123px }

ul#footer-links { list-style:none; float:right; margin:0 0 20px 0 }
ul#footer-links li { display:inline; padding:0 4px; font-size:0.9em }
ul#footer-links li a { color:#7a7a7a }

/* 4.4 - buttons */
a.read-more-btn { background:url(../images/global/read-more-btn.gif) top left no-repeat; height:19px; width:75px; text-indent:-9000px; display:block }
a.read-more-btn:hover { background-position:50% -19px }


/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* index ctas */
a#cta-1-btn { background:url(../images/index/cta-1-btn.jpg) top left no-repeat; height:43px; width:308px; text-indent:-9000px; display:block }
a#cta-1-btn:hover { background-position:50% -43px }
a#cta-2-btn { background:url(../images/index/cta-2-btn.jpg) top left no-repeat; height:43px; width:308px; text-indent:-9000px; display:block }
a#cta-2-btn:hover { background-position:50% -43px }

#marqueecontainer {	position: relative;	height: 150px; background-color: white;	overflow: hidden; }
#vmarquee  {position:absolute; width: 98%; }
#vmarquee blockquote { color:#4a4a4a; font-style:italic }
#vmarquee cite { font-style:normal; font-size:1.0em; color:#000; font-weight:bold }

/* Contact Form */

#formHolder {float:left; width:100% }
#formHolder span.required {color:#ff0000; font-style:italic}
#formHolder legend {margin:0; border:0; padding:0; font-size:14px; color:black; font-weight:bold}
#formHolder fieldset {margin-bottom:20px; border:none; padding:0;}
#formHolder fieldset.submit {margin-bottom:20px; border:none; padding:0 20px 0 0; text-align:right}
#formHolder label {width:150px; float:left; text-align:right; display:block; cursor:pointer; padding:9px 10px 0 0; font:12px/18px Arial, Verdana, Times,}
#formHolder input.text, #formHolder textarea, #formHolder select {width:295px; margin:5px 15px 5px 0; border:1px solid #cecece; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444; background:#fff url(../images/background/contact-form.gif) left bottom repeat-x}
#formHolder input.required, #formHolder textarea.required, #formHolder select.required {width:295px; margin:5px 15px 5px 0; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444; border:1px solid #cecece; background:#fff url(../images/background/contact-form.gif) left bottom repeat-x}
#formHolder form ol {margin:20px 0 0 0; padding:0}
#formHolder form ol li {list-style:none; padding:5px 0 ; margin:0; }
#formHolder form ol li.last {border:0 none}
#formHolder form ol li input {margin:0 15px 0 0; }
#formHolder form ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#formHolder form ol li.chk input {margin:0 0 0 150px; border:0 none}
#formHolder form ol li select.thin-select { width: 5em; }
#formHolder form input#submit { margin-left:331px; font-size:1.3em }

div#formHolder div.error { background:#fcf9ce url(../images/misc/alert.gif) no-repeat top left; padding:15px 15px 5px 15px }
div#formHolder div.error h3 { color:#ff7e39; font-weight:bold; font-size:2em; margin:1px 0 10px 35px }
div#formHolder div.error p  {color:#ff7e39; margin-left:35px }
div#formHolder div.error ul li  { margin-left:35px; list-style:none; padding-left:15px; margin-bottom:3px; color:#ff7e39; background:transparent url(../images/icons/bullet.png) center left no-repeat }
div#formHolder form ol li.input-error { background:#FCF9CE url(../images/misc/alert.gif) no-repeat scroll 470px 10px; }
div#formHolder form ol li.input-error input { border:solid 1px #FF7E39 }
div#formHolder div.input-error { color:#FF7E39; margin-left:160px; padding:5px 0; }
div#formHolder span.note { color:#999999; display:block; font-size:0.8em; margin-bottom:10px; margin-left:160px; width:305px; }
div#formHolder span { color:#ff0000 }

div#basescript { width:800px; margin:auto }
div#basescript p { text-align:left; font-size:1.1em }


/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { clear:both; }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left;  }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.link { position:absolute; top:10px; right:21px; z-index:10; }
.link a { display:block; width:142px; height:35px; }
.link a:hover {  }
map { z-index:1 }