body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: white;
}

#content{
	border: 1px solid #666666;
	background-color: #f6f6f6;
	padding-left: 25px;
	position:relative;
	float: right;
	width: 850px;
}

#page{
	width:1000px;
}

div#nav ul{
	list-style-type: none;
	margin:1em;
	margin-right:0;
	margin-top:0;
	position:relative;
	float: right;
	/*width: 62em;
	height: 1.5em;*/
	padding:0;
	font-size: .8em;
}

div#nav ul li{
	margin:0;
	padding:.5em;
	display: compact;
	position: relative;
	float: left;
}

div#nav ul li a{
	text-decoration: none;
	color: #666666;
}

div#nav ul li a:hover{
	text-decoration: underline;
	color: #993333;
}

div#nav ul li.space{
	border-left: 2px solid #666666;
}

/* Environment */

div#nav ul li.environment a:hover{
	text-decoration: underline;
	color: #339933;
}

div#nav ul li.environment{
	background-color: #DDFFDD;
}

/* Personal */

div#nav ul li.personal a:hover{
	text-decoration: underline;
	color: #333399;
}

div#nav ul li.personal{
	background-color: #DDDDFF;
}

/* Tech */

div#nav ul li.tech a:hover{
	text-decoration: underline;
	color: #666600;
}

div#nav ul li.tech{
	background-color: #DDDD99;
}

/* Policy */

div#nav ul li.policy a:hover{
	text-decoration: underline;
	color: #993333;
}

div#nav ul li.policy{
	background-color: #FFDDDD;
}

/* Writing */

div#nav ul li.writing a:hover{
	text-decoration: underline;
	color: #000000;
}

div#nav ul li.writing{
	background-color: #FFFFFF;
}





#photo{
	width: 100px;
	height: 500px;
	background-image: url("images/me1.jpg");
	position:relative;
	float: left;
	border: 1px solid #666666;
}

#photo #watermark_layer{
	background-color: white;
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: .35;
	position:relative;
	float: left;
	width:100%;
	height: 100%;
}

#photo a{
	display: block;
	width: 100%;
	height: 100%;
}

#main #photo{
	background-image: url("images/me11.jpg");
	background-attachment:fixed;
	background-position: -80px -50px;
}

#environment #photo{
	background-image: url("images/me1.jpg");
	background-attachment:fixed;
	background-position: -140px -40px;
}

#tech #photo {
	background-image: url("images/me2.jpg");
	background-attachment:fixed;
	background-position: -170px -50px;
}

#tech #it_page #photo {
	background-image: url("images/me3.jpg");
	background-attachment:fixed;
	background-position: -60px 0px;
}
#tech #web_page #photo {
	background-image: url("images/me5.jpg");
	background-attachment:fixed;
	background-position: -320px -50px;
}
#tech #design_page #photo {
	background-image: url("images/me6.jpg");
	background-attachment:fixed;
	background-position: -350px -90px;

}
#tech #programming_page #photo {
	background-image: url("images/me4.jpg");
	background-attachment:fixed;
	background-position: -320px -35px;
}

#about #photo {
	background-image: url("images/me2.jpg");
	background-attachment:fixed;
	background-position: -170px -50px;
}

#about #projects_page #photo {
	background-image: url("images/me10.jpg");
	background-attachment:fixed;
	background-position: -610px -85px;
}
#about #about_page #photo {
	background-image: url("images/me2.jpg");
	background-attachment:fixed;
	background-position: -170px -50px;
}
#about #personal_page #photo {
	background-image: url("images/me11.jpg");
	background-attachment:fixed;
	background-position: -80px -50px;
}

#writing #photo {
	background-image: url("images/me7.jpg");
	background-attachment:fixed;
	background-position: -680px -0px;
}

#photo_sec #photo {
	background-image: url("images/me7.jpg");
	background-attachment:fixed;
	background-position: -680px -0px;
}

#policy #photo {
	background-image: url("images/me8.jpg");
	background-attachment:fixed;
	background-position: -170px -50px;
}