/*----------------------------------------------------
Author:		Brandyn Bold
Updated:	04/15/09
Valid:		Yep!
-----------------------------------------------------*/


/*---------------- BEGIN NORMALIZING ----------------*/

/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, 
h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}

body { line-height:1.1; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size:100%; }

/* Remove list-style from lists */
ol, ul { list-style:none; }

/* Set font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal; }

/* Removes list-style from lists */
table { border-collapse:collapse; border-spacing:0; }

/* Removes border from fieldset and img */
fieldset, img { border:0; }

/* Left-aligns text in caption and th */
caption, th { text-align:left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

/* Removes underlines from links */
a { text-decoration:none }

/* Centering the site */
body {
	text-align:center;  /* Fix for IE6 */
	margin-top:0;
	margin:0;
	padding:0;
	/*background-color:#787673;*/
}

/*----------------- END NORMALIZING -----------------*/


/*---------------- OVERALL CONTAINER ----------------*/

#wrapper{
	width:1024px;
	height:868px;
	margin:0 auto;
	text-align:left;
	border-left-color:#FFFFFF;
	border-left-style:solid;
	border-left-width:medium;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:medium;
	padding:0px;
}

/*------------------ END CONTAINER ------------------*/

/*---------------- BEGIN NAVIGATION -----------------*/
.home {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.home a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/home_nav.png) no-repeat top left;
	outline:none;
}
.home a:hover {
	background-position:0 -30px;
}

.portfolio {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.portfolio a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/portfolio_nav.png) no-repeat top left;
	outline:none;
}
.portfolio a:hover {
	background-position:0 -30px;
}

.demoreel {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.demoreel a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/demoreel_nav.png) no-repeat top left;
	outline:none;
}
.demoreel a:hover {
	background-position:0 -30px;
}

.animation {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.animation a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/animation_nav.png) no-repeat top left;
	outline:none;
}
.animation a:hover {
	background-position:0 -30px;
}

.resume {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.resume a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/resume_nav.png) no-repeat top left;
	outline:none;
}
.resume a:hover {
	background-position:0 -30px;
}

.contact {
	display:block;
	top:150px;
	left:800px;
	width:100px;
	height:30px;
	text-indent:-9999px;
}
.contact a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/contact_nav.png) no-repeat top left;
	outline:none;
}
.contact a:hover {
	background-position:0 -30px;
}

div#header {
	height: 243px;
	width: 1024px;
	position:absolute;
	background:url(images/header.jpg);
}

div#home {
	height: 30px;
	width: 100px;
	position:absolute;
	left:356px;
	top:179px;
}

div#portfolio {
	height: 30px;
	width: 100px;
	position:absolute;
	left:456px;
	top:172px;
}

div#demoreel {
	height: 30px;
	width: 100px;
	position:absolute;
	left:569px;
	top:165px;
}

div#animation {
	height: 30px;
	width: 100px;
	position:absolute;
	left:688px;
	top:158px;
}

div#resume {
	height: 30px;
	width: 100px;
	position:absolute;
	left:791px;
	top:152px;
}

div#contact {
	height: 30px;
	width: 100px;
	position:absolute;
	left:884px;
	top:146px;
}
/*----------------- END NAVIGATION ------------------*/
/*------------------ BEGIN CONTENT ------------------*/
div#content {
	height: 520px;
	width: 1024px;
	position:absolute;
	top:243px;
}
div#port_nav {
	height: 500px;
	width: 400px;
	position:absolute;
}

div#port_view {
	height: 500px;
	width: 624px;
	position:absolute;
	left:400px;
}

div#video_nav {
	height: 520px;
	width: 284px;
	position:absolute;
}

div#video_view {
	height: 520px;
	width: 740px;
	position:absolute;
	left:284px;
}

div#footer {
	height: 120px;
	width: 1024px;
	position:absolute;
	top: 763px;
	background:url(images/footer.jpg);
}

div#preload { 
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}