/*resets*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, blockquote, pre, form, fieldset, table, th, td
{
    margin: 0;
    padding: 0;
	border:0px;
}

/****** Containers ******/
html{
	height:100%!important;
	background: #eee;
}
body{
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px auto;
	padding: 80px 0px 0px 0px;
	background-position:top center;
	height:100%;
}
#wrapper{
	width:640px;
	height:480px;
	background-position:top center;	
	margin-left: auto ;
	margin-right: auto ;
}

/****** Header ******/
#header{
	width:640px;
	height:42px;
	float:left;
	padding-bottom:15px;
}
#name{
	width:427px;
	height:42px;
	float:left;
	background-image:url(../images/name.jpg);
	background-repeat:no-repeat;
}
#name span{
	display: none;
}
#connect{
	width:212px;
	height:42px;
	float:left;
	background-repeat:no-repeat;
}
#vimeo{
	display: block;
	width:43px;
	height:42px;
	float:left;
	background: url(../images/vimeo-roll.jpg) no-repeat 0 0;
	padding-right:13px;
}
#vimeo:hover{
	background-position: 0 -42px;
}
#vimeo span{
	display: none;
}
#twitter{
	display: block;
	width:43px;
	height:42px;
	float:left;
	background: url(../images/twitter-roll.jpg) no-repeat 0 0;
	padding-right:13px;
}
#twitter:hover{
	background-position: 0 -42px;
}
#twitter span{
	display: none;
}
#linkedin{
	display: block;
	width:43px;
	height:42px;
	float:left;
	background: url(../images/linkedin-roll.jpg) no-repeat 0 0;
	padding-right:14px;
}
#linkedin:hover{
	background-position: 0 -42px;
}
#linkedin span{
	display: none;
}
#facebook{
	display: block;
	width:43px;
	height:42px;
	float:left;
	background: url(../images/facebook-roll.jpg) no-repeat 0 0;
}
#facebook:hover{
	background-position: 0 -42px;
}
#facebook span{
	display: none;
}

/****** video ******/
#demo{
	display: block;
	width:640px;
	height:360px;
	float:left;
	background: url(../images/vid-holder.jpg) no-repeat 0 0;
	padding-bottom: 20px;
}

/****** links ******/

#print{
	display: block;
	width:160px;
	height:42px;
	padding-right:80px;
	float:left;
	background: url(../images/print-roll.jpg) no-repeat 0 0;
}
#print:hover{
	background-position: 0 -42px;
}
#print span{
	display: none;
}
#email{
	display: block;
	width:160px;
	height:42px;
	padding-right:80px;
	float:left;
	background: url(../images/email-roll.jpg) no-repeat 0 0;
}
#email:hover{
	background-position: 0 -42px;
}
#email span{
	display: none;
}
#resume{
	display: block;
	width:160px;
	height:42px;
	padding:0px;
	float:left;
	background: url(../images/resume-roll.jpg) no-repeat 0 0;
}
#resume:hover{
	background-position: 0 -42px;
}
#resume span{
	display: none;
}

.center {
	text-align: center;
}
.hide {
	display: none;
}