@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 10px;
	line-height: 16px;
	color: #000000;
}
* {
	margin: 0;
	padding: 0;
}
#container { 
	width: 780px;
	background: #ffffff;
	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. */
}
a {
  color: #000000;
  text-decoration: none;
}
a.logo {
}
a.logo:hover {
  text-decoration: none;
}
a.specific {
  color: #80a6c7;
}
a:hover {
  text-decoration: underline;
}
span.bold {
  font-weight: bold;
  color: #000000;
}
h1 {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}
/* The following 3 divs define the "table" of elements across all the pages */
div.row {
  overflow: auto; 
  width: 99%;
  margin-left: 5px;
}
div.left {
  float: left; 
  width: 18%;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #000000;
}
div.right {
  float: left; 
  width: 80%; 
  padding: 5px 0px 5px 0px;
  margin-left: 14px;
}
div.fullpage {
  width: 80%;
  padding: 5px 0px 5px 14px;
}
/* The specific rows */
#top {
	height: 20px;  	
}
#header {
   border-bottom: 1px solid #000000; 
   height: 45px; 
   position:relative;
}
#main {
  margin-top: 25px;
  margin-bottom: 5px;
}
#mainleft {
  height: 264;
  padding: 0px;
  border-bottom: 1px solid #000000; 
}
#mainleft h1 {
  padding-top: 14px;
}
#mainright {
  height: 266;
  padding-top: 0px;
}
#slideshowrow {
  height: 17px;
}
#slideshowleft {
  border-top: none; 
  height: 12px; 
  margin: 0px; 
  padding: 0px;
}
#slideshowright {
  height: 12px; 
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px; 
  padding-top: 0px;
  padding-bottom: 0px;
}
#empty {
  height: 266;
  padding: 0px;
  border-bottom: 1px solid #000000; 
  margin-bottom: 5px;
}
#main h1 {
  padding-bottom: 10px;
}
#text {
  padding-top: 5px;
}
#text .withimage {
  min-height: 70px;
  overflow: show;
}
#text p {
  padding: 0px 70px 5px 0px;
}
#text img {
  width: 60px;
  height: 60px;
  float: right;
  margin-top: 6px;
}
#full_text h1 {
  padding-top: 10px;
}
#full_text h2 {
  font-size: 10px;
	line-height: 16px;
	font-weight: bold;
}
#full_text .withimage {
  min-height: 70px;
  overflow: show;
}
#full_text p {
  padding: 0px 0px 5px 0px;
}
#full_text img {
  float: right;
  margin-top: 6px;
}
#project h1 {
  padding-bottom: 10px;
}
#project p {
  padding-bottom: 15px;
}
#project ul {
}
#project ul li {
  padding-bottom: 5px;
  list-style: none;
}
.mainmenu {
  font-size: 12px;
  font-weight: bold;
}
.mainmenu a {
  padding-bottom:5px;
  text-decoration: none;
  display: block;
}
#aboutpage_gohome {
  height: 23px; 
  padding-top: 5; 
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
}
a.submenu {
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
  padding-bottom:5px;
  text-decoration: none;
  display: block;
}
a.projectname {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  display: block;
}
#subprojects {
  display: none;
}
img.control {
  height: 9px;
  width: 5px;
  border: none;
  margin-left: 6px;
  vertical-align: top;
}
#footer {
  width: 99%;
  margin-left: 5px;
  height: 5px;
}
.homepage_pics .pic_column_1{
	width: 219px;
	height: 200px;
	float: left;
	position: relative;
}
.homepage_pics .pic_column_2 {
	width: 203px;
	height: 200px;
	float: left;
	position: relative;
}
.homepage_pics .pic_column_3 {
	width: 180px;
	height: 200px;
	float: right;
	position: relative;
}
.homepage_pics .pic_column_1 img, .homepage_pics .pic_column_2 img{
	width: 180px !important;
	height: 180px !important;
	float: left !important;
	margin-top: 20px !important;
}
.homepage_pics .pic_column_3 img{
	width: 180px !important;
	height: 180px !important;
	float: right !important;
	margin-top: 20px !important;
}
.pic_title {
    background-color: rgb(0, 0, 0, 0.5);
    position: absolute;   
    bottom: 0;           
	left:0;
    color: white;
    width: 180px;
    font-size: 10px;
    text-align: center;
	padding: 15px 0;
    opacity: 0;           
    transition: 0.6s;
}
.homepage_pics .pic_column_1:hover .pic_title, .homepage_pics .pic_column_2:hover .pic_title, .homepage_pics .pic_column_3:hover .pic_title {
    opacity: 1;       
}