/* -------------------- Body -------------------- */
	html,div,span,object,h1,h2,h3,h4,h5,h6,p,a,del,em,font,img,strong,sub,sup,tt,var,ol,ul,li,form,label,table,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;
		}


/* -------------------- remember to define focus styles! -------------------- */
	focus{
		outline:0;
		}

	body{
		margin: 0; 
		padding: 0; 
		font-size:62.5%;
		line-height:1.5em;
		}

	ol,ul{
		list-style:none;
		}

/* Start of Specific Styles */
	body{
		background:#959595 url(layout/8.png) repeat;
		margin:0 auto;
		font-family:Arial,Helvetica,sans-serif;
		color:#454545;
		}

/* #-------------------- General -------------------- */
	img,input,select,option{
		vertical-align:middle;
		}

	p{
		font-size:1.1em;
		line-height:1.3em;
		padding-bottom:10px;
		}

	h1{
		font-size:3.0em;
		padding-bottom:10px;
		}

	h2{
		font-size:2em;
		color:#99CC33;
		line-height:1.2em;
		margin-bottom:15px;
		}

	h3{
		font-size:1.7em;
		margin-top:10px;
		color:#99CC33;
		}

	h4{
		font-size:1.3em;
		}

	em, i {
		font-style:italic;
		}

/* ########## Links ########## */
	a{
		color:#99CC33;
		text-decoration:none;
		}

	a:hover{
		text-decoration:underline;
		}


/* -------------------- Useful -------------------- */
	.left{
		float:left;
		}

	.right{
		float:right;
		}

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

	.clear{
		display:inline-table;
		}

/* Hides from IE-mac */
	html .clear{
		height:1%;
		}

	.clear{
		display:block;
		}

/* End hide from IE-mac */
	.clear{
		clear:both;
		}

/* -------------------- LIGHTBOX -------------------- */

	#lightbox{	
		position: absolute;	
		left: 0; 
		width: 100%; 
		z-index: 100; 
		text-align: center; 
		line-height: 0;
		}

	#lightbox img{
		width: auto; 
		height: auto;
		}

	#lightbox a img{ 
		border: none;
		}

	#outerImageContainer{ 
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		}

	#imageContainer{
		padding: 10px;
		}

	#loading{
		position: absolute; 
		top: 40%; 
		left: 0%; 
		height: 25%; 
		width: 100%; 
		text-align: center; 
		line-height: 0;
		}

	#hoverNav{
		position: absolute; 
		top: 0; 
		left: 0; 
		height: 100%; 
		width: 100%; 
		z-index: 10; }

	#imageContainer>#hoverNav{ 
		left: 0;
		}

	#hoverNav a{
		outline: none;
		}

	#prevLink, #nextLink{
		width: 49%; 
		height: 100%; 
		background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;
		}

	#prevLink {
		left: 0; float: left;
		}

	#nextLink {
		right: 0; 
		float: right;
		}
	#prevLink:hover, #prevLink:visited:hover {
		background: url(images/prevlabel.gif) left 15% no-repeat;
		}

	#nextLink:hover, #nextLink:visited:hover {
		background: url(images/nextlabel.gif) right 15% no-repeat;
		}

	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif; 
		background-color: #fff; 
		margin: 0 auto; 
		line-height: 1.4em; 
		overflow: auto; 
		width: 100%;
		}

	#imageData{
		padding:0 10px; 
		color: 
		#666;
		}

	#imageData #imageDetails{
		width: 70%; 
		float: left; 
		text-align: left;
		}	

	#imageData #caption{ 
		font-weight: 
		bold;
		}

	#imageData #numberDisplay{ 
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;
		}			

	#imageData #bottomNavClose{ 
		width: 66px; 
		float: right; 
		padding-bottom: 0.7em; 
		outline: none;
		}	 	

	#overlay{
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 90; 
		width: 100%; 
		height: 500px; 
		background-color: #000;
		}


/* -------------------- LAYOUT STYLES -------------------- */
	#pagecenter{
		clear: both;
		}

	#content .content_contentHome{
		margin-left:25px;
		}

	#content{
		background-image:url(layout/content_bkgd.png);
		background-repeat:repeat-y;
		width:800px;
		margin:0 auto;
		position:relative;
		}

	#content .content_content{
		margin-left:25px;
		padding-bottom:25px;
		}

	#header{
		background-image:url(layout/header_bkgd.png);
		background-repeat: repeat-y;
		width:800px;
		margin:0 auto;
		}

	#header_content{
		margin-top:0px;
		margin-left:20px;
		}

	#footer{
		background-image:url(layout/footer_bkgd.png);
		background-repeat:no-repeat;
		background-position:bottom center;
		width:800px;
		height:110px;
		margin:0 auto;
		text-align:center;
		padding-top:50px;
		position:relative;
		}

	#footer_nav{
		font-size:1.1em;
		margin-top:30px;
		}

	#footer_nav a{
		color:#323232;
		}

	#footer_nav a.selected{
		color:#99CC33;
		font-weight:bold;
		}

	#footer_copyright{
		color:#F6F6F6;
		font-size:.9em;
		margin-top:10px;
		}

	#end{
		width:800px;
		height: 25px;
		margin:0 auto;
		position:relative;
		}

	#header{
		position:relative;
		}

	#header #logo{
		width:800px;
		height:75px;
		}

	#header #nav{
		width:800px;
		height:40px;
		padding-left:325px;
		}

	#header #nav ul{
		margin-top:5px;
		}

	#header #nav li{
		float:left;
		height:40px;
		padding-top:5px;
		}

	#header #nav li .navItem{
		float:left;
		height:30px;
		text-indent:-1000px;
		}

	#header #nav li .navItem a{
		height:30px;
		background-repeat:no-repeat;
		background-position:top left;
		display:block;
		overflow:hidden;
		}

	#header #nav li .navItem a:hover{
		background-position:0 -30px;
		}

	#header #nav li .navItemHome a{
		background-image:url(layout/nav_Home.gif);
		width:65px;
		}

	#header #nav li .navItemWork a{
		background-image:url(layout/nav_Work.gif);
		width:65px;
		}

	#header #nav li .navItemAbout a{
		background-image:url(layout/nav_About.gif);
		width:75px;
		}

	#header #nav li .navItemContact a{
		background-image:url(layout/nav_Contact.gif);
		width:85px;
		}

	#header #nav li .navItemBlog a{
		background-image:url(layout/nav_Blog.gif);
		width:65px;
		}

	#header #nav li .selected a{
		background-position:0 -30px;
		}

	#header #nav li + li{
		background-image:url(layout/header_separate_bkgd.gif);
		background-repeat:no-repeat;
		background-position:top left;
		padding-left:10px;
		margin-left:5px;
		}

	#header #nav li a{
		color:#3F3F3F;
		}

	#header #nav li a:hover{
		color:#99CC33;
		text-decoration:none;
		}

/* -------------------- Home Page -------------------- */
	 #mainOuterHome{
		background:url(layout/mainhome.png) no-repeat;
		width:750px;
		height:625px;
		}

	 #mainOuter{
		background:url(layout/main.png) no-repeat;
		width:750px;
		height:300px;
		}

	 #mainInnerHome{
		width:700px;
		height:30px;
		padding:25px 0 0 25px;
		}

	 #mainInner{
		width:700px;
		height:250px;
		padding:25px 0 0 25px;
		}

	 #workFeedWrap{
		margin-top:20px;
		}

	 #workWrap{
		width:325px;
		float:right;
		}
	
	 #homeCopy{
		width:300px;
		color:#757575;
		font-size:10px;
		font-style:italic;
		line-height:24px;
		padding-left:5px;
		margin-bottom:10px;
		}

	 #homeCopy p{
		font-size:15px;
		line-height:18px;
		padding-bottom:0;
		}

	#newsHeader{
		position:relative;
		background:url(layout/smlhead_news.gif) no-repeat scroll top left;
		width:325px;
		height:39px;
		text-indent:-10000px;
		margin-bottom:2px;
		}

	p.news{
		width:250px;
		color:#454545;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 20px;
		font-size:11px;
		font-style:italic;
		line-height:21px;
		padding:10px 5px 0 5px;
		margin-bottom:10px;
		}

	p.serif{
		width:700px;
		color:#777777;
		font-family: Georgia, serif;
		text-align: justify;
		font-size:1.2em;
		font-style:italic;
		line-height:1.1em;
		padding:5px 5px 10px  0;
		}



	 #leftcolWrap{
		float:left;
		margin-left:20px;
		}

	 #rightcolWrap{
		float:right;
		margin-right:35px;
		}

	 #featuredWork{
		background:url(layout/featured_bkgd.png) no-repeat scroll top left;
		width:400px;
		height:300px;
		}

	#featuredWorkHeader{
		background:url(layout/smlhead_featuredwork.gif) no-repeat scroll top left;
		width:400px;
		height:39px;
		text-indent:-10000px;
		}

	#featuredWorkHeader h2 {
		display:none;
		}

	#featuredWorkWrap{
		padding:25px 0 0 25px;
		height:300px;
		overflow:hidden;
		}

	.featuredWorkItem{
		position:relative;
		background-color:#e7e7e7;
		border:1px solid #d0d0d0;
		width:350px;
		height:215px;
		overflow:hidden;
		}

/* -------------------- Work Page -------------------- */
	 #workpageFeedWrap{
		margin-top:20px;
		}

	 #workpageWrap{
		width:350px;
		float:left;
		}

	#commercialHeader{
		background:url(layout/smlhead_commercial.gif) no-repeat scroll top left;
		width:350px;
		height:39px;
		text-indent:-10000px;
		}

	#commercialHeader h2 {
		display:none;
		}

	#commercialWork{
		background:url(layout/work_bkgd.png) no-repeat scroll top left;
		width:350px;
		height:300px;
		}

	#commercialWorkWrap{
		padding:25px 0 0 25px;
		height:300px;
		overflow:hidden;
		}

	#commercialItem{
		position:relative;
		background-color:#e7e7e7;
		border:1px solid #d0d0d0;
		width:300px;
		height:75px;
		overflow:hidden;
		margin-bottom: 10px;
		}

	.skate a{
		background:url(layout/th-skate.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.skate a:hover{
		background-position:0 -75px;
		}

	.misc a{
		background:url(layout/th-misc.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.misc a:hover{
		background-position:0 -75px;
		}

	.identity a{
		background:url(layout/th-identity.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.identity a:hover{
		background-position:0 -75px;
		}


	.illustration a{
		background:url(layout/th-illo.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.illustration a:hover{
		background-position:0 -75px;
		}

	.painting a{
		background:url(layout/th-paint.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.painting a:hover{
		background-position:0 -75px;
		}

	.photography a{
		background:url(layout/th-photo.jpg) no-repeat;
		height:75px;
		background-position:top left;
		display:block;
		overflow:hidden;

		}

	.photography a:hover{
		background-position:0 -75px;
		}


	#personalHeader{
		background:url(layout/smlhead_personal.gif) no-repeat scroll top left;
		width:350px;
		height:39px;
		text-indent:-10000px;
		}

	#personalHeader h2 {
		display:none;
		}

	 #personalWork{
		background:url(layout/work_bkgd.png) no-repeat scroll top right;
		width:350px;
		height:300px;
		}

	#personalWorkWrap{
		padding:25px 0 0 25px;
		height:300px;
		overflow:hidden;
		}

	#personalItem{
		position:relative;
		background-color:#e7e7e7;
		border:1px solid #d0d0d0;
		width:300px;
		height:75px;
		overflow:hidden;
		margin-bottom: 10px;
		}

	.returntowork a{
		background:url(layout/returntowork.jpg) no-repeat;
		width: 150px;
		height:40px;
		background-position:top left;
		display:block;
		overflow:hidden;
		margin: 0 0 0 560px;
		}

	.returntowork a:hover{
		background-position:0 -40px;
		}



/* -------------------- Individual Work Pages -------------------- */
	

	#workOuter{
		width:750px;
		height:100%;
		}

	 #workInnerTop{
		width:750px;
		height:25px;
		background: url(layout/workinnertop_bkgd.png) no-repeat;
		}


	 #workThumb {
		width:750px;
		height:500px;
		padding:0 0 25px 25px;
		background: url(layout/workinner_bkgd.png) repeat-y;
		}

	 #workInnerBottom{
		width:750px;
		height:25px;
		background: url(layout/workinnerbottom_bkgd.png) no-repeat;
		margin: 0 0 50px 0;
		}
	

	.workFloat {
  	float: left;
	padding: 2px 2px 2px 2px;
 	}


	#workThumb a img{
		width:50px;
		height:50px;
		overflow:hidden;
		}

/* -------------------- Skate Main Page -------------------- */

.returntoskate a{
		background:url(layout/returntoskate.jpg) no-repeat;
		width: 150px;
		height:40px;
		background-position:top left;
		display:block;
		overflow:hidden;
		margin: 0 0 0 560px;
		}

	.returntoskate a:hover{
		background-position:0 -40px;
		}

	#mainSkateItem li{
		float:left;
		width:170px;
		height:450px;
		overflow:hidden;
		padding: 10px 5px 0 0;
		}

	.skateDecks a{
		background:url(layout/th-decks.jpg) no-repeat;
		height:450px;
		background-position:top left;
		display:block;
		overflow:hidden;
		}

	.skateDecks a:hover{
		background-position:0 -450px;
		}

	.skateWheels a{
		background:url(layout/th-wheels.jpg) no-repeat;
		height:450px;
		background-position:top left;
		display:block;
		overflow:hidden;
		}

	.skateWheels a:hover{
		background-position:0 -450px;
		}

	.skateTrucks a{
		background:url(layout/th-trucks.jpg) no-repeat;
		height:450px;
		background-position:top left;
		display:block;
		overflow:hidden;
		}

	.skateTrucks a:hover{
		background-position:0 -450px;
		}

	.skateOther a{
		background:url(layout/th-other.jpg) no-repeat;
		height:450px;
		background-position:top left;
		display:block;
		overflow:hidden;
		}

	.skateOther a:hover{
		background-position:0 -450px;
		}


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


#contactpage-wrap {
	width: 600px;
	padding: 25px 50px 50px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #99cc66;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
	margin-right: 34px;
}

label {
	float: left;
	text-align: right;
	margin-right: 30px;
	width: 125px;
	padding-top: 5px;
	}