/* reset margins, padding, and borders */
* {
	padding: 0;
	margin: 0;
	border: 0;
}


/* basic body metrics */
body {
	background-color: #000000;
	font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}


/* classes */
.block {
	display: block;
}


/* header styling */
#header {
	background: transparent url('../../images/layout/header.gif') no-repeat center right;
	width: 400px;
	height: 39px;
	margin: 2px auto;
	z-index: 100;
	clear: both;
}


/* navigation styling */
#navigation {
	width: 100%;
	border-top: 1px dotted #333333;
}

#navigation #nav {
	margin: 5px auto;
	list-style: none;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333333;
}

#navigation #nav li {
	display: inline;
}

#navigation #nav li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 20px;
}

#navigation #nav li a:hover {
	background-color: #333333;
	text-decoration: none;
}

#navigation #nav #nav_home a:hover {
	background-color: #414e57;
}
#navigation #nav #nav_about a:hover {
	background-color: #3d4f49;
}
#navigation #nav #nav_portfolio a:hover {
	background-color: #584143;
}
#navigation #nav #nav_resume a:hover {
	background-color: #584156;
}
#navigation #nav #nav_contact a:hover {
	background-color: #484157;
}


/* loading layer */
div.material {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	z-index: 2;
}

div#loading {
	visibility: visible;
	z-index: 1;
}

/* main styling */
#hold {
	margin: 0 auto 30px auto;
	width: 800px;
}

#hold #window #main #scrollcontent .section {
	overflow: hidden;
	clear: both;
}

.content {
	color: #FFFFFF;
	margin: 0px 200px;
	padding: 5px;
	float: none;
}


/* section styling */
#home {
	color: #414E58;
	text-align: center;
}

#about {
	color: #41584F;
	text-align: justify;
}

#resume {
	color: #574055;
}

#resume .bigtext {
	color: #574055;
	font-size: 17px;
}

#resume .resumeitem {
	background: #140F14;
	border: 1px solid #271E28;
	display: block;
	margin: 5px;
	padding: 5px;
}

#resume .resumeitem .white {
	color: #DDDDDD;
}

#resume #resume_nav {
	text-align: center;
	line-height: 150%;
	margin-bottom: 10px;
}

#resume #resume_nav a,
#resume .resume_content a {
	color: #AAAAAA;
	text-decoration: none;
	border-bottom: 1px dotted #AAAAAA;
}

#resume #resume_nav a:hover,
#resume .resume_content a:hover {
	border-bottom: 1px solid #AAAAAA;
}

#resume .resume_content {
	display: none;
	margin-top: 2em;
	text-align: left;
}

#contact {
	text-align: center;
}

#contact .bigtext {
	color: #4A445C;
	font-size: 20px;
}


/* left and right images */
.left_home {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/left_home.gif') no-repeat bottom right;
	float: left;
}

.right_home {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/right_home.gif') no-repeat bottom left;
	float: right;
}

.left_about {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/left_about.gif') no-repeat bottom right;
	float: left;
}

.right_about {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/right_about.gif') no-repeat bottom left;
	float: right;
}

.left_portfolio {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/left_portfolio.gif') no-repeat bottom right;
	float: left;
}

.right_portfolio {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/right_portfolio.gif') no-repeat bottom left;
	float: right;
}

.left_resume {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/left_resume.gif') no-repeat bottom right;
	float: left;
}

.right_resume {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/right_resume.gif') no-repeat bottom left;
	float: right;
}

.left_contact {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/left_contact.gif') no-repeat bottom right;
	float: left;
}

.right_contact {
	width: 200px;
	height: 500px;
	background: transparent url('../../images/layout/right_contact.gif') no-repeat bottom left;
	float: right;
}


/* footer styling */
#footer {
	clear: both;
	width: auto;
	margin: 0px auto;
	padding: 5px;
	font-size: 90%;
	text-align: center;
	color: #555555;
}

#footer a {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}

#footer a:hover {
	color: #777777;
	border-bottom: 1px solid #777777;
}

/* DHTML scrollbars for resume
   Set small font-size or size/position of div's will be off in some browsers  */
#scrollbar { 
	margin-top: 3px;
	position: relative;
	left: 350px;
	top: 0px;
	width: 11px;
	height: 23px; 
	font-size: 1px;
	z-index: 1;
}

#up {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#down {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 3;
}  

#dragBar, #track {
	display: none;
}