* {
	margin:0px;
	padding:0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}

.seperator {
	margin-top:20px;
	margin-bottom:20px;
	border:0px;
	border-top:1px solid #555;
}

#resume {
	background-color:#333;
	color:#fff;
	
}

#resume .container {
	width:545px;
	margin:auto;
	margin:20px;
}

#resume h1 {
	font-weight:normal;
	font-size:3em;
}

#resume h2, #resume h1 {
	margin-bottom:10px;
	color:#ff3399;
}

#resume h3 {
	margin-bottom:5px;
	color:#cc3366;
}

#resume strong {
	color:#a2a2a2
}

#resume ul {
	margin-left:20px;
	margin-bottom:5px;
}

#home .container {
	width:799px;
	margin:auto;
	margin-top:10px;
}

#main {
	float: left;
	width: 490px;
}
#sidebar {
	width: 299px;
	margin-left:500px;
}

#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	width: 490px;
	height:100px;
}

#header h1 {
	display:none;
	visibility:hidden;
}

#header p {
	display:none;
	visibility:hidden;
}

#gallery {
	width:490px;
	height:620px;
	margin-top:10px;
}

#bio {
	width:279px;
	height:230px;
	background-image: url(images/bio-back.jpg);
	margin-top:10px;
	padding:10px;
	line-height:1.7em;
}

#bio p {
	margin:0px;
	padding:0px;
}

#resume-button {
	margin-top:10px;
	width:299px;
	height:75px;
	background-image: url(images/resume-off.jpg);
}

#resume-button a {
	position:absolute;
	width:299px;
	height:75px;
}

#resume-button a span {
	display:none;
	visibility:hidden;
}

#resume-button a:hover {
	background-image: url(images/resume-on.jpg);
}

#contact {
	margin-top:10px;
	width:299px;
	height:75px;
	background-image: url(images/contact-off.jpg);
}

#contact a {
	position:absolute;
	width:299px;
	height:75px;
}

#contact a span {
	display:none;
	visibility:hidden;
}

#contact a:hover {
	background-image: url(images/contact-on.jpg);
}

#footer {
	margin-top:10px;
	margin-bottom:10px;
}

#feint {
	margin-left:674px;
	background-image: url(images/feint-off.jpg);
	height: 27px;
	width: 125px;
}

#feint a {
	position:absolute;
	height: 27px;
	width: 125px;
}

#feint a span {
	display:none;
	visibility:hidden;
}

#feint a:hover {
	background-image: url(images/feint-on.jpg);
}

#gallery {
	width:490px;
	height:620px;
}
#back {
	width:245px;
	height:620px;
	float:left;
}
#back a {
	position:absolute;
	background: transparent url(images/previous.png) 145px -80px no-repeat;
	width:245px;
	height:620px;
}
#back a:hover {
	background-position:0 80px;
}
#next {
	width:245px;
	height:620px;
	float:left;
}
#next a {
	position:absolute;
	background: transparent url(images/next.png) 145px -80px no-repeat;
	width:245px;
	height:620px;
}
#next a:hover {
	background-position:145px 80px;
}
#gallery div a span {
	display:none;
}
div.slide {
position:absolute;
	width:490px;
	height:620px;
}