<style type="text/css">
/* Background
--------------------------------*/
img#bgMain {
	position: absolute;
	left: 0; 
	top: 0;
}
div#bgContainer {
	position: absolute;
	left: 0; 
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* The Equalizer
--------------------------------*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;}

/* General
--------------------------------*/
html, body {
	width: 100%;
	height: 100%;

}
body {
	margin: 0 0 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
}
img, a {
	border: 0; outline:none;
}
h1{
	font-size:60px;
}
h2{
	font-size:22px;
	font-weight:normal;
	padding:0 0 20px 0;
}
p{
	font-size:16px;
	line-height:22px;
}
#siteWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#contentWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 650px;
	min-width: 720px;
}
#contentAbout{
	padding: 150px 0 0 60px;
	width:460px;
	color:#FFFFFF;
}
#nav{
	padding: 150px 0 0 60px;
}
#about{
	background-image:url(../images/nav/nav-about.png);
	background-repeat:repeat;
	width:233px;
	height:70px;
	display:block;
}
a#about:hover {
	background-image:url(../images/nav/nav-about_ovr.png);
}
#portfolio{
	background-image:url(../images/nav/nav-portfolio.png);
	background-repeat:repeat;
	width:373px;
	height:70px;
	display:block;
}
a#portfolio:hover {
	background-image:url(../images/nav/nav-portfolio_ovr.png);
}
#resume{
	background-image:url(../images/nav/nav-resume.png);
	background-repeat:repeat;
	width:283px;
	height:70px;
	display:block;
}
a#resume:hover {
	background-image:url(../images/nav/nav-resume_ovr.png);
}
#contact{
	background-image:url(../images/nav/nav-contact.png);
	background-repeat:repeat;
	width:306px;
	height:70px;
	display:block;
}
a#contact:hover {
	background-image:url(../images/nav/nav-contact_ovr.png);
}
#email{
	background-image:url(../images/nav/nav-email.png);
	background-repeat:repeat;
	width:208px;
	height:70px;
	display:block;
}
a#email:hover {
	background-image:url(../images/nav/nav-email_ovr.png);
}
#linkedin{
	background-image:url(../images/nav/nav-linkedin.png);
	background-repeat:repeat;
	width:314px;
	height:70px;
	display:block;
}
a#linkedin:hover {
	background-image:url(../images/nav/nav-linkedin_ovr.png);
}
#behance{
	background-image:url(../images/nav/nav-behance.png);
	background-repeat:repeat;
	width:308px;
	height:70px;
	display:block;
}
a#behance:hover {
	background-image:url(../images/nav/nav-behance_ovr.png);
}
#twitter{
	background-image:url(../images/nav/nav-twitter.png);
	background-repeat:repeat;
	width:287px;
	height:70px;
	display:block;
}
a#twitter:hover {
	background-image:url(../images/nav/nav-twitter_ovr.png);
}
#back{
	background-image:url(../images/nav/nav-back.png);
	background-repeat:repeat;
	width:184px;
	height:70px;
	display:block;
	bottom:0;
	position:absolute;
left:0;
	z-index:4;
}
a#back:hover {
	background-image:url(../images/nav/nav-back_ovr.png);
	
}


#footer {
bottom:0;
color:#FFFFFF;
font-size:8pt;
margin:0;
padding:16px 40px;
position:absolute;
right:0;
text-align:right;
z-index:3;
width:100%;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
</style>