@charset "UTF-8";
/* CSS Document */


body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #000000; margin-top: 50px; text-align: center; }

.clear { clear: both; }

h2 { color: #f0ba00; margin: 0; font-size: 16px; }
a { text-decoration: none; color: #f0ba00; }

#pageWrapper { margin: 0 auto; width: 876px; border: 3px solid #a6a7a9; text-align: left; }

#logoWrapper { float: right; border-left: 3px solid #FFFFFF; width: 386px; height: 150px; text-align: center; }
#logoWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#logoWrapper h1#logo { display: block; margin: 0 auto; }
#logoWrapper h1#logo a { display: block; margin: 25px auto 0; background: url(images/logo.gif) no-repeat; width: 182px; height: 120px; overflow: hidden; }
#logoWrapper h1#logo a span { display: block; height: 0; overflow: hidden; }
#headerWrapper p { display: block; height: 0; overflow: hidden; }

#navigationWrapper { float: left; width: 487px; }
#navigationWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#navigation { list-style-type: none; margin: 0; padding: 0; }
#navigation li { display: block; float: left; }
#navigation li a { display: block; text-transform: uppercase; color: #FFFFFF; font-weight: bold; width: 242px; height: 45px; text-decoration: none; text-align: center; padding-top: 28px; }
#navigation li a.selected { background-color: #f0ba00; }

#contentWrapper { border-width: 4px 0; border-color: #f0ba00; border-style: solid; font-size: 11px; }
#contentWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contentWrapper p { margin: 10px 0; }

#projectNav { list-style-type: none; margin: 0; padding: 0; }
#projectNav li { float: left; font-size: 16px; border-right: 1px solid #a6a7a9; padding-right: 10px; margin-right: 10px }
#projectNav li.last { border: none; padding: 0; margin: 0; }
#projectNav a { text-decoration: none; color: #FFFFFF; }
#projectNav a.selected { color: #f0ba00; }

.projectThumbWrapper { display:block;float: left; width: 272px;height: 212px; margin: 20px 5px 0 0; }
.projectThumbWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.projectThumbWrapper img { float: left; padding-right: 5px; width: 113px; }
.projectThumbWrapper .projectDetails { float: left; width: 154px; }

/* Found a strange bug, unless we explicitely state the contentwrapper id followed by pTW p the margins are wrong v odd. */
#contentWrapper div.projectThumbWrapper p { margin: 0 0 5px 0; }

#footerWrapper { font-size: 10px; padding: 10px 20px; }