/* CSS Reset */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

body {
	font-family: Helvetica, Arial, sans-serif; 
	background: #18191b url(../images/bg-repeat.png); 
}

#page-wrap {
	background: url(../images/background.jpg) center top repeat-x; 
}


#container {
	width: 900px; 
	margin: 0 auto; 
	padding: 60px 0 0 40px; 
}

#header {
	margin: 0 0 40px 0;	
}

	#header h1 a {
		display: block; 
		width: 861px; height: 103px; 
		color: #6b5c4e; margin: 0 0 20px 0; 
		background: url(../images/rowlerdesign.png); text-indent: -9999px; 
	}
	
	#header h2 {
		width: 861px; height: 87px;
		background: url(../images/introtext.png); text-indent: -9999px;
	}

#portfolio {
	margin: 0 0 40px 0;
}
	
	#portfolio h2 {
		width: 236px; height: 59px; margin: 0 0 10px 0;
		background: url(../images/mywork.png); text-indent: -9999px;
	}
	
	#portfolio ul {
		list-style: none; 
	}
		#portfolio ul li {
			float: left; 
			padding: 10px; margin: 0 23px 23px 0;
			background: url(../images/image-bg.png); 
			border-radius: 10px; 
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
	
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; }