/*

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:#223770 url('../images/page-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: 960px;
	}


h2 {
	text-indent:-25000px;
	width:516px;
	height:62px;
}

h2.top {
	background: url('../images/h2-top.gif') no-repeat 0 0;
}

h2.bottom {
	background: url('../images/h2-bottom.gif') no-repeat 0 0;
}

	
h3 {
	font-size:175%;
	color:#FFF;
	font-weight:bold;
	margin-bottom:5px;
}
	


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

#branding {
	background: url('../images/branding-bg.jpg') no-repeat 0 0;
	height: 172px;
	width: 960px;
	margin-top:10px;
	}

#branding h1 a {
	display: block;
	height: 172px;
	text-indent: -25000px;
	width: 960px;
	float:left
	}
	
	
																					/* ------------ Hero ------------ */

#hero {
	background: url('../images/hero-bg.jpg') no-repeat 0 0;
	height: 187px;
	width: 960px;
	text-indent:-25000px;
	}
	
	




																					/* ------------ Content ------------ */
																					

	
#content {
	background: url('../images/copy-bg.gif') no-repeat 0 0;
	width: 900px;
	height:331px;
	padding:20px 30px 10px 30px;
	}
	
	
																					/* ------------ Columns ------------ */

	
#col-1 {
	width:525px;
	float:left;
	}
	
#col-2 {
	width:355px;
	float:right;
	}


																					/* ------------ Copy ------------ */

	
#services {
	background: url('../images/services-bg.gif') no-repeat 0 0;
	width:314px;
	height:181px;
	float:left;
	padding:20px;
	position:relative
}

#services .bullet li {
	background: url('../images/bullet.png') no-repeat 0 3px;
	padding-left:20px;
	color:#FFF;
	margin-bottom:5px;
	font-size:105%
}

#services .btn-tll a {
	background: url('../images/btn-tll.gif') no-repeat 0 0;
	position:absolute;
	display:block;
	right:10px;
	bottom:10px;
	width:113px;
	height:80px;
	text-indent:-25000px;
}

#services .btn-tll a:hover {
	background-position: 0 -80px;
}
	
#address {
	background: url('../images/icon-address.gif') no-repeat 0 0;
	width:142px;
	height:77px;
	float:left;
	color:#213770;
	font-weight:bold;
	font-size:115%;
	padding: 3px 0 0 55px;
	margin-top:10px
}	

#phone,
#fax {
	background: url('../images/icon-phone.gif') no-repeat 0 0;
	width:102px;
	height:25px;
	float:right;
	color:#213770;
	font-weight:bold;
	font-size:115%;
	padding: 10px 0 0 55px;
	margin-top:10px
}

#fax {
	background: url('../images/icon-fax.gif') no-repeat 0 0;
	margin-top:10px;
}
	
.cloud {
	margin-top:10px;
}
	
.cloud img {
	float:left;
	margin:0 7px 7px 0;
}
		
	
	
	
	
																				/* ------------ Footer ------------ */
	
#footer {
	clear: both;
	line-height: 1.2em;
	width: 960px;
	color:#94b6d3;
	height:35px;
	font-size: 90%;
	margin:10px 0 10px 0;
	}

			
#footer a {
	color: #94b6d3;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}

#copyright {
	float:left;
	width:660px;
}
	
#azteclink {
	float: right;
	text-align: right;
	width:300px;
	}