@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	background:#731113 url(../images/mainback.jpg) repeat-x;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}
a {
	color:#CC0000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
}
a img:hover {
}
acronym {
	color:#999999;
}
/*----------------------------------------------- ID Styles --------------------------------------------------------*/
#catwalk {
	position:absolute;
	z-index:6;
	width:804px;
	height:74px;
	bottom:65px;
	left:40px;
	background:url(../images/catwalk.png);
}
#content {
	position:relative;
	z-index:5;
	margin:30px auto auto auto;
}
#contwrap {
	position:relative;
	z-index:4;
	background:url(../images/contentback.png) no-repeat;
	width:883px;
	height:713px;
	margin-top:-27px;
	border-top:1px solid #731113;
}
#footer {
	margin-top:50px;
}
#homespotlaunch {
	float:right;
	padding:5px 30px 0px 0px;
}
#homespotoverview {
	width:340px;
	margin:20px auto 0px 22px;
	padding:5px;
	text-align:left;
	color:#eeeeee;
}
#homespotthumb {
	border:white 1px solid;
	padding:10px;
	width:320px;
	margin:75px auto 0px 27px;
}
#introtext p {
	text-indent:15px;
	padding-top:8px;
}
#logo {
	position:relative;
	z-index:1;
	margin:35px auto 0px auto;
	width:325px;
	height:71px;
	background:url() no-repeat;
}
#mainleft {
	width:400px;
	height:550px;
	float:left;
	background:url(../images/mainleftback.gif) no-repeat top left;
}
#mlone {
	width:125px;
	height:278px;
	float:left;
}
#mltwo {
	width:125px;
	height:278px;
	float:left;
}
#mlthree {
	width:125px;
	height:278px;
	float:left;
}
#mltop {
	width:375px;
	height:212px;
	margin:0px auto 0px 0px;
	text-align:left;
	padding:63px 0px 0px 15px;
}
#mlbottom {
	width:375px;
	height:278px;
	margin:0px auto 0px 15px;
	border:1px black solid;
}
#mainright {
	width:400px;
	height:560px;
	float:left;
	background:url(../images/mainrightback.gif) no-repeat top left;
}

#mainwrap {
	position:relative;
	z-index:0;
	margin:0px auto 0px auto;
	width:880px;
	height:825px;
}
#navFlash {
	position:absolute;
	z-index:11;
	left:0px;
	top:-88px;
}
#navigation {
	position:relative;
	z-index:10;
	margin:15px auto 0px auto;
	width:823px;
	height:73px;
	overflow:visible;
}
#overlay {
	position:fixed;
	background:url(../images/overlay.png);
	height:100%;
	width:100%;
	z-index:150;
	top:0px;
	left:0px;
	color:#eaeaea;
	text-align:center;
}
#overlayimage {
	position:relative;
	margin-top:25px;
}
#overlaytext {
	background:#000000;
	width:200px;
	height:25px;
	font-weight:bold;
	position:relative;
	text-align:center;
	margin:0px auto;
	padding-top:5px;
}
#subcontent {
	width:800px;
	height:575px;
	margin:0px auto;
}


/*--------------------------------------------------- Class Styles -------------------------------------------------*/
.thumb {
	width:95px;
	height:65px;
	border:1px solid black;
	margin:10px auto;
	overflow:hidden;
}

/*-------------------------------------------------- Projects CSS ------------------------------------------------------*/
.projborders {
	position:relative;
	z-index:7;
	width:210px;
	height:98px;
	border:1px black solid;
	margin:15px auto 15px auto;
	
}
.projrollover {
	z-index:8;
	width:210px;
	height:98px;
	top:0px;
	left:0px;
	position:absolute;
	display:block;
	background:url(../images/thumbback.gif) repeat-x;
}
.projborders:hover {
	background-color:#990000;
	background:url(../images/thumbback.gif) repeat-x;
}
.projcount {
	position:absolute;
	z-index:10;
	right:20px;
	top:34px;
	width:75px;
	height:20px;
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}
#projitems {
	position:relative;
	width:255px;
	height:400px;
	margin:65px auto 0px 25px;
	background:#eaeaea;
	overflow:auto;
}
.projthumb {
	position:relative;
	z-index:9;
	width:133px;
	height:88px;
	margin:5px auto 5px auto;
}
.projthumbfadetop {
	position:absolute;
	z-index:10;
	left:25px;
	top:65px;
	width:240px;
	height:20px;
	background:url(../images/thumbfadetop.png);
}
.projthumbfadebot {
	position:absolute;
	z-index:10;
	left:25px;
	bottom:110px;
	background:url(../images/thumbfadebot.png);
	width:240px;
	height:20px;
}
#projsections {
	margin:10px auto;
}
#projsections span {
	color:#aeaeae;
	font-weight:bold;
	
}
#projleft {
	width:300px;
	height:575px;
	float:left;
	background:url(../images/secondaryback.gif) no-repeat left top;
	position:relative;
}
#projright {
	width:500px;
	height:575px;
	float:right;
}
#projcontent {
	width:800px;
	height:575px;
	margin:0px auto;
}

/*------------------------------------------------------- Page Styles ------------------------------------------------*/
h1 {
	margin:15px auto 0px 20px;
}
#pagecontent {
	width:500px;
	height:575px;
	text-align:left;
}

.getpage {
	display:block;
	margin:250px auto 0px auto;
	font-weight:bold;
	font-size:16px;
	width:250px;
	height:35px;
	padding:13px 0px 0px 0px;
	background:url(../images/getback.gif);
	color:#eaeaea;
}
#pageheader {
	width:465px;
	height:50px;
	margin:5px auto 0px 15px;
	overflow:hidden;
}
#pageheader span {
	color:#333333;
	font-size:28px;
	font-weight:bold;
	display:block;
	margin-top:15px;
}
#pageimage {
	margin:0px auto 0px 15px;
	text-align:center;
	border:1px solid black;
	padding:5px 20px;
	width:425px;
	position:relative;
}
#pageoverview {
	width:465px;
	height:300px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:10px auto 0px 15px;
	overflow:auto;
}
#pageoverview span {
	margin:10px 10px 10px 0px;
	display:block;
}
/*------------------------------------------------------ Resume CSS -------------------------------------------------*/
#resumecontent {
	width:800px;
	height:575px;
	margin:0px auto;
}
#resumeprint {
	width:173px;
	height:455px;
	margin:75px auto 0px 60px;
}
#resumedigital {
	width:470px;
	height:480px;
	overflow:auto;
}
.resumecolumn {
	float:left;
	margin-left:15px;
	width:204px;
	height:475px;
	text-align:justify;
}
.resumesplit {
	float:left;
	margin:0px;
	width:15px;
	height:475px;
	border-right:1px solid black;
}
#resumeheader {
	width:470px;
	height:65px;
	background:url(../images/resumeheaderback.gif) no-repeat top left;
	margin:8px auto 0px 2px;
}
#resumeleft {
	width:500px;
	height:575px;
	float:left;
	text-align:left;
}
#resumeright {
	width:300px;
	height:575px;
	float:right;
	background:url(../images/resumeprintback.gif) no-repeat right top;
	position:relative;
	text-align:center;
}
/*------------------------------------------------------ About Me CSS --------------------------------------------------*/ 
#aboutcontent {
	width:800px;
	height:575px;
	margin:0px auto;
}
#aboutme {
	width:340px;
	height:480px;
	margin:73px 0px 0px 26px;
	color:#eaeaea;
}
#aboutme p {
	margin:0px 0px 20px 0px;
	text-indent:20px;
}
#aboutmeimage {
	width:340px;
	height:223px;
	border:1px #eaeaea solid;
	text-align:center;
	margin-bottom:20px;
}
#aboutheader {
	width:380px;
	height:65px;
	background:url(../images/aboutheader.gif) no-repeat top right;
	margin:8px 2px 0px auto;
}
#aboutbio {
	width:380px;
	height:480px;
}
#aboutbio p {
	margin:0px 0px 20px 20px;
	text-indent:20px;
}
#aboutleft {
	width:400px;
	height:560px;
	float:left;
	text-align:left;
	background:url(../images/aboutback.gif) no-repeat top left;
}
#aboutright{
	width:400px;
	height:560px;
	float:left;
	text-align:left;
}
/*------------------------------------------------------ Contact CSS --------------------------------------------------*/ 

#contactcontent {
	width:800px;
	height:575px;
	margin:0px auto;
}
#contactform {
	width:400px;
	height:370px;
	margin:0px 10px 0px auto;
	position:relative;
	display:block;
}
#contactform input {
	display:inline-block;
	width:150px;
	height:20px;
}
#contactform span {
	display:inline-block;
	width:100px;
	height:20px;
}
.forminput {
	width:400px;
	height:30px;
	text-align:right;
}
.tarea {
	width:400px;
	height:150px;
}
#contactformborder .direct {
	position:absolute;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	left:30px;
	width:125px;
	top:40px;
	color:#731113;
}
#contactformborder {
	padding-top:25px;
	width:455px;
	height:400px;
	border:black 1px solid;
	margin:10px 23px 0px auto;
	position:relative;
}
#contactheader {
	width:470px;
	height:65px;
	background:url(../images/contactformback.gif) no-repeat top right;
	margin:8px 2px 0px auto;
}
#contactinfo {
	position:relative;
	width:255px;
	height:400px;
	margin:85px auto 0px 25px;
}
#contactinfo span {
	color:#eaeaea;
	
	display:block;
	float:left;
	clear:both;
	margin-top:10px;
	font-size:13px;
}
#contactinfo p {
	text-indent:20px;
	color:#eaeaea;
	text-align:left;
	float:left;
	clear:both;
	margin-top:40px;
	line-height:18px;
	font-size:13px;
}
#contactleft {
	width:300px;
	height:575px;
	float:left;
	background:url(../images/contactback.gif) no-repeat left top;
	position:relative;
}
#contactright {
	width:500px;
	height:575px;
	float:right;
	text-align:right;
}