body {
	margin: 0;
	padding: 0;
	font: 14px/14px "Frutiger Linotype", "Trebuchet MS", Verdana, sans-serif;
	text-align: center;}

h1 {background: url(/images/title.png);position: absolute; width: 431px; height: 43px;bottom:0px;right:10px; color: #AAA;text-indent: -10000px;z-index:100}
ul {margin: 0;padding: 0;list-style:none;}

fieldset {border: none;}
form {margin:0; padding: 0;}
input, textarea, label, legend {
	margin: 0 auto 5px auto;
	padding: 0;
	width:90%;
	position: relative;
	font: 0.85em/0.85em "Georgia", serif;}
legend, label, button {margin: 0;font-weight: bold;}
legend {padding: 10px 0 10px 0;}
button {	margin: 0 auto;text-align: center;}

img {border: none;}

#anatomy {
	background: transparent url(/images/anatomymain.png) no-repeat left top;
	position:absolute;
	width:490px;
	height:307px;
	left:50%;
	top:50%;
	margin: -150px 0px 0px -245px;}

#weblog {
	position:absolute;
	top: 91%;
	left: 26%;}
	
#email {
	position:absolute;
	top:29%;
	left:82%;
	width:100px;
	height: 20px;}

#email div:hover {color:black;}

#email div {display: none;}

#email:hover div {display: block;
	position: relative;
	top: -370%;
	right: 305%;
	width: 300px;
	height: 300px;
	background: transparent url(/images/70sand.png) repeat;
	border: 1px outset #765;
	padding:10px;
	z-index:150;}

div:hover {font-size: 1em;} /*needed to kick start IE into applying :hover*/

#submit {
	text-align: center;
	padding: 0;
	border: none;
	position: absolute; 
	background: white;
	margin: 50px 25%; 
	width: 49%;}

#photos {
	position:absolute;
	top: 26.5%;
	left: 30%;}
	
#about {
	position:absolute;
	top: 55%;
	left: 92%;}

#css {
	position:absolute;
	top: 75%;
	left: 59%;}

.strap {display: none;}