/***** Body Formatting *****/
body {background-color:#000000;}
#nfw-wrapper { width:843px; margin:0px auto; position:relative;}
#s-splash{ width:867px; height:508px; margin:0px auto;}
#s-splash p {color:#f8c629; text-align:center; padding:0px 0px 8px 0px;}

/***** Main Nav Formatting *****/	
#main-navagation {
	display:block;
	width:843px;
	height:69px;
	background:url(../images/interface/navbar.jpg) no-repeat;
    position: relative;
	}
	
#main-navagation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#main-navagation li span {display: none;}	
#main-navagation li a {height: 69px; display: block;}

#home{left:224px; width: 52px;}
#bio{left:303px; width: 33px;}
#projects {left:380px; width: 88px;}
#cat {left:512px; width: 98px;}
#contact {left:654px; width: 110px;}
  
#home a:hover, homeon {background: transparent url(../images/interface/navbar.jpg) -224px -69px no-repeat;}
#bio a:hover, bionavon  {background: transparent url(../images/interface/navbar.jpg) -303px -69px no-repeat;}
#projects a:hover, projectson {background: transparent url(../images/interface/navbar.jpg) -380px -69px no-repeat;}
#cat a:hover, caton {background: transparent url(../images/interface/navbar.jpg) -512px -69px no-repeat;}
#contact a:hover, contacton {background: transparent url(../images/interface/navbar.jpg) -654px -69px no-repeat;}

/*****logo Formatting *****/	
#logo {
	position:absolute;
	top:1px;
	left:0px;
	width:147px;
	height:198px;
}

/***** Content Formatting *****/	
#content-wrapper {
	background:#000000 url(../images/interface/body.jpg)top left no-repeat;

	}
	
.location {
	color:#d4277b;
	font-size:1.3em;
	position:absolute;
	top:40px;
	left:361px;
	width: 300px;
	
}

#col1 {width:183px; height:404px; background-image:url(../images/interface/tab-left.jpg); background-repeat:no-repeat;}
#col2 {
	width:660px;
	min-height:404px;;
	height:auto !important;
	height:404px; 
	background:url(../images/interface/body.jpg) top left no-repeat; position:relative;
	}

#text-area {width:640px; margin:0px 10px; padding-top:117px;}
#text-area p {color:#f8c629; text-align:justify; padding:0px 200px 8px 0px; }
#text-area a, a:visited {color:#d4277b;}

/***** Gallery Formatting *****/
#gallery {width:560px; margin:0px auto;}
#gallery img {width:90px; height:60px; border:solid 1px #000000;}
#gallery li {text-align:center; width:100px; height:67px; margin:5px; padding-top:3px; float:left; background-color:#FFFFFF; }
#gallery li:hover {background-color:#d4277b;}

#gallery-display {width:550px; text-align:center; margin:0px auto;}
#gallery-display .bigphoto { border:solid 1px #000000;}
#gallery-display .descriptiton {width:500px; margin:0px auto; padding:10px 0px;}
#gallery-display p {color:#f8c629; text-align:justify; padding:0px 0px 8px 0px; }
#gallery-display .backbutton {color:#f8c629; font-size:1em; font-weight:bold; text-align:justify; padding:0px 0px 8px 0px; cursor:pointer;}	


/***** Footer Formatting *****/	
#footer {
	text-align:center;
	width:843px;
	margin-top:20px;
	background:url(../images/interface/sub-nav.gif) bottom right no-repeat; 
	}
	
#footer-nav {color:#f8c629; font-size:0.8em; width:400px; height:10px; margin:0px auto;}
#footer-nav li{float:left; margin:0px 6px;}
#footer-nav a{color:#FFFFFF;}

#s-footer{
	text-align:center;
	width:867px;
	margin-top:10px;
	}
