@charset "UTF-8";
/* CSS Document */
 
html, body {
 margin:0px 0px 0px;
 background:url(images/bgRepeat.gif) repeat;
 font-family:Helvetica;
 font-size:11px;
 color:#ffffff;
 height: 100%;
}

#bump{
 background:repeat-x;
 height:53px;
 width:53px;
}

#container {
 margin:0 auto -53px; /* the bottom margin is the negative value of the footer's height */
 width:950px;
 min-height: 100%;
 height: auto;
}

#headerHolder {
 background:url(images/headerHolder.gif) no-repeat;
 width:950px;
 height:70px;
 clear:both;
 margin:0px;
 padding:0px;
}

#logo {
 margin:15px 0px 0px 15px;
 padding:0px;
 outline:none;
}

a {
 outline:none;
 color:#996600;
 text-decoration:none;
}

#bottom {
 background:url(images/bottomBg.jpg) repeat-x;
 height:69px;
 clear:both;
 margin:0px;
 padding:0px;
 z-index:132;
}

#taglineHome {
 width:559px;
 height:25px;
 float:right;
 margin:23px 23px 0px 0px;
 padding:0px;
}

#usgbcLogo {
 border:none;
 width:50px;
 height:50px;
 float:left;
 margin:10px 0px 0px 8px;
}

#footer {
 background:url(images/footerBg.jpg) #4f4f4f repeat-x;
 height:53px;
 margin:53px 0px 0px;
 padding:0px;
 border-top:1px solid #999999;
}

#footer, .push {
 height:53px;
}

.copyright {
 color:#ffffff;
 float:right;
 font-size:10px;
 padding:0px;
 margin:13px 10px 0px;
 line-height:140%;
 text-align:right;
 font-style:normal;
 letter-spacing:0.2em; 
}

.highlight {
 color:#996600;
}

h1 {
 font-size:12px;
 font-style:oblique;
 color:#ffffff;
 letter-spacing:1px;
 padding:0px;
 margin:0px 0px 20px 0px;
}

.link a {
 color:#ffffff;
 padding:0px;
 text-decoration:none;
}

.link a:hover {
 color:#ffffff;
 padding:0px;
 text-decoration:underline;
}

strong {
 letter-spacing:1px;
}

#projectsNav {
 margin:458px 0px 0px 277px;
 padding:0px;
 z-index:130;
 position:absolute;
}

#projectsNav li {
 list-style:none;
 float:left;
}

#projectsNav li a {
 position:relative;
 background:#444444;
 padding:5px 5px 5px 5px;
 *padding:5px 5px 4px 5px;
 margin:0px 1px 0px 0px;
 color:#ffffff;
 text-decoration:none;
 text-transform:capitalize;
}

#projectsNav li a:hover {
 text-decoration:none ;
 background:#606060 url(images/projNavBg.jpg) repeat-x;
 color:#333333;
}
 
/**************** Flash Container ***************/

#flashContainer {
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

/**************** About Page ***************/

#aboutContainer {
 background:#333333;
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

.overviewTxt {
 width:250px;
 height:440px;
 overflow:auto;
 float:left;
 margin:20px 0px 0px 20px;
 _margin:20px 0px 0px 10px;
 padding:0px;
 line-height:13px;
}

#manPurpose {
 display:inline;
 float:right;
 margin:20px 5px 0px 0px;
 padding:0px;
 width:488px;
 height:440px;
}

.manPurposeHead {
 background:#999999;
 margin:5px 0px 3px 0px;
 padding:5px;
 width:475px;
 color:#000000;
}

.howardTxt {
 width:460px;
 color:#333333;
 float:right;
 margin:37px 0px 0px 0px;
 padding:0px;
}

.greyTxt {
 color:#333333;
}

.bioNames {
 color:#333333;
 font-size:15px;
 text-transform:capitalize;
 padding:0px;
 margin:0px;
 letter-spacing:1px;
}

#bioImages {
 border:1px #333333 solid;
 margin:10px 0px 10px 0px;
 padding:1px;
}

.aboutPortraits td {
 text-align:center;
 width:105px;
}

td.aboutName {
 background:#666666;
 color:#FFFFFF;
 padding:3px 0px;
}

td.aboutTitle {
 font-style:italic;
}

/**************** Clients Page ***************/

#clientsContainer {
 background:#333333;
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

#clientsContentHolder {
 margin:0px;
 padding:20px 0px 10px 20px;
 height:220px;
 width:759px;
}

#clientListFirst {
 margin:-10px 0px 0px 0px;
 padding:0px;
 float:left;
}

#clientListFirst li {
 list-style:none;
 padding:0px;
 margin:0px;
 font-size:11px;
 color:#ffffff;
 line-height:12px;
}

#clientListSecond {
 margin:-10px 0px 0px 100px;
 padding:0px;
 float:left;
}

#clientListSecond li {
 list-style:none;
 padding:0px;
 margin:0px;
 font-size:11px;
 color:#ffffff;
 line-height:12px;
}


/**************** Project Pages ***************/

#projCenterColumn {
 background:url(images/centerColumnBg.jpg) repeat-x;
 margin:0px;
 padding:0px;
 float:left;
 border-right:1px #ffffff solid;
 width:258px;
 height:477px;
}

#projContainer {
 background:#333333;
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

#projImage {
 margin:0px;
 padding:0px;
 border-bottom:1px #ffffff solid;
}

#menu4 {
 margin:0px;
 padding:2px;
 *padding:0px 2px 0px 2px;
}

#menu4 li {
 list-style:none;
}

#menu4 li a{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#000000 no-repeat;
 padding:2px 0px 0px 4px;
 margin:1px;
 font-style:italic;
 font-size:11px;
 font-weight:normal;
 height:15px;
}

#menu4 a:hover{
 background:#333333 no-repeat;
 text-decoration:none;
 color:#ffffff;
}

#menu4 a.wactive {
 background:#333333 no-repeat;
 text-decoration:none;
 color:#ffffff;
}

#projGalleryHolder {
 width:508px;
 height:234px;
 margin:6px 6px 0px 0px;
 padding:0px;
 float:right; 
}

.proTxtHolder {
 margin:10px 10px 0px 10px;
 float:right;
 width:500px;
}

/**************** Contact Page ***************/

#contactContainer {
 background:#333333;
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

#contactContentHolder {
 margin:20px 0px 0px 20px;
 padding:0px;
}

#contactList {
 margin:0px;
 padding:0px 0px 5px 0px;
 float:left;
}

#contactList li {
 list-style:none;
 padding:0px 0px 15px 0px;
 margin:0px;
 font-size:11px;
 color:#ffffff;
}

#contactList li a {
 text-decoration:none;
 color:#9C7D0D;
}

#contactList li a.hover { 
 text-decoration:none;
 color:#9C7D0D;
}

#contactImage {
 float:right;
 margin:4px 4px 0px 0px;
 padding:0px;
}

#valuesList {
 margin:0px 20px 0px 0px;
 padding:0px;
 float:right;
}

#valuesList li {
 list-style:none;
 padding:0px 0px 0px 0px;
 margin:0px;
 font-size:11px;
 color:#ffffff;
}


/**************** Company Media Page ***************/

#mediaContainer {
 background:#333333;
 width:779px;
 height:477px;
 float:right;
 margin:0px;
 padding:0px;
}

#mediaContentHolder {
 margin:20px 0px 0px 20px;
 padding:0px;
}

#mediaList {
 margin:3px 0px 20px 0px;
 padding:0px;
}

#mediaList li {
 list-style:inherit;
 padding:0px;
 margin:0px 0px 0px 40px;
 font-size:11px;
 color:#ffffff;
}

#mediaList li a {
 text-decoration:none;
 color:#ffffff;
}

#mediaList li a.hover { 
 text-decoration:none;
 color:#9C7D0D;
}

#awardImages {
 margin:0px;
 padding:0px;
 width:550px;
}

#awardImages li, awardsImages li a {
 margin:15px 15px 0px 0px;
 padding:0px;
 list-style:none;
 float:left;
 width:109px;
 height:71px;
 border:5px #ffffff solid;
}

.mediaHeader {
 font-size:11px;
 font-style:oblique;
 color:#ffffff;
 letter-spacing:1px;
 margin:0px;
 padding:0px;
}

/**************** Nav ***************/
#navHolder {
 background:url(images/halfHowardLogo.jpg) no-repeat;
 width:170px;
 height:477px;
 float:left;
 margin:0px;
 padding:0px;
 border-right:1px solid #ffffff;
}

#nav {
 margin:5px 0px 0px 4px;
 padding:0px;
}

#nav li {
 list-style:none;
}

#nav li a.home{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/homeBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.home:hover{
 background: #666666 url(images/homeBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}

#nav li a.about{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/aboutUsBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.about:hover{
 background: #666666 url(images/aboutUsBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}

#nav li a.clients{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/ourClientsBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.clients:hover{
 background: #666666 url(images/ourClientsBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}

#nav li a.projects{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/projectsBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.projects:hover{
 background: #666666 url(images/projectsBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}

#nav li a.contact{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/contactUsBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.contact:hover{
 background: #666666 url(images/contactUsBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}

#nav li a.media{
 text-decoration:none;
 color:#ffffff;
 display:block;
 background:#999999 url(images/companyMediaBtn.gif) no-repeat;
 padding:0px;
 margin:1px;
 width:160px;
 height:23px;
 text-indent:-900em;
 outline:none
}

#nav li a.media:hover{
 background: #666666 url(images/companyMediaBtn.gif) no-repeat;
 text-decoration:none;
 outline:none
}