body {
	margin: 0px;
}
#header {
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	height: 55px;
}

#footer {
	position:fixed;
	bottom:0px;
	height:27px;
	width:100%;
	background-image: url(../images/bg_footer.gif);
	padding: 0;
	clear: both;
	display: block;
	left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 27;
	margin-left: 0;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin-top:8px;
	margin-right:10px;
	float: right;
}
.copyright img{
	margin-right: 5px;
	
}
#body_home {
	height: 539px;
	width: 100%;
	background-color: #003300;
	margin: 0px;
	padding: 0px;
}
#menu {
	height: 50px;
	float: right;
	margin-right: 10px;
	padding-bottom: 2px;
	padding-top: 3px;
}
#menu a{
	margin-right: 15px;
}

.dotline_home {
	background-image: url(../images/bg_dotline_home.gif);
	background-repeat: repeat-x;
	height: 4px;
	width: 100%;
	padding: 0px;
	line-height: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -17px;
	margin-left: 0px;
}
#body {
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.dotline {
	background-image: url(../images/bg_dotline.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
}
#header_about{
	height: 218px;
	width: 100%;
	background-image: url(../images/bg_header_about.jpg);
	background-repeat: repeat-x;
	position: relative;
}
#header_project{
	height: 218px;
	width: 100%;
	background-image: url(../images/bg_header_project.jpg);
	background-repeat: repeat-x;
}
#header_news{
	height: 218px;
	width: 100%;
	background-image: url(../images/bg_header_news.jpg);
	background-repeat: repeat-x;
}
#header_footprints{
	height: 218px;
	width: 100%;
	background-image: url(../images/bg_header_footprints.jpg);
	background-repeat: repeat-x;
}
#header_contact {
	height: 218px;
	width: 100%;
	background-image: url(../images/bg_header_contact.jpg);
	background-repeat: repeat-x;
}
#body .main {
	padding-top: 15px;
	padding-left: 20px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #333333;
	padding-right: 20px;
}
#body .content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	margin-right: 20px;
}

#body .subnavi  {
	padding-top: 20px;
	padding-left: 10px;
	vertical-align: top;
	width: 180px;
	padding-right: 10px;
}
#body .headline {
	background-image: url(../images/headline_dotline.gif);
	background-repeat: repeat-x;
	background-position: 1px 19px;
	margin-right: 10px;
}

.subnavi ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.subnavi li a, .subnavi li a.current {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 30px;
	line-height: 20px;
	}	
	
.subnavi li a:link, .subnavi li a:visited {
	color: #666666;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../images/bullet_off.gif);
	background-repeat: no-repeat;
	background-position: 6px 12px;
	
	}
	
.subnavi li a:hover, .subnavi li a.current{
	color: #669900;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../images/bullet_on.gif);
	background-repeat: no-repeat;
	
	}	
.textfield {
	height: 18px;
	width: 200px;
}
#video {
	float: right;
	clear: left;
	margin-right: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 218px;
	width: auto;
}




/* -----------------------------------------------
Photo section
----------------------------------------------- */

div#project {
  float: left;
  clear: both;
  margin: 16px 0 12px 0;
  width: 100%;
}

div#project div#photo {
  padding: 0 24px 0 24px;
  width: 400px;
  float: left;
  border-right: solid 1px #a4aab2;
  /*   border-left: solid 1px #a4aab2; */
  text-align: center;
}

div#project div#photo img {
  /* border: solid 1px #a4aab2; */
}

div#project div#thumbnails {
  float: left;
  clear: none;
  background-color: transparent;
  margin: 0 0 0 24px;
  width: 165px;
}

div#project div#thumbnails span {
  float: left;
  margin: 0 12px 8px 0;
}

div#project div#thumbnails img {
  border: solid 1px #a4aab2;
}