/* Project Details 
------------------------------------------------------------------------------------------------
	@author -- Pitch Limited (www.pitchmedia.co.nz)
	@updated -- 12 September 2008
	@version -- 0.8
------------------------------------------------------------------------------------------------*/

/* Reset All */
/*----------------------------------------------------------------------------------------------*/
html { background: #481e06 url(../img/structure/bg.jpg) top center repeat-y; }
body { font-size: 62.5%; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 1.5; color: #999999; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*----------------------------------------------------------------------------------------------*/

/* Structure */
/*----------------------------------------------------------------------------------------------*/

	div#header {
		width: 830px;
		height: 60px;
		margin: 0px auto;
		margin-bottom: 9px;
		}

	div#wrapper {
		width: 830px;
		height: 575px;
		margin: 0px auto;
		background: url(../img/structure/page_shadow.jpg) no-repeat;
		}
		
		div#wrapper.home { background: url(../img/structure/home_shadow.jpg) no-repeat; }
		div#wrapper.services { background: url(../img/structure/services_shadow.png) no-repeat; }
		
		div#home_image {
			width: 820px;
			height: 319px;
			}
			
		div#home_sections {
			width: 820px;
			height: 246px;
			background: #FFF;
			}
			
		div#image {
			width: 289px;
			height: 566px;
			float: left;
			}
			
		div#content {
			float: left;
			width: 483px;
			padding: 20px;
			margin-left: 10px;
			}
			
			div#large_box {
				width: 600px;
				display: none;
				}
		
			div#subnav {
				float: left;
				margin-left: 10px;
				}

	div#footer {
		width: 830px;
		color: #FFF;
		margin: 0px auto;
		font-size: 1.1em;
		text-transform: uppercase;
		}
		
/*----------------------------------------------------------------------------------------------*/


/* Specific Styles */
/*----------------------------------------------------------------------------------------------*/

	div#header ul li {
		float: left;
		font-weight: bold;
		font-size: 1.4em;
		}
	
	div#home_sections ul li {
		float: left;
		}
	
		div#home_sections ul li a {
			display: inline;
			float: left;
			width: 240px;
			height: 200px;
			margin-top: 23px;
			margin-left: 21px;
			margin-right: 8px;
			text-indent: -999em;
			background: url(../img/assets/section_1.jpg) no-repeat;
			}
			
		div#home_sections ul li a.custom {
			background: url(../img/assets/section_2.jpg) no-repeat;
			}
			
		div#home_sections ul li a.gallery {
			background: url(../img/assets/section_3.jpg) no-repeat;
			}
			
			
	ul.ticklist li {
		color: #333;
		font-size: 1.2em;
		padding-left: 25px;
		margin-bottom: 10px;
		background: url(../img/structure/litick.gif) no-repeat center left;
		}

	div#subnav li {
		float: left;
		}	
		
	div#footer ul li {
		float: left;
		}
		
		div.quotebox {
			margin: 10px 0px;
			font-size: 1.6em;
			color: #d7c7bf;
			}
			
		li.lightbox {
			font-size: 12px;
			color: #333;
			font-style: italic;
			padding: 15px 0px 15px 0px;
			border-bottom: 1px solid #e8e0dc;
			}
			
			.work { color: #b28871; }
			.name { display: block; color: #65b729; font-style: normal; margin-top: 4px;}
			.clear { clear: both; }
	
/*----------------------------------------------------------------------------------------------*/


/* Font Styles */
/*----------------------------------------------------------------------------------------------*/

	h2 {
		color: #65b729;
		font-size: 2.8em;
		font-family: GeosansLight, 'Trebuchet MS', sans-serif;
		}
	
	div#content h3 {
		color: #65b729;
		font-size: 2.2em;
		padding: 0px 0px 5px 0px;
		font-family: GeosansLight, 'Trebuchet MS', sans-serif;
		}
	
	div#content p {
		color: #333;
		font-size: 1.2em;
		margin: 0px 50px 1.2em 0px;
		line-height: 1.8em;
		}
		
		div#content p.phone {
		color: #333;
		width: 380px;
		font-size: 1.2em;
		margin: 0px 0px 0px 0px;
		padding: 6px;
		line-height: 1;
		background: #f3fcf0;
		border: 1px solid #abcea2;
		}
		
		strong {
		font-weight:bold;
		font-style: normal;}
		
		span.fix {
		margin-left: 8px;}
				
	div#footer p {
		float: right;
		margin-right: 10px;
		}

/* Gallery List*/
/*----------------------------------------------------------------------------------------------*/
		
	div#gallerycontainerbtm{
		background: url(../img/structure/gallerybtmbg.gif) no-repeat bottom center;
		padding: 20px 16px;
		}
	
	div#gallerycontainertop {
		background: url(../img/structure/gallerytopbg.gif) no-repeat top center;
		}
			
	ul#gallerylisting {
		clear: both;
		overflow: hidden;
		}
		
		ul#gallerylisting li {
			margin: 5px;
			float: left;
			background-color: #c5c5c5;
			width: 80px;
			height: 63px;
			overflow: hidden;
			border-top: 1px solid #e0dfdb;
			border-bottom: 1px solid #e0dfdb;
			}
		
			ul#gallerylisting li a {
				width: 80px;
				height: 63px;
				overflow: hidden;
				display: block;
				}
				
				ul#gallerylisting li a img {
					}
	
/*----------------------------------------------------------------------------------------------*/


/* Link Styles */
/*----------------------------------------------------------------------------------------------*/

	div#header h1 a#logo {
		display: block;
		width: 180px;
		height: 60px;
		float: left;
		text-indent: -999em;
		margin-right: 25px;
		background: url(../img/assets/logo.jpg) top center no-repeat;
		}
	
	div#header ul li a {
		display:block;
		float: left;
		color: #FFF;
		padding-left: 23px;
		padding-right: 23px;
		letter-spacing: 1px;
		text-decoration: none;
		padding-top: 43px;
		}
		
		div#header ul li a.selected  {
			background: url(../img/structure/light.png) top center no-repeat;
			}
			
		div#header ul li a:hover {
			text-decoration: underline;
		}
			
	div#content a {
		color: #48B605;
		}
		
		div#content a:hover {
			color: #6BCE2F;
			}
		
	div#subnav ul.services li a {
		display: block;
		float: left;
		width: 130px;
		height: 20px;
		padding-top: 5px;
		text-align: center;
		font-size: 1.2em;
		color: #333;
		text-decoration: none;
		background: url(../img/structure/sub_bg.jpg) repeat-x;
		}
		
		div#subnav ul.services li a.second {
			border-left: 1px solid #d1cfce;
			} 
		
		div#subnav ul.services li a:hover, div#subnav ul.services li a.selected  {
			color: #63b727;
			}
		
		div#subnav ul.services li a.selected  {
			background: #FFF;
			}
		
		div#footer ul li a {
			display: block;
			float: left;
			margin: 0px 18px 0px 18px;
		}
		div#footer a {
			color: #FFF;
			text-decoration: none;
			
			}
	
			div#footer a:hover {
				text-decoration: underline;
				}
	
			div#footer ul li a.first {
				margin-left: 0px;
				}

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

	label, label.block {
		width: 170px;
		display: block;
		float: left;
		color: #393a39;
		font-size: 1.3em;
		margin-right: 43px;
		margin-top: 10px;
		}
		
		label.block {
			float: none;
			padding-top: 10px;
			}
	
	input, select {
		width: 170px;
		display: block;
		float: left;
		font-size: 1.3em;
		margin-right: 30px;
		padding: 5px;
		border: 1px solid #cfcaca;
		}
		
	textarea {
		display:block;
		width: 400px;
		font-size: 1.3em;
		margin-bottom: 0px;
		border: 1px solid #cfcaca;
		}
		
	input.submit {
		display: block;
		float: none;
		width: 180px;
		height: 65px;
		cursor: pointer;
		border: none;
		margin-top: 10px;
		text-indent: -999em;
		background: url(../img/structure/submit.jpg);
		background-position: top;
		}
		
		input.submit:hover {
			background: url(../img/structure/submit.jpg);
			background-position: bottom;
			}
		
/* The End 
------------------------------------------------------------------------------------------------
	And this is the end of the stylesheet, yep that it's it. Don't steal our code, otherwise
	we will come after your lunch money, and you wouldn't like that, would you?
------------------------------------------------------------------------------------------------*/