body{
	background:#f5f4f2;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 16px;
	line-height: 18px;
}
#page{
	width:940px;
	margin:20px auto 0 auto;
}
a {
	text-decoration:none;
	color:#989697; /* #7d656f  #947884 */
}

/* TOP */
#top{
	position:relative;
	float:left;
	width:940px;
	margin:25px 0 40px 0;
}
#top a{
	margin:0 0 0 10px;
}
.name {
	float:left;
	margin:0 0 0 55px;
}
.contact{
	position:absolute;
	right:0;
	bottom:-2px;
	float:right;
	font-size:14px;
	color:#999;
}
.contact span{
	margin:0 0 0 25px;
}

/* navigation & photos */
#main{
	float:left;
	width:940px;
}

/* main navigation */
#nav{
	float:left;
	width:140px;
	height:400px;
	position:relative;
	margin:0 25px 0 0;
}
#nav li a:link,
#nav li a:visited{
	text-indent:-99999px;
	overflow:hidden;
	z-index:10;
	position:absolute;
}
#nav #advertising a:link, 
#nav #advertising a:visited{
	left:0px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px 0px;	
}
#nav #advertising a:hover, 
#nav #advertising a:focus{
	background:url(../images/nav.gif) no-repeat -140px 0;	
}
#nav #advertising.current a{
	background:url(../images/nav.gif) no-repeat -280px 0;
	cursor:default;
}
#nav #editorial a:link, 
#nav #editorial a:visited{
	left:0px;
	top:50px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -48px;	
}
#nav #editorial a:hover, 
#nav #editorial a:focus{
	background:url(../images/nav.gif) no-repeat -140px -48px;	
}
#nav #editorial.current a{
	background:url(../images/nav.gif) no-repeat -280px -48px;
	cursor:default;
}
#nav #catalog-web a:link, 
#nav #catalog-web a:visited{
	left:0px;
	top:100px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -96px;	
}
#nav #catalog-web a:hover, 
#nav #catalog-web a:focus{
	background:url(../images/nav.gif) no-repeat -140px -96px;	
}
#nav #catalog-web.current a{
	background:url(../images/nav.gif) no-repeat -280px -96px;
	cursor:default;
}
#nav #still-life a:link,
#nav #still-life a:visited{
	left:0px;
	top:150px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -144px;	
}
#nav #still-life a:hover, 
#nav #still-life a:focus{
	background:url(../images/nav.gif) no-repeat -140px -144px;	
}
#nav #still-life.current a{
	background:url(../images/nav.gif) no-repeat -280px -144px;
	cursor:default;
}
#nav #cosmetics a:link, 
#nav #cosmetics a:visited{
	left:0px;
	top:200px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -192px;	
}
#nav #cosmetics a:hover, 
#nav #cosmetics a:focus{
	background:url(../images/nav.gif) no-repeat -140px -192px;	
}
#nav #cosmetics.current a{
	background:url(../images/nav.gif) no-repeat -280px -192px;
	cursor:default;
}
#nav #sets-interiors a:link, 
#nav #sets-interiors a:visited{
	left:0px;
	top:250px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -240px;	
}
#nav #sets-interiors a:hover, 
#nav #sets-interiors a:focus{
	background:url(../images/nav.gif) no-repeat -140px -240px;	
}
#nav #sets-interiors.current a{
	background:url(../images/nav.gif) no-repeat -280px -240px;
	cursor:default;
}
#nav #fashion a:link, 
#nav #fashion a:visited{
	left:0px;
	top:300px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -288px;	
}
#nav #fashion a:hover, 
#nav #fashion a:focus{
	background:url(../images/nav.gif) no-repeat -140px -288px;	
}
#nav #fashion.current a{
	background:url(../images/nav.gif) no-repeat -280px -288px;
	cursor:default;
}
#nav #about a:link, 
#nav #about a:visited{
	left:0px;
	top:350px;
	width:140px;
	background:url(../images/nav.gif) no-repeat 0px -336px;	
}
#nav #about a:hover, 
#nav #about a:focus{
	background:url(../images/nav.gif) no-repeat -140px -336px;	
}
#nav #about.current a{
	background:url(../images/nav.gif) no-repeat -280px -336px;
	cursor:default;
}


/*
#nav{
	float:left;
	margin:0 30px 0 0;
	width:140px;
}
#nav li{
	width:140px;
	text-align:right;
	list-style:none;
	margin:0 0 30px 0;
	font-size:18px;
}
*/
#nav li a:hover, 
p a:hover{
	color:#58b5b6;
}
#nav li.active a{
	font-weight:normal;
	color:#c1ab6a;
	border-bottom:0px;
}

#thumbs{
	float:left;
	margin:0 20px 0 0;
	width:320px;
}
#thumbs li{
	float:left;
	display:inline;
	list-style:none;
	width:70px;
	height:70px;
	margin:0 10px 10px 0;
}
#thumbs li a{
	left:0;
	top:0;
}

/* transparent thumbnail rollovers */
#thumbs a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;	
}

#photos{
	width:430px;
	float:left;
}
#enlargement{
	position:relative;
	float:left;
	width:430px;
	height:430px;
}
#enlargement img{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#enlargement img.selected{
	display:block;
}

/* prev/next buttons */
#buttons{
	float:left;
	margin:10px 0 0 0;
	width:430px;
}
#buttons a{
	float:left;
	display:inline-block;
	margin:0 2px 0 0;
	width:70px;
	height:45px;
	text-indent:-99999px;
}
a.prev{
	background:url(../images/prev-button.gif) top left no-repeat;
}
a.prev:hover{
	background:url(../images/prev-button.gif) 0px -45px no-repeat;
}
.next{
	background:url(../images/next-button.gif) top left no-repeat;
}
.next:hover{
	background:url(../images/next-button.gif) 0px -45px no-repeat;
}


/* button press effect */
/*
#buttons a:active,
.click_down{
	position:relative;
	top:2px;
}
*/
.click_down{

}

/* about page */
#about-content{
	float:left;
	display:inline;
	width:770px;
	margin:0 0 0 0px;
}
#bio{
	float:left;
	width:770px;
	color:#666;
	margin:0 0 20px 0px;
	background:url(../images/about-img.jpg) top right no-repeat;
	height:320px;
}
#bio p.bio-text{
	float:left;
	display:inline;
	width:310px;
	height:194px;
	font-size:16px;
	line-height:25px;
	text-indent:-99999px;
	margin:0 0 0 20px;
	background:url(../images/about-text.gif) top right no-repeat;
}
#contact{
	float:left;
	color:#666;
	margin:30px 0 0 0px;
}
#bio p{
	float:left;
	display:inline;
	width:700px;
	font-size:16px;
	font-family:verdana, sans-serif;
	line-height:28px;
	color:#767475;
}
#bio p.number,
#bio p.email{
	margin-left:30px;
}
#clients,
#photographers{
	float:left;
	width:770px;
	margin:0 0 20px 0px;
}
#clients{
	background:url(../images/clients-bg.jpg) top right no-repeat;
}
#photographers{
	background:url(../images/photographers-bg.jpg) top right no-repeat;
	margin-bottom:40px;
}
#clients h2,
#photographers h2{
	float:left;
	display:inline;
	width:680px;
	text-indent:-99999px;
}
#clients h2{
	margin:30px 0 6px 300px;
}
#photographers h2{
	margin:30px 0 6px 30px;
}

#clients h2{
	height:22px;
	background:url(../images/clients.gif) top left no-repeat;
}
#photographers h2{
	height:23px;
	background:url(../images/photographers.gif) top left no-repeat;
}
#clients ul,
#photographers ul{
	float:left;
	width:510px;
}
#photographers ul{
	padding:10px 0 30px 30px;
}
#clients ul{
	padding:10px 0 30px 300px;
}
#clients ul li,
#photographers ul li{
	float:left;
	font-size:14px;
	width:170px;
	display:inline;
	margin:0 0 7px 0;
}
#clients ul li{
	color:#666;
}
#photographers ul li{
	color:#666;
}
/*
#clients ul li{
	color:#889c64;
}
#photographers ul li{
	color:#576081;
}
*