html, body { margin: 0px; padding: 0px; background-color: #fff; font-family: Arial, helvetica, sans-serif; font-size: 11px; line-height: 14px;  }

h1, h2, h3, h4 {margin: 0px; padding: 0px; }

img { border: 0px; }

a { text-decoration: none; color: #000000; }

h1 { font-size: 21px; }

h2 { font-size: 21px; color: #ffffff; padding: 15px 0px;}

h3 { font-size: 21px; color: #000000; margin-bottom: 3px; }

h4 { font-size: 12px; line-height: 16px; padding: 20px 16px; color: #ffffff; font-weight: bold; }

form, fieldset { border: 0; padding: 0; margin: 0; }

.clear { clear: both; }

.navigation { position: relative; margin-top: 16px; height: 82px; }

.logo { font-size: 12px; font-weight: bold; position: relative; z-index: 101; left: 16px; width: 261px; height: 34px; }

.logo span { display: block; position: absolute; top: 0px; left: 0px; width: 261px; height: 34px; } /*background: url('../i/logo.gif') top left no-repeat;*/

.menu { position: absolute; top: 0px; right: 16px; }

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

.menu ul li { display: inline; margin: 0px; padding: 0px 0px 0px 80px; list-style: none; }

.menu a span { border-bottom: none; }

.menu a:hover span { border-bottom: 1px dotted #000000; }

.menu a.active { font-weight: bold; }

#projectSelector { width: 100%; height: 390px; overflow: auto; position: absolute; top: 98px; left: 0px; z-index: 1;}
#imageList { width: 100%; height: 321px; overflow: auto; overflow-x:auto; overflow-y: hidden; position: relative; left: 0px; z-index: 1;}

#imageViewer { z-index: 100; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; }
.viewerBackground { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: white; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: .9; cursor: pointer; }
.viewerImage { position: absolute; top: 98px; }
.backBt { position: absolute; top: 75px; left: 16px; }
.listBt { position: absolute; top: 75px; right: 16px; }


.listItems { position: relative; }

.projectItem { display: inline; float: left; position: relative; margin-right: 1px; cursor: pointer; }
.nomargin { margin-right: 0px !important; }
.projectImage { position: relative; top: 0px; height: 320px; z-index: 1; }
.projectDesc { position: absolute; top: 266px; z-index: 4; height: 54px; padding: 0px;}
.boxOver { position: absolute; display: none; top: 0px; z-index: 2; height: 320px; padding: 0px; background-color: #39b54a; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; cursor: pointer; }
.descBackground { position: absolute; top: 266px; z-index: 3; height: 54px; padding: 0px; background-color: #000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: .4; }

#projectFilter { position: absolute; z-index: 2; width: 100%; height: 54px; top: 418px ; left: 0px; background-color: #000000; }
.filterItems { padding: 16px 0px 16px 16px; width: 965px; }/*background-color: #FF0000;*/
.fItem { float: left; padding-right: 25px; }
.fItem input { vertical-align: baseline; line-height: 14px; }
.fItem label { color: #ffffff; line-height: 14px; padding: 0px 3px 0px 5px; }
.fItem span { color: #959595; }

.projHeadline { display: inline; }
.projectData { margin-top: 1em !important; }
.projectInfo { margin-bottom: 1em; }
.projectText { width: 50%; margin-bottom: 1em; }
.content { position: relative; padding: 0px 16px; padding-bottom: 50px; margin-top: 50px; }
.headline { position: relative; background-color: #000000; color: #ffffff; height: 54px; padding: 0px 16px;}
.headline div { padding: 15px 0px; }
.headline span { position: relative; top: -1px; }
.textColumn { width: 50%; float: left; }
.imageColumn { float: right; padding-left: 16px; }

.footer { position: absolute; right: 16px; text-align: right; padding-bottom: 20px; }

.onHome { position: absolute; top: 545px; margin-top: 0px !important; }

.listBt a, .backBt a, .content a, .footer a { color: #39b54a; text-decoration: none; }
.listBt a span, .backBt a span,.content a span, .footer a span { border-bottom: 1px dotted #39b54a; }
.listBt a:hover, .backBt a:hover,.content a:hover, .footer a:hover { color: #000; }