body {

background: white;

}
ul#newNav {
	width:265px;
	height:11px;
	float:right;
	margin:0; padding:0 0px 0 0;
	list-style-type:none;
}
	ul#newNav li {
		float:right;
		margin:0; padding:0 ;
	}
		ul#newNav li a {
			display:block;
			font-size:1px; text-indent:-9999px;
			height:11px;
			background:url("new_nav.png") top left no-repeat;
		}
		ul#newNav li.portfolio a {
			width:73px;
		}
		ul#newNav li.portfolio a:hover {
			background-position:bottom left;
		}
		ul#newNav.porty li.portfolio a{
			background-position:bottom left;
		}
		ul#newNav li.info  a{
			width:40px;
			background-position:-73px 0;
		}
		ul#newNav li.info a:hover {
			background-position:-73px -11px;
		}
		ul#newNav li.blog  a{
			width:35px;
			background-position:-113px 0;
		}
		ul#newNav li.blog  a:hover{
			background-position:-113px -11px;
		}
		ul#newNav.info li.info  a {
			background-position:-73px -11px;
		}
#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;
}