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;
}

* {
	margin: 0;
	padding: 0;
}

#container {
  width: 820px;
  margin: 0 auto;
  padding: 0 auto;
  text-align: center;
  position: relative;
}
div#logo {
  width: 17px;
	height: 180px;
  background: url('Images/diverse/logo.gif') no-repeat bottom left;
  float: left;
}
div#mainContent {
  width: 765px;
  float: right;
}
div#header {
  height: 67px;
}
div#tabs {
  height: 40px;
}
div#projects_tabs {
  float:left;
}
#projects_tabs img {
  float: left;
}
div#info_tabs {
  float: right;
}
#info_tabs img {
  float: right;
}
div#slide_show {
  height: 400px;
}
div#slide_show img {
  padding-top: 100px;
  width: 760px;
  text-align: center;
}
div#bottom_logo_link {
	width:771px;
	height:23px;
}
div#project_div {
  height:390px;
  margin: 10px 0px;
  text-align: left;
}
#project_div div#main_photo {
  height: 360px;
  float: right;
}
#project_div div#main_wide_photo {
  height: 360px;
  position: absolute;
  left: 295px;
  display: none;
}

#project_div div#project_info {
  height: 60px;
  text-align: right;
  clear: both;
  color: #666;
}
#project_info p {
  font-size: 9px;
  line-height: 14px;
  height: 30px;
}
#project_div div#thumbnail_1 {
  width: 55px;
  height: 360px;
  float: left;
}
#project_div div#thumbnail_2 {
  width: 120px;
  height: 360px;
  float: left;
}
#project_div div#thumbnail_3 {
  width: 190px;
  height: 360px;
  float: left;
}
#project_div #thumbnail_1 img {
  width: 53px;
  height: 53px;
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}
#project_div #thumbnail_2 img {
  width: 53px;
  height: 53px;
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}
#project_div #thumbnail_3 img {
  width: 53px;
  height: 53px;
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}
div#project_border {
  height: 10px;
  margin-top: 30px;
  background: url('Images/diverse/dots.gif') no-repeat bottom left;
}
div#bottom_navigation {
  text-align: left;
  height: 75px;
  margin: 0px;
}
#bottom_navigation img {
  float: left;
}
div#contact {
  float: left;
  padding-top: 190px;
	width:350px;
	color: #666666;
	line-height: 22px;
	text-align: justify;
	font-size: 12px;
}
#contact  a:link, #contact a:visited, #contact a:active {
  color: #999;
	text-decoration: none;
}
#contact a:hover {
  color: #333;
	text-decoration: none;
}
div#company_tabs {
  padding-top: 100px;
	width:809px;
	height:25px;
	text-align: left;
}
#company_tabs img {
  float: left;
}
div#overview {
  height: 500px;
  font-size: 10px;
  text-align: justify;
  color: #666;
  line-height: 17px;
  position: absolute;
  left:235px;
  top:250px;
}
div#competitions {
  height: 550px;
  font-size: 10px;
  text-align: left;
  color: #999999;
  line-height: 17px;
  position: absolute;
  left:235px;
  top:225px;
}
#competitions h1 {
  padding-top: 35px;
  padding-bottom: 10px;
  font-size: 9px;
  text-align: left;
  color: #666;
  line-height: 17px;
}
#competitions p {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #666;
}
div#publications {
  height: 550px;
  width: 70%;
  font-size: 10px;
  text-align: left;
  color: #999999;
  line-height: 17px;
}
#publications div#left {
  float: left;
  width: 55%
}
#publications div#right {
  float: right;
  width: 45%
}
div#pub_images {
  position:absolute;
	left:610px;
	top:260px;
	width:229px;
	height:117px;
}
#pub_images img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#publications h1 {
  padding-top: 25px;
  padding-bottom: 10px;
  font-size: 9px;
  text-align: left;
  color: #666;
  line-height: 13px;
}
#publications p {
  padding-top: 4px;
  padding-bottom: 5px;
  text-align: left;
  color: #666;
}
span.date {
  color: #999;
}
/* general style definitions */
img {
  border: none;
  padding: 0;
  margin: 0;
}