/**
 * Defaults and Resets
 */
html, body {margin: 0px; padding: 0px; background: #fff url(../images/bg-blue.gif) repeat-x;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 24px; color: #726e6b;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #43587f; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

h1 {margin: 0; font-size: 16px; font-weight: normal; color: #43587f;}
h2 {margin: 0 0 5px 0; font-size: 12px; line-height: 16px; color: #638ab7;}
h5 {margin: 0; font-size: 12px;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {position: relative; width: 755px; margin: auto; padding-top: 50px;}

#sidebar {float: left; width: 215px; padding-top: 65px;}
#sidebar a {color: #504c4a; text-decoration: none;}
#sidebar a:hover {color: #43587f; text-decoration: none;}
#sidebar li.on a {color: #43587f;}
#sidebar .nav ul, #sidebar .subnav ul {margin: 0; padding: 0 0 40px 0; list-style-type: none; text-transform: lowercase; font-size: 19px; line-height: normal;}
#sidebar .nav ul li {padding: 0 0 10px 0;}
#sidebar .subnav ul {width: 130px; font-size: 14px; line-height: 16px;}
#sidebar .subnav ul li {padding: 0 0 10px 0;}
#sidebar .address {font-size: 11px; line-height: 14px; padding-bottom: 25px;}
#sidebar .logo {position: absolute; top: 500px; left: 0px;}

#content {float: right; width: 500px;}

#body {min-height: 520px;}

#footer {font-size: 11px; text-align: right;}

/**
 * Home Page
 */
.home #sidebar .logo {position: relative; top: auto; left: auto; padding-bottom: 45px;}

#missionWrapper {height: 520px;}
#mission {position: relative; top: 230px; left: 50px;}
#mission img {display: block;}

/**
 * Projects
 */
.projectList {width: 450px; font-size: 12px; line-height: 18px; margin-top: 20px;}
.projectList a.name {font-size: 13px; font-weight: bold; color: #638ab7; text-decoration: none;}
.projectList a.name:hover {color: #f4aa00;}
.projectList a.on {color: #f4aa00;}
.projectList .item {padding: 0 0 20px 0px;}

.project {position: absolute; overflow: hidden; width: 443px; left: 400px; height: 543px; padding: 8px 17px 8px 9px; background: url(../images/box-bg.png) no-repeat; cursor: move;}
.project h2 {width: 210px; padding: 0 0 0 10px;}
.project .photos img {display: block;}
.project .photoFooter {font-size: 10px; color: #000; text-align: right; padding: 5px 0 5px 0;}
.project .details {height: 190px;}
.project .description {float: left; width: 210px; padding: 0 20px 0 10px; font-size: 10px; line-height: 14px; color: #000;}
.project .facts {float: left; width: 200px; font-size: 10px; line-height: 15px;}
.project .facts div {padding: 0 0 10px 0;}
.project .facts strong {color: #638ab7;}
.project .close {position: absolute; left: 10px; bottom: 50px; width: 150px; padding: 0 0 0 10px;}
.project .close a {display: block; width: 150px; height: 15px; font-size: 12px; line-height: 15px; color: #938f8b; text-decoration: none; padding-left: 20px; background: url(../images/close.gif) no-repeat; cursor: pointer;}
.project .close a:hover {color: #f4aa00;}

.autoHide {cursor: default;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 15px 0px;}
form.form .label {float: left; width: 120px; font-weight: bold; font-size: 13px;}
form.form .field {float: left; width: 300px;}
form.form .textbox {width: 200px; border: solid 1px #d0cec7;}
form.form textarea {width: 270px; border: solid 1px #d0cec7; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}