*{margin:0; padding:0;}
body{margin:25px; background: #000000; color:#ffffff; font:11px Helvetica, Verdana, Geneva, sans-serif;}

img{display:block; padding:0; border:0; margin:0;}

a{color:#ffffff;}

div{padding:0; border:0; margin:0; overflow:hidden; vertical-align:top;}

h1{height:30px; color:#ffffff; font:25px Helvetica, Verdana, Geneva, sans-serif;}
h2, h3, li{padding-top:5px; padding-bottom:5px;}
h3{text-align:right;}
li{border-top:2px solid #222222;}
ul{margin-left:10px; list-style:none; border:2px solid #222222; border-top:none;}
strong,h3{color:#aaaaaa;}

#container{width:800px; height:600px; margin:0 auto; background: #000000 url(interface/bg.jpg) no-repeat;}

#nav{height:560px; width:32px; margin-left:6px; margin-right:25px; margin-top:140px; padding-top:5px; float:left; z-index:1000; background:transparent url('interface/nav_bg.png') top right no-repeat;}
#nav:hover{width:57px; margin-right:0; background:transparent url('interface/nav_bg_hover.png') top right no-repeat;}
#nav #more_links{display:block; width:7px; height:560px; float:left;}
#nav:hover #more_links{width:32px;}
#nav #more_links *{display:none;}
#nav:hover #more_links *{display:block;}

	#others{display:block; width:25px; height:140px; background:transparent url('interface/nav_others.png') no-repeat;}
	#others:hover, #others:active{width:60px; background:transparent url('interface/nav_others_a.png') no-repeat;}

	#boxed_in{display:block; width:25px; height:140px; background:transparent url('interface/nav_boxed-in.png') no-repeat;}
	#boxed_in:hover, #boxed_in:active{background:transparent url('interface/nav_boxed-in_a.png') no-repeat;}

	#small_people{display:block; width:25px; height:140px; background:transparent url('interface/nav_small-people.png') no-repeat;}
	#small_people:hover, #small_people:active{background:transparent url('interface/nav_small-people_a.png') no-repeat;}

	#self_exposed{display:block; width:25px; height:140px; background:transparent url('interface/nav_self-exposed.png') no-repeat;}
	#self_exposed:hover, #self_exposed:active{background:transparent url('interface/nav_self-exposed_a.png') no-repeat;}

#leftsection{float:left; width:287px; height:445px; margin-top:150px; padding-left:25px; padding-right:25px; overflow-x:hidden; overflow-y:scroll;}

#rightsection{float:left; width:400px; height:100px; padding-top:500px; text-align:right; clear:right; background:url(interface/homebg.jpg) no-repeat;}



#thumbs{height:400px; width:64px; float:left; margin-left:17px; margin-top:150px; background:transparent url('interface/thumbs_bg.png'); overflow-x:hidden; overflow-y:scroll;}

#thumbs img{margin-bottom:10px;}

#image_box{height:404px; width:600px; float:left; margin-left:30px; margin-top:148px; background:transparent url('interface/imagebox.png');}

#image_inner_box{width:400px; height:400px; margin:2px auto;}

#large{margin:0 auto;}

.has_more_info{position:absolute; background:transparent url(interface/expand.png) top right no-repeat;}
#content .has_more_info{background:transparent url(interface/expand-black.png) center right no-repeat;}
p .has_more_info{position:relative;}
.has_more_info .more_info{display:none;}
.has_more_info:hover .more_info{display:block; background:white; color:black; text-align:left; padding:5px; opacity:0.75;}
p .has_more_info:hover .more_info{position:absolute;}


#copyright{width:800px; height:20px; margin:0 auto; padding-top:3px; padding-right:30px; text-align:right; opacity:0.5;}

