@charset "UTF-8";
/* CSS Document */
	
/* hide from ie on mac \*/
	
html { width: 100%; height: 100%; overflow: hidden; }

body { width: 100%; height:100%; background-color:#eee; }

div, h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999; }

#main {
	position: absolute;
	width: 900px; height: 462px;
	top: 50%; left: 50%;
	margin-top: -231px; margin-left: -450px;
}

.photo-main { position:relative; top:-4px; padding-bottom:0px; }

.bar { border-top: 1px solid #444444; margin-top:3px; margin-bottom:-12px; height: 12px; }

h1, nav { font-weight: normal; font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin-top:0; margin-bottom:0; }

h1 { float: left; padding:4px 3px 6px 6px; }
nav { float: right; }

.title { color:#000; padding-bottom:3px; }
nav, .nav, .nav2 { color:#777; padding:4px 3px 6px 6px; cursor:pointer; vertical-align:middle; }
.nav2 { color:#777; }
.nav:hover, .nav2:hover { color:#666; background-color:#ef3; }
.select { padding:4px 3px 6px 6px; color:#000; border-top:thin; border-color:#111; }
.navspace { padding-top:3px; }

.img-main { border: 1px solid #ccc; }

.text, .bio { color:#333; padding-bottom:9px; }
.bio_photo { position:relative; top:3px; left:208px; }
.bio { width:50%; text-align:left; }
.of { font-size:9px; color:#333; }
.arrow, .arrow2 { color:#ddd; font-size:8px; font-weight:bold; background-color:#999; height:12px; width:14px; cursor:pointer; vertical-align:middle; padding-top:2px;  }
.arrow:hover { background-color:#ef3; color:#333; }
.arrow2 { color:#bbb; background-color:#bbb; cursor:default; }

a { color: #666; text-decoration: none; }
a:hover { background-color:#ef3; }
a:visited { color: #666; }