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

body{
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7b7c;
	}
	.credit{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7b7c;
	font-size:12px;
	}
	
a{
	outline:none;
	color:#5d5a5b;
	text-decoration:none;
	
	}
	a:hover{
	text-decoration:underline;
	}

#wrapper{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#top{
	width:1024px;
	height:285px;
	position:fixed;
	top: 0px;
	left: 0px;
	background-color:#FFFFFF;
}

#logo{
	width:420px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}

#nav{
	width:420px;
	float:right;
	padding-top:25px;
}

#nav ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
}
	
#nav ul li a{
	display:block;
	width:255px;
	height:30px;
	text-indent:-999999px;
	background-image:url(../images/navigation.jpg);
	background-repeat:no-repeat;
	}
	
/*fashion nav button*/	

#nav ul li a.fashion{
	background-position:-450px 0px;
	}
#nav ul li a:hover.fashion{
	background-position:-226px 0px;
	}
#nav ul li a.fashion-selected{
	background-position:0px 0px;
	}
	
/*real world nav button*/	
	
#nav ul li a.realworld{
	background-position:-450px -30px;
	}
#nav ul li a:hover.realworld{
	background-position:-226px -30px;
	}
#nav ul li a.realworld-selected{
	background-position:0px -30px;
	}
	

/*fantasy nav button*/	
	
#nav ul li a.fantasy{
	background-position:-450px -60px;
	}
#nav ul li a:hover.fantasy{
	background-position:-226px -60px;
	}
#nav ul li a.fantasy-selected{
	background-position:0px -60px;
	}
	
	
/*still eyes nav button*/	
	
#nav ul li a.stilleyes{
	background-position:-450px -90px;
	}
#nav ul li a:hover.stilleyes{
	background-position:-226px -90px;
	}
#nav ul li a.stilleyes-selected{
	background-position:0px -90px;
	}
	

/*bio nav button*/	
	
#nav ul li a.bio{
	background-position:-450px -120px;
	}
#nav ul li a:hover.bio{
	background-position:-226px -120px;
	}
#nav ul li a.bio-selected{
	background-position:0px -120px;
	}
	
	

/*flickr nav button*/	
	
#nav ul li a.flickr{
	background-position:-450px -150px;
	}
#nav ul li a:hover.flickr{
	background-position:-226px -150px;
	}
#nav ul li a.flickr-selected{
	background-position:0px -150px;
	}
	
	
	
/*contact nav button*/	
	
#nav ul li a.contact{
	background-position:-450px -180px;
	}
#nav ul li a:hover.contact{
	background-position:-226px -180px;
	}
#nav ul li a.contact-selected{
	background-position:0px -180px;
	}
	
	
	
	
#content{
	padding-top:285px;
	height:100%;
}

#content img{
	padding-right:5px;
	}
	
#content-bio{
	width:835px;
	padding-top:285px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:22px;
	color:#7f7b7c;
}