/* 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 Neue", Helvetica, Arial, sans-serif; 
	font-size:11px;
	font-weight:normal;
	letter-spacing:102%;
	background: #000; 
}

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


#container {
	width: 960px; 
	margin: 0 auto; 
	padding: 250px 0 0 1px; 
}

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

	#header h1 a {
		display: block; 
		width: 960px; height: 117px; 
		color: #6b5c4e; margin: 0px 0 20px 0; 
		background: url(../images/portfolio.png) no-repeat; text-indent: -9999px; 
	}
	
	#header h2 {
		width: 960px; height: 30px;
		background: url(../images/p_comingsoon.png) no-repeat; text-indent: -9999px;
	}

#portfolio {
	width: 960px;
	margin: 0 0 40px 0;
}
	
	#portfolio h2 {
		width: 192px; height: 57px; margin: 0 0 10px 0;
		background: url(../images/portfolioheader.jpg); text-indent: -9999px;
	}
	
	#portfolio ul {
		list-style: none; 
	}
		#portfolio ul li.left {
			float: left; 
			padding-top: 6px;
			padding-left: 6px;
			padding-right: 6px;
			padding-bottom: 4px;
			margin: 0 44px 44px 0;
			background: url(../images/img-bg.png); 
			border-radius: 6px; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		#portfolio ul li.right {
			float: left; 
			padding-top: 6px;
			padding-left: 6px;
			padding-right: 6px;
			padding-bottom: 4px;
			margin: 0 0 44px 0;
			background: url(../images/img-bg.png); 
			border-radius: 6px; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		
#hello {
	margin: 0 0 40px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight:normal;
	font-size:10px;
}

	#hello h2 {
		width: 200px; height: 57px; margin: 0 0 10px 0;
		background: url(../images/assetsheader.jpg); text-indent: -9999px;
	}
	
	#hello ul {
		list-style: none; margin: 0 0 60px 0;
	}
		#hello ul li {
			display: inline; /* IE6 fix */

		}
			#hello ul li a {
				display: block; 
				float: left; 
				height: 20px; 
				padding: 0 0 0 0; 
				margin: 0 10px 0 0;
				color: #827161; text-decoration: none; font-size: 20px; 
				background-image: url(../images/web-sprite3.png); 
				background-repeat: no-repeat; 
			}
			
			#hello ul li a.email { background-position: 0 0; width: 80px; margin-right: 42px; text-indent: -9999px; }
			#hello ul li a.twitter { background-position: 0 -20px; width: 100px; margin-right: 41px; text-indent: -9999px; }
			#hello ul li a.facebook { background-position: 0 -40px; width: 121px; margin-right: 41px; text-indent: -9999px; }
			#hello ul li a.link { background-position: 0 -60px; width: 137px; margin-right: 0; text-indent: -9999px;}
			#hello ul li a.flickr { background-position: 0 -80px; width: 88px; margin-right: 42px; text-indent: -9999px; }
			#hello ul li a.vcard { background-position: 0 -100px; width: 86px; margin-right: 41px; text-indent: -9999px; }
			#hello ul li a.resume { background-position: 0 -120px; width: 100px; margin-right: 41px; text-indent: -9999px; }
			
			
			#hello ul li a.email:hover {color: #746150; text-decoration:none; background-position: -138px 0; text-indent:-9999px; }
			#hello ul li a.twitter:hover {color: #746150; text-decoration:none; background-position: -138px -20px; text-indent:-9999px; }
			#hello ul li a.facebook:hover {color: #746150; text-decoration:none; background-position: -138px -40px; text-indent:-9999px; }
			#hello ul li a.link:hover {color: #746150; text-decoration:none; background-position: -138px -60px; text-indent:-9999px;}
			#hello ul li a.flickr:hover {color: #746150; text-decoration:none; background-position: -138px -80px; text-indent:-9999px; }
			#hello ul li a.vcard:hover {color: #746150; text-decoration:none; background-position: -138px -100px; text-indent:-9999px; }
			#hello ul li a.resume:hover {color: #746150; text-decoration:none; background-position: -138px -120px; text-indent:-9999px; }
	
	#footer p.copyright {
		clear: both; 
		float: right; margin: 0 0 0 0; 
		font-size: 12px; color: #dfa71b; 
	}

		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */