* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color:#171717;
font: 11px arial, sans-serif;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 468px;
} 
#inner {
	width: 700px;
	background:black;
	height: 868px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:10px solid #000;
	;
}

ul#cssnav {
margin:0 0 2em 17px;
padding:0;
list-style-type:none;
}
ul#cssnav li {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background: url(images/rollover2.gif) no-repeat left top;/* over state of image*/
float:left;
width: 11em;
height: 2em;
line-height:2em;
text-align:center;
margin-left:-17px;
}
#cssnav li a {
display:block;
width: 11em;
height: 2em;
display: block;
color: #FFF; 
text-decoration: none; 
background: url(images/rolloff2.gif) no-repeat left top;/* normal state of image*/
}
#cssnav li a:hover,#cssnav li.current a {background:transparent;color:#000} /* hide anchor on hover (and set current tab)*/ 
#left-person {
	position: absolute;
	top: 218px;
	left: 36px;
	width: 282px;
	height: 375px;
	background: url(images/picture.gif) no-repeat;
}