﻿/* CSS layout */
*{margin:0;padding:0}a{text-decoration:none;}iframe,a img,form{border:0}li,ul{list-style:none}

html, body {height:100%}
body {color:#425263; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; text-align:center; background-color:#ffffff;}

#wrapper {width:1px; height:50%; margin-bottom:-320px; float:left;}
#container {margin:0 auto; position:relative; text-align:left; width:975px; height:585px; clear:left; overflow:hidden}

h1 {margin: 0px 0px 26px 0px; font-size: 1.12em; font-weight: normal; letter-spacing: 1px;}
h2 {margin: 0px 50px 15px 0px; padding: 0px; font-size: 1.32em; font-weight: normal; line-height: 25px; letter-spacing: 1px;}
h3 {margin: 0px; font-size: 1.32em; font-weight: bold; line-height: 15px; color: #91d11f;}
h4 {margin: 0px 0px 15px 0px; font-size: 1em; font-weight: bold; line-height: 15px;}
p {margin: 0px 0px 15px 0px; font-size: 1em; font-weight: normal; line-height: 15px;}

.location {color: #A0A0A0;	font-weight: normal}
.data {font-style:italic}
.revealcontent{visibility: visible;}

img {border-style: none; margin: 0px; padding: 0px}

#header {position: absolute; background-color: white; margin: 0px; width: 975px; height: 150px;}
#nav_main {position: absolute; margin: 0px; padding: 0px; left: 0px; top: 155px; width: 100px}
#nav_project_types {position: absolute; margin: 0px; padding: 0px; top: 280px; left: 0px; width: 100px}
#nav_sub {position: absolute; margin: 0px; padding: 0px; top: 155px; left: 113px; width: 120px;}
#home_images {position: absolute; margin: 0px; padding: 0px; top: 160px; left: 113px; width: 862px;}
#home_text {position: absolute; margin: 0px; padding: 0px; top: 514px; left: 113px; width: 862px; text-align: right; padding-top: 2px}

#page_title {position: absolute; width: 715px; left: 260px; top: 123px}

#left_3col {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 421px; left: 260px; top: 155px; vertical-align: top}
#right_2col {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 274px; left: 701px; top: 155px; vertical-align: top}
#right_3col {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 421px; left: 554px; top: 155px; vertical-align: top}
#left_2col {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 274px; left: 260px; top: 155px; vertical-align: top}
#left_2col_narrow {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 230px; left: 260px; top: 155px; vertical-align: top}
#left_half {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 357px; left: 260px; top: 155px; vertical-align: top}
#right_half {position: absolute; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 357px; left: 618px; top: 155px; vertical-align: top}

#left_3col.images {top: 160px;}
#right_2col.images {top: 160px;}
#right_3col.images {top: 160px;}
#left_2col.images {top: 160px;}

.video {position: absolute; background-color: #ffffff; margin: 0px; padding: 0px; font-size: 1em; color: #425263; line-height: 1.75em; width: 421px; height: 340px; left: 554px; top: 160px; vertical-align: bottom; z-index: 0}

#people_main {position: absolute; margin: 0px; padding: 0px; font-size: 1em; font-weight: bold; color: #425263; line-height: 1.75em; width: 715px; left: 260px; top: 160px; vertical-align: top}
div.person {background-color: #E0E0E0; position: relative; width: 127px; height: 100px; float: left; margin: 0px 20px 20px 0px}

#project_main {position: absolute; margin: 0px; padding: 0px; font-size: 1em; font-weight: bold; color: #425263; line-height: 1.75em; width: 421px; left: 260px; top: 160px; vertical-align: top}
div.experience {background-color: #E0E0E0; position: relative; width: 127px; height: 100px; float: left; margin: 0px 20px 20px 0px}

#project_title {position: absolute; width: 715px; left: 260px; top: 123px}
#project_data {position: absolute; font-size: 1em; width: 230px; left: 260px; top: 465px}
#project_image_buttons {position: absolute; width: 350px; left: 554px; top: 505px}
#project_download {position: absolute; width: 75px; left: 900px; top: 505px; text-align: right; padding-top: 2px}
#project_video {position: absolute; width: 75px; left: 825px; top: 505px; text-align: right; padding-top: 2px}

#footer {position: absolute; padding: 0px; text-align: left; width: 975px; left: 0px; top: 570px; height: 15px; vertical-align: bottom}
.footertext {font-size: 9px; font-weight: normal; font-style: normal; color: #A0A0A0;}

A {color: #A0A0A0; text-decoration: none}
A:hover {color: #91d11f; text-decoration: none}
A:active {color: #A0A0A0; text-decoration: none; outline: none;}
A:focus {outline: none;}

.selected {color:#425263}
.download {	font-size: 1.12em}
.contact {margin: 0px 0px 0px 0px; font-size: 1.25em; line-height: 1.5em; }
.credit {font-size: 0.75em; vertical-align: top}
.terms {padding: 0px 10px 0px 0px; font-size: 1em; line-height: 1.75em; font-weight: normal; line-height: 1em;}

.menu_item {height: 25px; vertical-align: top; cursor: pointer}
.menu {color: #A0A0A0; margin: 0px; padding: 0px 0px 10px 0px; font-size: 1em; line-height: 1.75em; letter-spacing: 1px; cursor: pointer; }
.menu:link {text-decoration: none;}
.menu:hover{color: #91d11f;}
.menu:active{color: #425263;}
.menu_selected {color: #425263; margin: 0px; padding: 0px 0px 10px 0px; font-size: 1em; line-height: 1.75em; letter-spacing: 1px; cursor: pointer; }
.menu_selected:link {color: #425263; text-decoration: none;}
.menu_selected:hover{color: #425263;}
.menu_selected:active{color: #425263;}

.menu_sub {color: #A0A0A0;	margin: 0px; padding: 0px 0px 10px 5px; font-size: 1em; line-height: 1.75em; letter-spacing: 0px; cursor: pointer;}
.menu_sub A {text-decoration: none;}
.menu_sub A:hover{color: #91d11f;}
.menu_sub A:active{color: #425263;}
.menu_sub_selected {color: #425263;	margin: 0px; padding: 0px 0px 10px 5px; font-size: 1em; line-height: 1.75em; letter-spacing: 0px; cursor: pointer;}

.menu_level2 {color: #A0A0A0;	margin: 0px; padding: 0px 0px 10px 0px; font-size: 1em; line-height: 1.75em; letter-spacing: 0px; cursor: pointer;}
.menu_level2:link {text-decoration: none;}
.menu_level2:hover{color: #91d11f;}
.menu_level2:active{color: #A0A0A0;}
.menu_level2_selected {color: #425263; margin: 0px; padding: 0px 0px 10px 0px; font-size: 1em; line-height: 1.75em; letter-spacing: 0px; cursor: pointer;}
.menu_level2_selected:link {color: #425263; text-decoration: none;}
.menu_level2_selected:hover{color: #425263;}
.menu_level2_selected:active{color: #425263;}
.menu_level2_hover {color: #91d11f; margin: 0px; padding: 0px 0px 10px 0px; font-size: 1em; line-height: 1.75em; letter-spacing: 0px; cursor: pointer;}
.menu_level2_hover:link {color: #91d11f; text-decoration: none;}
.menu_level2_hover:hover{color: #91d11f;}
.menu_level2_hover:active{color: #425263;}
