body { background: #000; color: #fff; font: 11px/13px Arial, sans-serif; text-align: center; }
img { border: none; }
a { outline: none !important; }

#pageBox { width: 100%; margin-top: 50px; text-align: center; }
#logo { margin-bottom: 20px; }
#item { height: 600px; text-align: center; }
#caption { _height: 14px; margin-bottom: 24px; min-height: 14px; }

#menu {
	text-align: center;
}

#menu ul {
	width: 700px;
}

#nav {
	text-align: center;
}

#nav ul {
	width: 432px;
}

#nav li {
	margin-bottom: 4px;
	margin-right: 4px;
	width: 32px;
}

ul.nav {
	margin: 0 auto;
}

ul.nav li {
	display: block;
	float: left;
}

#menu a,
#menu li {
	display: block;
	background-position: 0 0;
	height: 98px;
	text-indent: -9999px;
	width: 98px;
}

#menu a:hover {
	background-position: 0 -98px;
}

#menu .lenscapes {
	background-image: url(/media/site/lenscapes.jpg)
}

#menu .panorama {
	background-image: url(/media/site/panorama.jpg)
}

#menu .portraits {
	background-image: url(/media/site/portraits.jpg)
}

#menu .monochrome {
	background-image: url(/media/site/monochrome.jpg)
}

#menu .commercial {
	background-image: url(/media/site/commercial.jpg)
}

#menu .graphics {
	background-image: url(/media/site/graphics.jpg)
}

#menu .contact {
	background-image: url(/media/site/contact.jpg)
}

img.on {
	opacity: .4;
	filter:alpha(opacity=40);
}