body { background: #000000 url(/09/images/pagebkg.jpg) repeat-x top center; color:#ffffff; margin:30px 0; padding:0; text-align: center;}
a {  outline: none; }
form { padding:0; margin:0; }
#bg_image {width: 100%;height: 100%;left: 0px;top: 0px; right:0px; bottom:0px; position: absolute;z-index: 0;}
div { color:#ffffff; }

#content { width: 100%; margin:0 auto; padding:0; text-align: left; }

#content #pageheader { z-index: 3; position: relative; display: block; width:100%; height: 66px; background-image: url(/09/images/headbkg.png); background-position: top center; }
#content #pageheader #navarea { position: relative; width: 1024px; height: 66px; margin: 0 auto; text-align: center; }
#content #pageheader #navarea #cdg { position: absolute; top:23px; left: 70px; z-index: 1; height: 27px; width: 203px;}
#content #pageheader #navarea #nav { position: absolute; top:28px; left: 670px; width: 300px; z-index: 5; }
#content #pageheader #navarea #nav ul { margin:0;padding:0;height:36px;padding-bottom:23px; }
#content #pageheader #navarea #nav li { text-align: center;list-style:none;display:inline;  }
#content #pageheader #navarea #nav li:Hover, #content #pageheader #navarea #nav #downt { text-align: center;list-style:none;display:inline;}
#content #pageheader #navarea #nav a {  padding-bottom:23px;margin:0 15px 0;font: 13px arial; color: #CCCCCC; text-decoration: none}
#content #pageheader #navarea #nav a:Hover, #content #pageheader #navarea #nav .down, #content #pageheader #navarea #nav .down:Hover {  padding-bottom:23px;background: transparent url(/09/images/arrowon.gif) no-repeat bottom center;margin:0 15px 0;font: 13px arial; color: #ffffff; text-decoration: none}
#content #pageheader #navarea #nav .down, #content #pageheader #navarea #nav .down:Hover { font-weight: bold; }

#content #main { position: relative; display: block; z-index: 4; width:860px; height: 410px; margin: 25px auto 0 auto; text-align: center}
#content #main img { border: 1px solid #5B5B5B; margin: 1px;}

#content #container { width:860px; height: 410px; margin: 25px auto 0 auto; }
#content #container #mainsub { position: relative; display: block; border: 0; width: 860px;}
#content #container #mainsub #bkg { position: absolute; z-index: 1; width: 858px; height: 408px; text-align: left}

#content #container #mainsub #pagebody { z-index: 2; position: absolute; float: left;  width: 860px; padding:15px; }
#content #container #mainsub #map { z-index: 2; position: absolute; float: left;  left: 435px; width: 411px; padding:15px; text-align: center;  }
#content #container #mainsub #map a { font: 11px arial; color:#ffffff; text-decoration: none;}

#content #container #mainsub #pagebody P { text-align: left; font: bold 20px arial; color: #ffffff; }
.or { font: bold 20px arial; color: #FF9900; }
.copybold { font: bold 11px arial; color: #ffffff; }
.copy { font: 16px arial; color: #ffffff; }
.copylg { font: 20px arial; color: #ffffff; }

.hr {color: #fff; background-color: #fff; border: 1px dotted #636363; border-style: none none dotted; margin-bottom:10px; margin-top:10px; }

#content #container #mainsub #pagebody #address, #content #mainsub #pagebody #address #a {  padding-left:0px;text-align: left; font: bold 20px arial; color: #ffffff; }
#content #container #mainsub #pagebody #address a {color:#ffffff; text-decoration: none;}
#content #container #mainsub #pagebody #address a:hover {color:#ffffff; text-decoration: underline }

#content #more { position: relative; display: block; z-index: 1; width:860px; height: 16px; margin: 10px auto; text-align: right}

#content #mainindus {position: relative; display: block; width:860px; height:0px; margin:28px auto 24px auto; text-align: center; }
#content #mainindus #industry { outline: none; display: block; float: left; text-align: left; border: 2px solid #5B5B5B; padding:7px; width: 184px; font: 12px arial; color: #ffffff; background-color: #000000;}

#content #mainwork { position: relative; display: block; z-index: 1; width:860px; height: 410px; margin: 25px auto 0 auto; text-align: center; }
#content #mainwork #navw { float: left; z-index: 1; display: inline; border: 0; margin-right: 10px; width: 194px; height: 600px;  text-align: left}
#content #mainwork #navw #bkg { position: absolute; float: left; z-index: 1; width: 194px; min-height: 100%; height:auto;height:100%;text-align: left}

#content #mainwork #navw #navitems {position: absolute;float: left; z-index: 2; width: 200px; height:100%;text-align: left}
#content #mainwork #navw #navitems ul { margin:16px;padding:0; }
#content #mainwork #navw #navitems li {  text-align: left;list-style:none;margin:0;padding:0;display:block;  }
#content #mainwork #navw #navitems a { font: 16px arial; color: #ffffff; text-decoration: none }
#content #mainwork #navw #navitems a:Hover {  font: 16px arial; color: #ffffff; text-decoration: underline;}
#content #mainwork #navw #navitems .down, #content #mainwork #navw #navitems .down:Hover {  font: bold 16px arial; color: #ffffff; text-decoration: none}

#content #mainwork #work { width: 630px; height: 460px; text-align: left; display: inline; float: left; margin:10px;}
#content #mainwork #work #thumb { width:152px; z-index: 1; position:relative;  text-align: center; float: left; display: inline; margin:0 0 15px 0; }
#content #mainwork #work #thumb a { text-align: center; }
#content #mainwork #work #thumb img { border: 1px solid #cccccc; position:relative;  z-index:1; }



#content #mainwork #work #wcontent #clientstudies { width:600px; margin: 0 auto; }
#content #mainwork #work #wcontent #clientstudies #client { position: absolute; float: left; display: inline; z-index: 1; width: 400px; height: 77px; text-align: left; margin-right:10px; font: bold 24px arial; color:#ffffff; }
#content #mainwork #work #wcontent #clientstudies #clientwork { position: absolute; padding:4px 0 0 20px; float: left; left: 400px; z-index: 2; width: 200px; height: 77px; text-align: left; background: transparent url(/09/images/clients/dots.png) no-repeat top left; }
#content #mainwork #work #wcontent #clientstudies #clientwork ul { margin:0px;padding:0; }
#content #mainwork #work #wcontent #clientstudies #clientwork li {  text-align: left;list-style:none;margin:0;padding:0 0 4px 0;display:block;font: bold 11px arial; color:#ffffff; text-decoration: none;  }


#content #mainwork #work #about { position: absolute; z-index: 2; width: 650px; height: 460px; text-align: left; margin:0 10px;font: 18px arial;}


#content #footspace { width: 1024px; height: 50px; position: relative; display: block; }
#content #footspace2 { width: 1024px; height: 14px; position: relative; display: block; }
#content #footer { z-index: 3; margin: 40px 0; position: relative; display: block; width:100%; height: 66px; background-image: url(/09/images/headbkg.png); background-position: top center; }
#content #footer #content { position: relative; width: 1024px; height: 41px; margin: 0 auto; text-align: left; font: 11px arial; color:#ffffff; padding: 20px 0 0 25px; }
#content #footer #content #address { position: absolute; width:315px;float: left; left:75px; text-align:left;text-align: left; font: bold 23px arial; color: #ffffff; }

#content #footer #content #phone {position: absolute; width:315px; top:34px; left; left:75px; float: left; text-align:left}
#content #footer #content #email {position: absolute; width:315px; left: 630px; text-align:right }
#content #footer #content #copyright {position: absolute; width:315px; top:34px; left: 630px; text-align:right }
#content #footer #content #email a {color:#ffffff; text-decoration: none;}
#content #footer #content #email a:hover {color:#ffffff; text-decoration: underline }

/*  
    overlay dimensions are defined with CSS. this tool detects them dynamically   
    and resizes the background image correspondingly 
*/ 
#myOverlay { 
    width:850px; 
    height:500px;
    z-index: 5; 
    /* overlay is initially hidden */ 
    display:none;
    color:#567;
    font-size:50px; 
    margin:0 10px; 
} 
 
/*  
    close button (div.close element) is auto-generated by default.  
    here it is positioned on top-right corner  
*/ 
#myOverlay div.close { 
    background:url(/09/images/clients/close.png) no-repeat; 
    position:absolute; 
    top:5px; 
    right:-7px; 
    width:30px; 
    height:30px; 
    cursor:pointer;
} 

#contentwork { 
    color:#000000;
    margin: 30px 0 0 40px;
    font: 11px arial; 
    height: 452px;
} 
#imagework { 
    color:#000000;
    margin: 30px 0 0 20px;
    font: 11px arial; 
} 
.worktitle { color: #999999;font-weight:bold; }


#portfolio { margin:0;padding:0; }
#portfolio  li {  text-align: left;list-style:none;margin:0;padding:0;display:block;  }