* { margin: 0px; padding: 0px; }
body { background: #232323; text-align: center; font: 12px Arial, sans-serif; }
a { color: #df7a1c; text-decoration: none; }
a:hover { color: #3a6f8f; text-decoration: underline; }
a:active { color: red; }
p { margin: 10px 0px; }
a img { border: 0px; }

#container { width: 788px; margin: 10px auto; }

#nav { text-align: right; font-size: 13px; }
#nav a { color: #3a6f8f; }
#nav a:hover, #nav a.current { color: #df7a1c; }
#nav ul { list-style-type: none; margin: 20px 0px 5px 0px; }
#nav ul li { display: inline; padding: 0px 20px; }
#nav ul li.last-child { padding-right: 0px; }

#content { background: #fff; padding:8px 8px 0px 8px; text-align: left; font-size: 14px; line-height: 20px; }
#content.index { padding: 0px; width: 788px; height: 518px; overflow: hidden; }
#content.index img { display: block; }

#callout { border-top: 7px solid #3a6f8f; text-align: left; }
#callout h3 { font: bold 22px Arial, sans-serif; color: #3a6f8f; padding: 35px 0px 0px 40px; }
#callout p { display: block; width: 375px; padding-top: 3px; float: right; line-height: 22px; }

#callout.index { background: url('../img/callout-background-index.jpg'); height: 95px; }

#callout-contact { background: url('../img/callout-background-contact.jpg'); height: 95px; border-top: 7px solid #3a6f8f; text-align: left; }
#callout-contact h3 { font: bold 22px Arial, sans-serif; color: #3a6f8f; padding: 35px 0px 0px 40px; }
#callout-contact p { display: block; width: 375px; padding-top: 3px; float: right; line-height: 22px; }

p.project-name a{color: #000}


#footer { color: #3a6f8f; font-size: 10px; background: #b6b6b6; padding: 1px; margin-bottom: 10px; }
#footer span { color: #df7a1c; }
.credits { font-size: 10px; color: #ccc; }

#sidebar { width: 163px; padding-left: 23px; float: left; }
#sidebar #logo { margin-bottom: 25px; }

#sidebar h2 { font: normal 16px Arial, sans-serif; color: #3a6f8f; }
#sidebar p { font-size: 12px; padding-right: 10px; }
#sidebar p a { font-size: 14px; color: #3a6f8f; }
#sidebar p a:hover { color: #df7a1c; }

#sidebar ul { list-style-type: none; font-size: 12px; margin-bottom: 30px; }
#sidebar ul li a { color: #000; }
#sidebar ul li a:hover, #sidebar ul li a.current { color: #000; font-weight: bold; text-decoration: none; }

#copy { width: 568px; padding: 0px 0px 0px 18px; float: left; }
#copy h1 { background: #d3d3d3; color: #3a6f8f; font: bold 20px Arial, sans-serif; height: 55px; padding: 25px 0px 0px 15px; margin: 0px 0px 30px -18px; }
#copy p { padding-right: 15px; }
#copy #thumbnails { float: right; width: 116px; }
#copy h3 { font: normal 18px Arial, sans-serif; color: #3a6f8f; }
#copy h4 { font: bold 14px Arial, sans-serif; height: 20px; color: #3a6f8f; background: url('../img/h4-background.gif') no-repeat; padding: 3px 0px 0px 10px; margin: 12px 0px; }

.awards-commendations { background: #dbe5eb; font-size: 10px; width: 508px; line-height: 16px; padding-bottom: 5px; margin-bottom: 10px; }
.awards-commendations td { vertical-align: top; width: 50%; }
.awards-commendations ul { padding: 0px 10px 0px 10px; list-style-type: none; }
.awards-commendations ul li { background: url('../img/bullet.gif') 0px 7px no-repeat; padding-left: 7px; }

#image { width: 441px; height: 268px; text-align: right;}
#thumbnails ul { list-style-type: none; }
#thumbnails ul li { float: left; width: 56px; height: 55px; padding: 1px; }
#thumbnails ul li img { display: block;  }
#thumbnails ul li a.activeSlide { border: 0px }

.caption-wrapper img {}
.caption {background-color: #4982a1; color: #fff; font-size: 11px; position: relative; top: -27px; padding: 4px 8px; height: 0; overflow: visible}
*:first-child+html .caption{top: -25px} /*IE7*/
* html .caption{top: -25px}/*IE6*/

/*\*/
* html .caption {
top: -26px;
}/*-safari*/






.disclaimer { font-style: italic; font-size: 9px; margin: 0px; }

.clear-left { clear: left; }
.clear { clear: both; margin: 0px; height: 0px; overflow: hidden; }