#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 740px;
	height: 500px;
	padding: 10px;
	margin: -260px 0 0 -380px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
}

#sideBar { 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	width: 80px; 
	height: 500px; 
}
.menuBar { text-align: right; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-position: 50% center; overflow: hidden; display: block; }

.menuBar a { text-decoration: none; margin-top: 0; padding-right: 1em; padding-left: 1em; border-left: 1px solid #fff; }
.menuBar a:visited { text-decoration: none; margin-top: 0; padding-right: 1em; padding-left: 1em; border-left: 1px solid #fff; }
.menuBar a:link { text-decoration: none; margin-top: 0; padding-right: 1em; padding-left: 1em; border-left: 1px solid #fff; }
.menuBar a:hover { 
	text-align: right; 
}

#projectDetails { 
	position: absolute; 
	top: 45px; 
	left: 100px; 
	width: 180px; 
	height: 465px; }
	
#thumbnails { 
	position: absolute; 
	top: 45px; 
	left: 300px; 
	width: 450px; 
	height: 80px; 
}

#projectImage { 
	position: absolute; 
	top: 145px; 
	left: 300px; 
	width: 450px; 
	height: 365px; 
}

h1 { color: gray; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid #0e0e42; }
p { color: #0e0e42; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
.thumbnailPic { text-align: right; margin: 5px; padding: 0; border: 1px #000; }
.thumbnailPic2 { text-align: right; margin: auto; padding: 0; border: 1px #000; }
.mainPic { width: 435px; height: 321px; margin: 10px 5px 0; border-style: none; border-width: 0; }
body {
	background-color: #CCCCCC;
}
a { color: black; text-decoration: underline; }
a:visited { color: black; }
a:link { color: black; }
a:hover { color: blue; }
a:active { color: red; }