@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* DIVS */

#header {
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 700px;
	height: 168px;
	top: 115px;
	left: -40px;
}

#red {
	height: 62px;
	width: 100%;
	background: #ff3334;
	position:absolute;
	top: 193px;
	left: 0;
}

#pagenav {
	position: absolute;
	width: 400px;
	height: 50px;
	top: 200px;
	left: 605px;
	font-size: 26px;
	font-weight:bold;
	padding: 10px;
}

#reel-content {
	position: absolute;
	top: 290px;
	left: 10px;
	width: 500px;
	height: 500px;

}

#portfolio-content {
	position: absolute;
	top: 295px;
	left: 575px;
	width: 500px;
	height: 490px;

}

#contact-content {
	position: absolute;
	top: 300px;
	left: 40px;
	width: 700px;
	height: 200px;
	font-size: large;
	color:#FFFFFF;
}

#about-content {
	position: absolute;
	top: 300px;
	left: 50px;
	width: 600px;
	height: 300px;
	font-size: large;
	color:#FFFFFF;
}


#footer {
	background: #ff3334;
	position: absolute;
	text-align:center;
	padding-top: 5px;
	height: 30px;
	width: 100%;
	top: 780px;
	left: 0;
}

/* CLASSES */

a:link {color: black; text-decoration: none; padding: 5px; }
a:visited { color: black; text-decoration:none; padding: 5px; }
a:hover { background-color: #CC3333; padding: 5px; }

#contact-content a:link { color: #FF0000; font-size:larger; }
#contact-content a:hover { background-color: #000000; text-decoration: underline; }

#reel-content a:link { display: inline-block; padding: 5px; }
#reel-content a:hover { display: inline-block; padding: 5px; }

#portfolio-content a:link { display: inline-block; padding: 2px; }
#portfolio-content a:hover { display: inline-block; padding: 2px; }