/*

Haynes Dev - Global Stylesheet
http://www.haynesdev.co.uk/
Handwritten by Richard Wilmot

*/

																					/* ------------ Toolbox ------------ */

.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	
.left {	float:left; }
.right { float:right; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



																					/* ------------ Defaults ------------ */

body {
	background:#3e3e3e url('../images/body-bg.gif') repeat-x top center;
	color: #2f2f2f;
	font-family: Helvetica, Verdana, Tahoma,  Arial,  sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container { 
	margin: auto;
	width: 912px;
	}
	
p {
	margin-bottom:10px;
}
	
h2, h3 {
	color:#565656;
	font-weight:normal;
	font-size:150%;
	line-height:1.4em;
	margin-bottom:5px;
}

h3 {
	font-size:120%;
	margin-bottom:3px;
	font-weight:bold;
	color:#123885
}

h3 a {
	text-decoration:none;
	color:#123885
}

h3 a:hover {
	text-decoration:underline;
	color:#d92438
}

.blue-title {
	color:#333;
	font-weight:bold;
}

.img-float-left,
.img-float-right {
	background: url('../images/img-bg.png') no-repeat 0 0;
	float:left;
	height:114px;
	width:164px;
	padding:7px 0 0 7px;
	margin: 0 10px 0 0;
}

.img-float-right {
	background: url('../images/img-bg.png') no-repeat 0 0;
	float:right;
	margin: 0 0 0 10px;
}

.img-large {
	background: url('../images/img-large-bg.png') no-repeat 0 0;
	float:left;
	height:223px;
	width:363px;
	padding:7px 0 0 7px;
	margin: 0 10px 0 0;
}

	
	
																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.png') no-repeat 0 0;
	height: 96px;
	width: 897px;
	margin-top:30px;
	padding: 15px 0 0 15px
	}

#branding h1 a {
	background: url('../images/branding.gif') no-repeat 0 0;
	display: block;
	height: 91px;
	text-indent: -25000px;
	width: 882px;
	float:left
	}
	
	
	
																					/* ------------ Navigation ------------ */
																					
#nav {
	background: url('../images/content-container-bg.png') repeat-y 0 0;
	text-indent: -25000px;
	width: 882px;
	float:left;
	height:30px;
	padding:0 15px 0 15px
	}

#nav li {
	float: left;
	}

#nav a {
	display: block;
	width:147px;
	height:30px
	}
	
#nav a:hover {
	background-position:0 -30px
	}


#home #nav-home a,
#about #nav-about a,
#services #nav-services a,
#portfolio #nav-portfolio a,
#contact #nav-contact a,
#links #nav-links a {
	background-position:0 -30px
}

#nav-home a {
	background: url('../images/nav-home.gif') repeat-y 0 0;
	width:148px;
}

#nav-about a {
	background: url('../images/nav-about.gif') repeat-y 0 0;
}

#nav-services a {
	background: url('../images/nav-services.gif') repeat-y 0 0;
}

#nav-portfolio a {
	background: url('../images/nav-portfolio.gif') repeat-y 0 0;
	width:148px;
}

#nav-contact a {
	background: url('../images/nav-contact.gif') repeat-y 0 0;
}

#nav-links a {
	background: url('../images/nav-links.gif') repeat-y 0 0;
	width:145px;
}


																					/* ------------ Content ------------ */
																					
#content-container {
	background: url('../images/content-container-bg.png') repeat-y 0 0;
	width: 882px;
	float:left;
	padding:5px 15px 5px 15px
	}
	
#content {
	background:#abaa9d url('../images/content-bg.gif') repeat-x top left;
	width: 802px;
	padding:30px 40px 30px 40px;
	}
	
	
																					/* ------------ Columns ------------ */
																					
#home #col-1 {
	width:434px;
	float:left;
	padding-right:30px;
	border-right:#a3a3a2 solid 1px;
	}
	
#home #col-2 {
	width:337px;
	float:left;
	text-align:right;
	padding-left:0px;
	}
	
#col-1 {
	width:370px;
	float:left;
	padding-right:30px;
	border-right:#a3a3a2 solid 1px;
	}
	
#col-2 {
	width:370px;
	float:right;
	padding-left:30px;
	}
	
																					/* ------------ Headers ------------ */
																	
#commercial-header,
#residential-header,
#gallery-header,
#maintenance-header,
#construction-header,
#address-header,
#tel-header,
#fax-header,
#email-header,
#form-header,
#links-header {
	background: url('../images/commercial-header.png') no-repeat 0 0;
	width:320px;
	float:left;
	padding: 12px 0 0 50px;
	margin-bottom:10px
}

#residential-header {
	background: url('../images/residential-header.png') no-repeat 0 0;
}

#gallery-header {
	background: url('../images/gallery-header.png') no-repeat 0 0;
}

#maintenance-header {
	background: url('../images/maintenance-header.png') no-repeat 0 0;
}

#construction-header {
	background: url('../images/construction-header.png') no-repeat 0 0;
}

#address-header {
	background: url('../images/address-header.png') no-repeat 0 0;
}

#tel-header {
	background: url('../images/tel-header.png') no-repeat 0 0;
}

#fax-header {
	background: url('../images/fax-header.png') no-repeat 0 0;
}

#email-header {
	background: url('../images/email-header.png') no-repeat 0 0;
}

#form-header {
	background: url('../images/form-header.png') no-repeat 0 0;
}

#links-header {
	background: url('../images/links-header.png') no-repeat 0 0;
}
	

																					/* ------------ Home Page ------------ */
																					
#management-feature a,
#constructions-feature a {
	background: url('../images/home-feature-management.png') repeat-y 0 0;
	display:block;
	width:210px;
	height:121px;
	float:right;
	text-indent:-25000px;	
}

#constructions-feature a {
	background: url('../images/home-feature-construction.png') repeat-y 0 0;
}
	
																					/* ------------ About ------------ */
																					
#btn-pdf a {
	background: url('../images/btn-pdf.png') repeat-y 0 0;
	display:block;
	width:160px;
	height:27px;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:8px 0 0 29px;
	text-align:center;
	line-height:1em;
	float:right;
	margin-top:10px;
	font-size:90%;
}

#btn-pdf a:hover {
	background-position:0 -35px;
}


#magazine {
	background: url('../images/magazine.png') no-repeat 0 0;
	width:200px;
	height:133px;
	float:left;
	margin-right:15px;
	margin-bottom:25px;
	margin-top:25px
}





																					/* ------------ Portfolio + Links ------------ */

#commercial-header ul,
#residential-header ul,
#links-header ul {
	margin-bottom:20px;
}

#commercial-header li,
#residential-header li,
#links-header li,
.bullet li {
	background: url('../images/bullet.gif') no-repeat 0 0;
	padding-left:20px;
	margin-bottom:5px;
}

.bullet li {
	background: url('../images/bullet.gif') no-repeat 0 0;
	padding-left:20px;
	margin-bottom:2px;
}


#links-header li a {
	color:#123885;
	text-decoration:none
}

#links-header li a:hover {
	text-decoration:underline;
	color:#d92438
}

.gallery-bg {
	background: url('../images/gallery-bg.png') no-repeat 0 0;
	width:71px;
	height:71px;
	padding:7px;
	float:left;
	margin:7px 7px 0 0
}


																					/* ------------ Contact ------------ */

#contact td {
	width:185px;
}

#map-container  {
	background: url('../images/map-bg.png') no-repeat top left;
	width:795px;
	height:323px;
	padding:7px 0 0 7px;
}

#map {
	width:788px;
	height:316px;
}

/* ------------ Form ------------ */
	
legend {
	display: none;
	}
	
label {
	float:left;
	width: 70px;
	padding-top:12px;
	}	

fieldset {
	border: none;
	}
	
input, textarea {
	background: url('../images/input-small-bg.png') no-repeat top left;
	border:none;
	color: #2f2f2f;
	font-family: Helvetica, Verdana, Tahoma,  Arial,  sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
	padding: 11px;
	width: 218px;
	height:13px;
	float:left
	}
	
textarea {
	background: url('../images/input-large-bg.png') no-repeat top left;
	height:88px
	}
	
#spam {
	width: 20px;
	}

#submit {
	background: url('../images/btn-send.gif') no-repeat top left;
	border: none;
	height: 25px;
	padding: 0;
	width: 100px;
	float:right;
	text-indent: -25000px;
	margin-top:5px;
	margin-right:5px;
	}

#form div {
	margin-bottom: 10px;
	}	
	
.error {
	color: #780021;
	font-weight: bold;
	}

																					/* ------------ Footer ------------ */
	
#footer {
	background: url('../images/content-container-bg.png') repeat-y top left;
	clear: both;
	line-height: 1.2em;
	width: 912px;
	color:#899cc2;
	height:35px;
	font-size: 90%;
	padding:0 15px 0px 15px;
	margin-bottom:30px;
	}
	
#footer-box {
	width:872px;
	height:20px;
	padding:5px;
	background-color:#123885
}
			
#footer a {
	color: #899cc2;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#footer-links {
	float: left;
	padding: 6px 0 0 0
	}

#footer-links p {
	margin-bottom: 5px;
	}

#copyright {
	float:right;
	text-align:right
}
	
#azteclink {
	float: right;
	text-align: right;
	padding: 7px 10px 0px 0px;
	line-height: 1.3em;
	}