body {

background: white;

}
#container {
	margin: auto;
	margin-top:60px;
	margin-bottom: 10px;
	width: 800px;
	min-height:500px;
	}
#container2 {
	margin: auto;
	margin-top:60px;
	margin-bottom: 10px;
	width: 662px;
	min-height:500px;
	}
.logo {
	float:left;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	color: black;
	}
.nav {
	float: right;
	color: black;
	height:10px;
	overflow: hidden;
	padding:0;
	margin:0;
	width:300px;
	}
#copy {
	color: gray;
	background: white;
	font-family: sans-serif;
	font-size: 10px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	}
.port{
	height: 10px;
	width: 75px;
	}

.port a {
padding:0;
margin: 0;
float:right;
display:inline;
height: 10px;
width: 75px;
background: url("port.png") 0 0 no-repeat;
text-decoration: none;
}
.port a:hover {
background-position: 0px -10px;
}
.portdone {
padding:0;
margin: 0;
float:right;
display:inline;
height: 10px;
width: 75px;
background: url("port.png") 0 -10px no-repeat;
text-decoration: none;
}
.about{
	height: 10px;
	width: 51px;
	}

.about a {
float:right;
padding:0;
margin:0;
display:inline;
height: 10px;
width: 51px;
background: url("about.png") 0 0 no-repeat;
text-decoration: none;
}
.about a:hover {
background-position: 0px -10px;
}
.aboutdone {
padding:0;
margin: 0;
float:right;
display:inline;
height: 10px;
width: 51px;
background: url("about.png") 0 -10px no-repeat;
text-decoration: none;
}
.contact{
	height: 10px;
	width: 55px;
	}

.contact a {
float:right;
padding:0;
margin:0;
display:inline;
height: 10px;
width: 55px;
background: url("contact.png") 0 0 no-repeat;
text-decoration: none;
}
.contact a:hover {
background-position: 0px -10px;
}
.contactdone {
float:right;
padding:0;
margin:0;
display:inline;
height: 10px;
width: 55px;
background: url("contact.png") 0 -10px no-repeat;
text-decoration: none;
}

.images {
	width:100%;
	margin-top: 5px;
	padding:0;
	float: left;
	height:100%;
	}
.images2 {
	width:660px;
	margin-top: 5px;
	padding:0;
	float: left;
	height:450px;
	border:1px solid black;
	}
#bottomnav {
	width: 100%;
	float:left;
	height: 12px;
	margin-top: 10px;
	overflow:hidden;
	padding:0;
	}
.phone{
	height: 11px;
	width: 135px;
	float:right;
	background: url("phone.png") 0 0 no-repeat;
	padding: 0;
	margin: 0;
	text-indent: -9999999px;
	}
.email{
	height: 12px;
	width: 188px;
	float:left;
	}

.email a {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 188px;
background: url("email.png") 0 0 no-repeat;
text-decoration: none;
}
.email a:hover {
background-position: 0px -13px;
}
.published{
	height: 12px;
	width: 71px;
	}

.published a {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 71px;
background: url("published.png") 0 0 no-repeat;
text-decoration: none;
}
.published a:hover {
background-position: 0px -11px;
}
.publisheddone {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 71px;
background: url("published.png") 0 -11px no-repeat;
text-decoration: none;
}
.action{
	height: 13px;
	width: 67px;
	}

.action a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 67px;
background: url("action.png") 0 0 no-repeat;
text-decoration: none;
}
.action a:hover {
background-position: 0px -11px;
}
.polaroids{
	height: 13px;
	width: 87px;
	}

.polaroids a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 87px;
background: url("polaroids.png") 0 0 no-repeat;
text-decoration: none;
}
.polaroids a:hover {
background-position: 0px -11px;
}
.polaroidsdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 87px;
background: url("polaroids.png") 0 -11px no-repeat;
text-decoration: none;
}
.projects{
	height: 12px;
	width: 78px;
	}

.projects a {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 78px;
background: url("projects.png") 0 0 no-repeat;
text-decoration: none;
}
.projects a:hover {
background-position: 0px -11px;
}
.projectsdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 78px;
background: url("projects.png") 0 -11px no-repeat;
text-decoration: none;
}
.journalism{
	height: 12px;
	width: 96px;
	}

.journalism a {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 96px;
background: url("journalism.png") 0 0 no-repeat;
text-decoration: none;
}
.journalism a:hover {
background-position: 0px -11px;
}
.journalismdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 96px;
background: url("journalism.png") 0 -11px no-repeat;
text-decoration: none;
}
.places{
	height: 13px;
	width: 62px;
	}

.places a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 62px;
background: url("places.png") 0 0 no-repeat;
text-decoration: none;
}
.places a:hover {
background-position: 0px -11px;
}
.placesdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 10px;
width: 62px;
background: url("places.png") 0 -11px no-repeat;
text-decoration: none;
}
.series{
	height: 13px;
	width: 58px;
	}

.series a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 58px;
background: url("series.png") 0 0 no-repeat;
text-decoration: none;
}
.series a:hover {
background-position: 0px -11px;
}
.seriesdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 58px;
background: url("series.png") 0 -11px no-repeat;
text-decoration: none;
}
.product{
	height: 12px;
	width: 74px;
	}

.product a {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 74px;
background: url("product.png") 0 0 no-repeat;
text-decoration: none;
}
.product a:hover {
background-position: 0px -11px;
}
.productdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 12px;
width: 74px;
background: url("product.png") 0 -11px no-repeat;
text-decoration: none;
}
.music{
	height: 13px;
	width: 54px;
	}

.music a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 54px;
background: url("music.png") 0 0 no-repeat;
text-decoration: none;
}
.music a:hover {
background-position: 0px -11px;
}
.musicdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 54px;
background: url("music.png") 0 -11px no-repeat;
text-decoration: none;
}
.fashion{
	height: 13px;
	width: 69px;
	}

.fashion a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 69px;
background: url("fashion.png") 0 0 no-repeat;
text-decoration: none;
}
.fashion a:hover {
background-position: 0px -11px;
}
.fashiondone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 69px;
background: url("fashion.png") 0 -11px no-repeat;
text-decoration: none;
}
.portraits{
	height: 10px;
	width: 84px;
	}

.portraits a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 84px;
background: url("portraits.png") 0 0 no-repeat;
text-decoration: none;
}
.portraits a:hover {
background-position: 0px -11px;
}

.portraitsdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 84px;
background: url("portraits.png") 0 -11px no-repeat;
text-decoration: none;
}
.actiondone {
float:left;
padding:0;
margin:0;
display:inline;
height: 10px;
width: 67px;
background: url("action.png") 0 -11px no-repeat;
text-decoration: none;
}
.bio{
	height: 11px;
	width: 35px;
	}

.bio a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 35px;
background: url("bio.png") 0 0 no-repeat;
text-decoration: none;
}
.biodone {
float:left;
padding:0;
margin:0;
display:inline;
height: 11px;
width: 35px;
background: url("bio.png") 0 -11px no-repeat;
text-decoration: none;
}
.bio a:hover {
background-position: 0px -11px;
}
.clients{
	height: 11px;
	width: 67px;
	}

.clients a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 55px;
background: url("clients.png") 0 0 no-repeat;
text-decoration: none;
}
.clients a:hover {
background-position: 0px -11px;
}
.clientsdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 55px;
background: url("clients.png") 0 -11px no-repeat;
text-decoration: none;
}
.links{
	height: 11px;
	width: 40px;
	}
.links a {
float:left;
padding:0;
margin:0;
display:inline;
height: 13px;
width: 40px;
background: url("links.png") 0 0 no-repeat;
text-decoration: none;
}
.links a:hover {
background-position: 0px -11px;
}
.linksdone {
float:left;
padding:0;
margin:0;
display:inline;
height: 11px;
width: 40px;
background: url("links.png") 0 -11px no-repeat;
text-decoration: none;
}