@charset "utf-8";
/* CSS Document 
*{border:1px red dashed};*/

body{
	background-color:#320312;
	text-align:center;
	margin: 44px 0 0 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;

}

a { color:#e1e1e1; text-decoration:none } 
a:hover{text-decoration:underline; }

a.graylink{color:#333333; text-decoration:underline;}
a.graylink:hover{color:#333333; text-decoration:none}

#container{
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container_port{
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 
}

#port_label{
	background-color:#e2dcdc;
	color:#320312;
	padding-right:280px;
	text-align:center;
	height:16px;
}


#header{
	width:780px;
	height:74px;
	background-color:#888888;
	position:relative;
}

p { margin-top:13px; padding:0; }

#logographic{
	position:absolute;
	top: 5px;
	left: -19px;
}
#titlelogo{position:absolute; left:102px; top:14px }
#headerinfo{float:right;}

#mainbody{
	width:780px;
	background-color:#e2dcdc;
	margin:8px 0 0 0;
	padding:0;
	height:367px;
	overflow:hidden;
	position:relative
}

#footer{
	padding-top:14px;
	text-align:center;
}

#contact_scroll {
	float:left;
	padding:0px 15px 0px 7px;
	width:374px;
	height:298px; 
	color:#333333;
	overflow:auto;
}


#contact_content {
	
	margin:22px 15px 12px 387px;
	width:374px;
	color:#333333;
	
}

#contact_image{
	margin:1px 56px 1px 55px;
	float:left;
	
	border:1px solid white;
	
}


#about_image{
	float:left;
	margin:1px 1px;
	border:1px solid white;
}

#about_content {

	margin:22px 15px 33px 387px;
	width:374px;
	height:311px;
	color:#333333;
}

#about_title{
	border-bottom:1px solid #8e8686;
	width:374px;
}

#about_title_img{
	text-align:right;
	padding-bottom:11px;
	padding-left:241px;
}


#publications_title_img{
	text-align:right;
	padding-bottom:11px;
	padding-left:228px;
}

#portfolio_image_area{
	float:left;
	text-align:center;
	width:500px
}

#portfolio_image{
	margin:1px 1px;
	border:1px solid white;
}



#portfolio_content {
	
	margin:55px 13px 33px 480px;
	width:266px;
	height:245px;
	color:#333333;
	overflow:auto;
}

#portfolio_title{
	border-bottom:1px solid #8e8686;
	width:244px;
	margin-bottom:11px;
	position:absolute;
	right:30px;
	top:10px;
}

#publications_title{
	border-bottom:1px solid #8e8686;
	width:244px;
	margin-bottom:11px;
}

#portfolio_title_img{
	text-align:right;
	padding-bottom:11px;
	padding-left:110px;
}

#portfolio_thumb{
	zoom: 1;
	float:left;
	padding: 2px 2px;
}


#menu { position:absolute; left:102px; top:58px; }
#menu ul { margin:0; padding:0}
#menu li {
	padding-right:10px;
	margin-right:10px;
	display:inline;
	list-style:none;
	border-right: 1px solid #e1e1e1;
	line-height:
}
#menu li.last { border-right:0 none; }
#menu li.first { padding-left:10px; }