/* Coding and design by Hambo Design
-------------------------------------------------------------*/


body {
background-color: #fff;
color: black;
font: 62.5%/2em "Trebuchet MS", "Gill Sans", Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1;
text-align: center;
}

a:link {color: #369;}

a:visited {color: #369;}

a:hover {color: #fc3;}

a:active {}



/* Typography Settings
-------------------------------------------------------------*/

h1 {
font-size: 3em;
text-indent: -9999px;
}

h2 {
color: #ffcc33;
font-size: 3em;
margin-bottom: 0.5em;
}

h3 {
color: #0c487a;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 1em;
}

h4 {

}

p {
font-size: 1.2em;
line-height: 1.68em;
margin-bottom: 1em;
}

	p.intro_text {
	color: #369;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	.form-field p {
	margin: 0;
	padding-bottom: 5px;
	}

	#footer p {
	color: #336699;
	font-size: 1.1em;
	text-transform: uppercase;
	}



/* Classes
-------------------------------------------------------------*/

.clear {
clear: both;
color: #fff;
}

.list {
font-size: 1.2em;
list-style-type: disc;
margin-bottom: 20px;
padding-left: 15px;
}

	.list li {
	color: #666;
	line-height: 1.4em;
	margin-bottom: 5px;
	}


	
	
/* DIV Classes
-------------------------------------------------------------*/
		






/* DIV Areas
-------------------------------------------------------------*/

#container {
background: url(/assets/images/presentation/bg.gif) center repeat-y;
margin: 0 auto;
padding: 0 3px;
text-align: left;
width: 743px;
}

#header {
background: url(/assets/images/presentation/header.gif) no-repeat;
float: left;
height: 170px;
width: 743px;
}

	#navigation {
	background: #fff url(/assets/images/presentation/navigation.gif) no-repeat;
	float: left;
	height: 31px;
	margin: 94px 0 0 178px;
	width: 552px;
	}

#content {
clear: both;
float: left;
padding: 40px 40px 20px;
width: 663px;
}

#rightColumn {
float: right;
width: 266px;
}

	#sub-nav {
	height: 97px;
	margin-bottom: 30px;
	width: 266px;
	}
	
	#rotate {
	background: url(/assets/images/presentation/pic-frame.gif) no-repeat;
	height: 198px;
	padding: 3px 0 0 13px;
	width: 266px;
	}

#leftColumn {
width: 380px;
}

	#contact-us #leftColumn {
	width: 646px;
	}

#footer {
background: #fff url(/assets/images/presentation/footer.gif) no-repeat;
clear: both;
height: 100px;
padding-top: 20px;
margin: 0 auto;
text-align: left;
width: 759px;
}

	#footer-inner {
	padding-left: 45px;
	}

#footer-nav {
width: 600px;
}

	#footer-nav a {
	height: 10px;
	padding: 5px 0;
	}



/* Navigation Styling
-------------------------------------------------------------*/

#navigation ul {
height: 31px;
width: 552px;
}

	#navigation ul li {
	display: block;
	float: left;
	text-indent: -9999px;
	}
	
	#navigation ul li a {
	display: block;
	height: 31px;
	text-decoration: none;
	overflow: hidden;
	}
	
		li#nhome a {
		background: url(/assets/images/presentation/nhome.gif) no-repeat;
		height: 31px;
		width: 90px;
		}
		
		li#nhome a:hover, #home li#nhome a {
		background-position: 0px -31px;
		}
		
		li#nabout a {
		background: url(/assets/images/presentation/nabout.gif) no-repeat;
		height: 31px;
		width: 93px;
		}
		
		li#nabout a:hover, #about li#nabout a {
		background-position: 0px -31px;
		}
		
		li#nservices a {
		background: url(/assets/images/presentation/nservices.gif) no-repeat;
		height: 31px;
		width: 93px;
		}
		
		li#nservices a:hover, #services li#nservices a, #kerb-grinding li#nservices a, #line-removal li#nservices a, #road-profiling li#nservices a {
		background-position: 0px -31px;
		}
		
		li#nmachinery a {
		background: url(/assets/images/presentation/nmachinery.gif) no-repeat;
		height: 31px;
		width: 93px;
		}
		
		li#nmachinery a:hover, #machinery li#nmachinery a {
		background-position: 0px -31px;
		}
		
		li#nemployment a {
		background: url(/assets/images/presentation/nemployment.gif) no-repeat;
		height: 31px;
		width: 93px;
		}
		
		li#nemployment a:hover, #employment li#nemployment a {
		background-position: 0px -31px;
		}
		
		li#ncontact a {
		background: url(/assets/images/presentation/ncontact.gif) no-repeat;
		height: 31px;
		width: 90px;
		}
		
		li#ncontact a:hover, #contact li#ncontact a {
		background-position: 0px -31px;
		}
		
#sub-nav ul {
background: url(/assets/images/presentation/sub-nav.gif) no-repeat;
height: 97px;
padding-top: 10px;
width: 266px;
}

	#sub-nav ul li {
	display: block;
	height: 20px;
	margin: 0 0 0 120px;
	}
		
	#sub-nav ul li a {
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	}
	
	#sub-nav ul li a:hover {
	color: #ffcc33;
	}
	
	#road-profiling li#nroad a, #kerb-grinding li#nkerb a, #line-removal li#nline a {
	color: #ffcc33;
	}
	
	

#footer-nav ul {
width: 600px;
}

	#footer-nav ul li {
	float: left;
	height: 10px;
	margin-right: 5px;
	padding-bottom: 10px;
	}

	#footer-nav ul li a {
	border-right: 1px solid #369;
	float: left;
	padding: 0 5px 0 0;
	}


/* Contact Form Styling
-------------------------------------------------------------*/

form {
width: 520px;
}

fieldset {
background-color: #f5f5f5;
border: 1px #e4e4e4 solid;
margin-bottom: 15px;
padding: 0 10px 20px;
}

legend {
color: #300;
font-size: 1.2em;
font-weight: bold;
_margin-left: -7px;
padding: 0 5px;
}

label {
color: #369;
}

.form-field {
clear: both;
margin: 20px 0 10px;
width: 466px;
}

.label {
float: left;
padding-top: 4px;
width: 110px;
}

.field {
float: left;
width: 300px;
}

form input,
form textarea {
border: 1px solid #e4e4e4;
font-family: Helvetica, Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1em;
padding: 4px;
margin: 0;
line-height: 1.2em;
width: 97%;
}

input#button {
background: #f5f5f5;
color: #000;
padding: 10px 5px;
width: auto;
}



/* VCard Styling
-------------------------------------------------------------*/

.vcard {
background-color: #f5f5f5;
border: 1px solid #e4e4e4;
float: left;
margin-bottom: 20px;
padding: 20px 0 0 15px;
width: 508px;
}

.vcard-column {
background-color: #f5f5f5;
float: left;
width: 150px;
}

.vcard ul {
list-style-type: none;
margin-top: 10px;
padding: 0 0 10px 30px;
}

.vcard ul li {
font-size: 1.1em;
margin-bottom: 5px;
}

.vcard ul li.header {
font-size: 1.3em;
padding-bottom: 5px;
}

ul.telephone {
	  background: transparent url(/assets/images/icons/telephone.gif) no-repeat 0 2px;
	  }

ul.adr {
	  background: transparent url(/assets/images/icons/address.gif) no-repeat 0 2px;
	  }

ul.email {
	  background: transparent url(/assets/images/icons/email.gif) no-repeat 0 2px;
	  }