@charset "utf-8";
/* CSS Document */
/*Sets overall Document margins*/
body {background-color: #F6FAEC;margin: 0 0 0 0;}
/*Sets Content area width*/
ul { width:550px;}
/*Sets photolist area size and displays horizontally*/
#photo{display:inline; width:170px; height: 120px; float:left;  margin:1px;}
#photo a:hover {white-space:normal; position:relative;} /*Stops swap loop*/
/*Horizontal Image Controls*/
#photo  a img  {
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
	width: 150px;
	background-color:#FFFFFF;
	display:block;
	margin: 3px;
}
#photo a img:hover {
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
	width: 250px;
	position: absolute;
	top: -10px;
	left: -40px;
	background-color:#FFFFFF;
	color:#336633;
	margin: 3px;
	z-index: 2;
}
/*Vertical Image Controls*/
#vphoto{display:inline; width:170px; height: 120px; float:centre;  margin:1px;}
#vphoto a:hover {white-space:normal; position:relative;}
#vphoto  a img  {
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
	height: 100px;
	background-color:#FFFFFF;
	display:block;
	margin: 3px;
}
#vphoto a img:hover {
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
	width: 167px;
	height: 250px;
	position: absolute;
	top: -10px;
	left: -50px;
	background-color:#FFFFFF;
	color:#336633;
	margin: 3px;
	z-index: 2;
}
#photo em {visibility:hidden;  display:none;}
#photo a img:active {visibility: visible; display:inline; width: 570px; height: 400px; position:fixed; top:155px; left: 3px; z-index:100;}
#vphoto a img:active {visibility: visible; display:inline; width: 400px; height: 570px; position:fixed; top:5px; left: 85px; z-index:100;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight:bold; margin: 3px 0px -15px 45px; color:#666666}

 li {
	list-style-type:none;
	float:left;
	}
#projectDesc {
	font:12px Verdana, Arial, Helvetica, sans-serif bold ;
	margin: 125px 25px 10px 25px;
	color:#666666;
}
.proj{margin-left:35px;}
#ins {margin: 10px 0px 10px 45px; font: 10px verdana;}