body
{

  color:695c5f;
padding:0px;
margin:0px;
  background-color: 080707;

}
div#menu
{
  position:absolute;
  top:5%;
  height:24px;
  width:100%;

  margin-top:-12px;  
  text-align:center;
}

body.mini div#menu
{
  margin-top:0px;  
  padding-top:20px;   
  position:relative;


}



div#menu p
{
	display: inline;
}

div#menu ul, div#menu li 
{
	display: inline;
	margin: 0;
	padding: 0;
	color: #dddddd;
}

div#footer
{
 	position:absolute;
	left:0px;
	top:93%;
	width:100%;
	height:100px;
	margin-top:-50px;
}

body.mini div#footer
{

 	position:absolute;
	left:0px;
	top:450px;
	width:100%;
	height:100px;

}

div#logo
{

	height: 100px;
	width:440px;
	display:inline-block;

	position:absolute;
	left:100%;
	top:0;

	margin-left:-440px;
	
	background-image: url(http://c1282772.cdn.cloudfiles.rackspacecloud.com/glyphs.png) ;
}



div#copyright
{

	height: 20px;
	width:160px;
	display:inline-block;

	position:absolute;
	left:0;
	top:80;

	background-image: url(http://c1282772.cdn.cloudfiles.rackspacecloud.com/glyphs.png) ;
	background-position:right -412px;
}



div#copyright span
{
display:none;
}
div#menu li a
{
	color: #dddddd;
	height: 23px;
	display:inline-block;
	background-image: url(http://c1282772.cdn.cloudfiles.rackspacecloud.com/glyphs.png) ;
}
div#menu li a:hover
{
	color: #ffffff;
}

div#menu a#landscape
{
	width: 117px;
	background-position:right -96px;
}
div#menu a#urban
{
	width: 80px;
	background-position:right -120px;
}
div#menu a#portrait
{
	width: 95px;
	background-position:right -144px;
}
div#menu a#event
{
	width: 79px;
	background-position:right -168px;
}
div#menu a#blog
{
	width: 72px;
	background-position:right -192px;
}
div#menu a#contact
{
	width: 61px;
	background-position:right -216px;
}
div#menu a:hover#landscape
{
	background-position:right -264px;
}
div#menu a:hover#urban
{
	background-position:right -288px;
}
div#menu a:hover#portrait
{
	background-position:right -312px;
}
div#menu a:hover#event
{
	background-position:right -336px;
}
div#menu a:hover#blog
{
	background-position:right -360px;
}
div#menu a:hover#contact
{
	background-position:right -384px;
}
div#menu span
{
display:none;
}

div#photobar
{

	height:480px;
	width:100%;
	background-color:#141212;
	position:absolute;
	left:0;
	top:46%;
	margin-top:-240px;

}

body.mini div#photobar
{
	top:90px;
	margin-top:0px;
	height:240px;	
}

body.maxi div#photobar
{
	height:640px;
	margin-top:-320px;
}
div#spacer
{
	width:100%;

}


div#container
{	
	width:1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;
}

body.mini div#container
{
width:650px;
margin-left:-310px;
}

body.maxi div#container
{
width:1320px;
margin-left:-640px;
}

div#container div
{
	float:left;
	height:480px;


}
body.mini div#container div
{
	height:240px;
}

body.maxi div#container div
{
	height:640px;
}

div#info
{
	width:180px;
	font-family:monospace;
}
div#info div.caption
{
	height:100px;
	width:180px;
	top:350px;
	position:absolute;
}
body.mini div#info div.caption
{
top:150px;
	height:100px;
}
body.maxi div#info div.caption
{
top:540px;
	height:100px;
}
div#photo
{
	width:720px;
	position:relative;
}
body.mini div#photo
{
	width:360px;
	position:relative;
}
body.maxi div#photo
{
	width:960px;
	position:relative;
}
div#prev a
{
	height: 90px;
	width: 40px;
	margin-right:10px;
	display:inline-block;
	background-image: url(http://c1282772.cdn.cloudfiles.rackspacecloud.com/glyphs.png) ;
	background-position:-820px -490px;
	position:relative;
	top:250px;
}

div#next a
{
	height: 90px;
	width: 40px;
	margin-left:10px;
	display:inline-block;
	background-image: url(http://c1282772.cdn.cloudfiles.rackspacecloud.com/glyphs.png) ;
	background-position:-820px -582px;
	position:relative;
	top:250px;
}

body.mini div#next a
{
	top:120px;
}
body.mini div#prev a
{
	top:120px;
}
body.maxi div#next a
{
	top:420px;
}
body.maxi div#prev a
{
	top:420px;
}


div#prev a:hover
{
	background-position:-820px -674px;
}

div#next a:hover
{
	background-position:-820px -766px;
}


div#photo IMG {
    position:absolute;
    top:0;
    left	:0;
    z-index:8;
    display:none;
    height:100%;
}

div#photo IMG.active {
    z-index:10;
    display:inline;
}

div#photo IMG.last-active {
    z-index:9;
   display:inline;
}