/* 

Created by Ennovative Creationz
www.ennovative.co.nz

ToC

	1. defaults resets
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : inherit;
	font-style : inherit;
	font-size : 100%;
	font-family : inherit;
	vertical-align : baseline;
	} 
:focus  {
	outline : 0;
	}
body {
	color : black;
	font : 0.6251em/1 Helvetica, Tahoma, Arial, sans-serif;
	}
ol, ul {
	list-style : none;
	}
table {
	border-collapse : separate;
	border-spacing : 0;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content : "";
	}
blockquote, q {
	quotes : "" "";
	} 
	
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	text-align: left;
	font-style:normal; 
	font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */
	
br {
	clear:both;
	}
		
/*  --------- 2. structure  --------- */

body {
	background: url(../stock/bkgd.jpg) repeat top left;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
		}
.home #container {
	width: 1000px;  
	background: #FFFFFF;
	margin: 1em auto 0 auto;
	border: 1px solid #000000;
	text-align: left; 
}
.home #mainContent {
	margin-top:0px;
	padding: 0;
	
}

#masthead {
	position:relative;
	width:100%;
		}
		
#logo {
		}
		
.info {
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}

#showcase {
	background-color:#a8c545;
	margin:10px 0 30px 0;
	padding:30px 0 30px 0;
	}
		
#about {
	position:relative;
	float:left;
	background: url(../stock/about.png) no-repeat top left;
	width:455px;
	padding:60px 0 0 20px;
	margin:0 10px 0 15px;
	}
#do {
	position:relative;
	float:left;
	background: url(../stock/do.png) no-repeat top left;
	width:455px;
	padding:60px 0 0 20px;
	margin-right:15px;
	}



#news {
	position:relative;
	float:left;
	background: url(../stock/news.png) no-repeat top left;
	width:455px;
	padding:60px 0 0 20px;
	margin:0 10px 0 15px;
	}
.date {
	font-family:"Courier New", Courier, monospace;
	color:#00586b;
	padding-right:10px;
	}

#contact {
	position:relative;
	float:left;
	background: url(../stock/contact.png) no-repeat top left;
	width:455px;
	padding:60px 0 0 20px;
	margin-right:15px;
	margin-bottom: 10px;
}
#portfolio {
	position:relative;
	float:left;
	background: url(../stock/portfolio.png) no-repeat top left;
	width:100%;
	padding:60px 0 0 20px;
	margin-right:15px;
	margin-bottom: 10px;
	}


#footer {
	clear:both;
	background-color: #a8c545;
	height: 50px;
	}

.separator {
		clear: both;
		height:20px;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}
.leftIndent {
	margin-left: -20px;
	}

/* ---------- 3. links and navigation ---------- */

a, a:active, a:link, a:visited { 
	color:#7d983c;
	font-size:1.1em;
		}
	
a:hover {
	color:#776045;
		}


		
/* ---------- 4. fonts ---------- */


h1, h2, h3, h4, p, ul {
		}

h1 {
	font-size:1.8em;
		}
#masthead h1 {
	font-size:1.8em;
	margin-left:-5000em;
	display:none;
	}

h2 {
	font-size:1.6em;
	font-weight:bold;
		}
#masthead h2, #about h2, #do h2, #news h2, #contact h2, #portfolio h2 {
	font-size:1.6em;
	margin-left:-5000em;
	display:none;
	}
.showcaseTitle {
	margin: 0 0 3px 90px;
	color:#0092b2;
	}
 
h3 {
	font-size:1.4em;
		}
#news h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 5px 0 5px 0;
	color:#45342c;
	}
#do h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	margin:15px 0 10px 0;
	font-variant:small-caps;
	color:#0092b2;
	}
#thanks h3 {
	color:#0092b2;
	padding-bottom:20px;
	font-weight:bold;
	}
h4 {
	font-size:1.2em;
	}
.info h4 { 
	margin-bottom:10px;
}
	
p {
	font-size: 1.4em;
	line-height:1.514286em;
	margin: 5px 10px 5px 0;
		}

#news p {
	color:#666666;
	padding: 0 0 5px 20px;
	}

ul {
		}

blockquote {
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
.imgLeft {
	position:relative;
	float:left;
	margin:2px 5px 10px 0;
	}
		
.lrgImage {
	position:relative;
	float:left;
	margin:20px 10px 20px 20px;

}
		
/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	

#personalDetails {
	position:relative;
	float:left;
	margin: 10px 20px 5px 0;
	}
#comments {
	position:relative;
	float:left;
	margin: 10px 0 5px 0;
	}
.phone, .mob, .email {
	font : 1.3em Tahoma, Helvetica, Arial, sans-serif;
	}
.phone {
	float:left;
	background:url(../stock/phone.png) no-repeat top left;
	padding : 5px 0 5px 50px;
	margin: 10px 10px 10px 0;
	}
.mob{
	float:right;
	background:url(../stock/mob.png) no-repeat top left;
	padding : 5px 0 5px 30px;
	margin: 10px 30px 10px 0;
	}
.email {
	clear:both;
	background:url(../stock/email.png) no-repeat top left;
	padding : 5px 0 5px 50px;
	}
		
form {
		}
label {
	font-size:1.2em;
	}
textarea, input  {
	font : 1.2em/1.4 Tahoma, Helvetica, Arial, sans-serif;
	padding : 5px;
	border : none;
	}
input {
	background:url(../stock/inputBkgd.png) no-repeat top left;
	width : 180px;
	height:30px;
	}
textarea {
	background:url(../stock/textareaBkgd.png) no-repeat top left;
	width : 215px;
	height: 135px;
	padding: 5px 10px 15px 5px;
	} 
.submit {
	clear:both;
	background:url(../stock/btnBkgd.png) no-repeat top left;
	width : 100px;
	height: 30px;
	}
#thanks {
	margin-top:10px;
	border-top: #a8c545 20px solid;
	padding:50px;
	}

.valid {
	margin: 2px 20px 0 10px;
	float: left;
	}
.copyright {
	position:relative;
	float:right;
	}