html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse; border-spacing:0}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}

body     {margin:0px; padding:0px; background:#060606; color:#F0F0F0; font:normal 11px "Arial",sans-serif; text-align:left; margin:0 auto; width:940px}

#middle  {position:absolute; left:0px; width:100%; height:590px; margin-top:-295px; top:50%; padding:0px; background:url(/img/background.gif) repeat-x; z-index:10}

#content {position:absolute; width:930px; height:590px; margin-top:-295px; margin-left:auto; margin-right:auto; top:50%; padding:0px;
          font-size:11px; line-height:14px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; text-align:left; border-right:5px solid #060606; border-left:5px solid #060606; z-index:10}

#logo    {position:absolute; top:-5px; left:0px; z-index:100; overflow-x:hidden}
#bottom  {position:absolute; bottom:19px; left:0px; z-index:999}

#nav {position:absolute; top:0px; right:0px; font-size:15px; font-weight:normal}
#nav li {display:inline; list-style:none; margin:0 0 0 10px}
#nav li a:link,            #nav li a:visited, #nav li a:active {color:#F0F0F0}
#nav li.portfolio a:hover, #nav li.portfolio.on a {color:#96A020}
#nav li.firm a:hover,      #nav li.firm.on a      {color:#FBCE7D}
#nav li.services a:hover,  #nav li.services.on a  {color:#D16324}
#nav li.contact a:hover,   #nav li.contact.on a   {color:#688FA3}

html {overflow-x:hidden}
a:link, a:visited, a:active {color:#f0f0f0; text-decoration:none}
a:hover {color:#FFF; text-decoration:none}

#container {width:100%; height:100%}
#box {position:relative; margin:auto; width:940px; height:590px; background:url(/img/box.gif) no-repeat; z-index:20}

h1 {font-size:15px; font-weight:normal; line-height:18px; padding:0 0 10px 0}
h1.portfolio {color:#96a020}
h1.portfolio-project {color:#96a020; padding:0px}
h1.firm {color:#fbce7d}
h1.firm-title {color:#fbce7d; padding:0px}
h1.services {color:#d16324}
h1.contact {color:#688fa3}
b {color:#FFF}
p {padding:0 0 8px 0}
br {height:10px; padding:0px; margin:0px; border:none}

#cPan       {width:287px; margin-top:66px; z-index:100; overflow:hidden}
#cPan > div {position:relative; top:0px; margin:0px; padding:0px; border:0px solid #000;
             width:287px; float:left; z-index:100}

.slideshow {position:absolute; top:66px; right:0px; z-index:0}
.portfolio-slideshow {position:absolute; top:66px; right:0px; width:930px; height:460px; background:url(/img/project-background.gif) no-repeat; z-index:0}
.copy {position:absolute; top:66px; left:0px; width:290px; height:460px; overflow:auto; padding:0 5px 0 0; z-index:20}
.services-copy {position:absolute; top:66px; left:0px; width:295px; height:460px; overflow:auto; z-index:20}
.services-copy ul {margin:-10px 0 0 0}
.services-copy li {margin:2px 0px 0 10px}

.hide-thumbs {position:absolute; top:481px; left:0px; width:295px; height:45px; background:#060606; border:0 solid #FFF; z-index:50}
#sub-menu-container {position:absolute; top:30px; right:0px; width:730px; z-index:100}
#project-list {float:right}
#project-list li {display:inline; list-style:none; margin:0 0 0 10px}
#project-list li a {color:#f0f0f0}
#project-list li a:hover,#project-list li.selected {color:#96a020}
.project-list-container {position:absolute; top:66px; left:0px; width:930px; height:460px}
.project-list-container b {color:#96a020}
.project-list-one {float:left; width:296px; margin:0 20px 0 0}
.project-list-two {float:left; width:296px; margin:0 20px 0 0}
.project-list-three {float:left; width:296px; margin:0px}

#featured-project {float:right}
#featured-project li {display:inline; list-style:none}
#featured-project li a {color:#F0F0F0}
#featured-project li a:hover,#featured-project li a.on {color:#96A020}

.staff-box {position:absolute; bottom:63px; right:-1px; width:222px; height:222px; overflow:hidden; z-index:100; cursor:pointer}
.box a {cursor:pointer}
.box a:hover {cursor:pointer}
.staff {position:absolute; bottom:64px; right:0px; width:220px; height:220px; overflow:hidden; z-index:50}
.people-slideshow {position:absolute; top:66px; right:0px; width:480px; height:480px; z-index:20}
.people-slideshow img {float:left; margin:0 0 20px 20px}
.people-copy {position:absolute; top:66px; left:0px; width:719px; height:460px; overflow:auto; z-index:20}
.people-copy b {color:#FBCE7D}
.people-copy a:hover {color:#FBCE7D}

.portfolio-copy {position:absolute; top:66px; left:0px; width:295px; height:395px; overflow:auto; z-index:20}
.portfolio-copy b {font-size:11px, font-weight:normal; color:#96a020}
.portfolio-copy a:hover {color:#96a020}

.firm-copy {position:absolute; top:66px; left:0px; width:295px; height:460px; overflow:auto; z-index:20}
.firm-copy b {font-size:11px, font-weight:normal; color:#fbce7d}
.firm-copy a:hover {color:#fbce7d}
.firm-copy a.news {color:#fbce7d}
.firm-copy a.news:hover {color:#f0f0f0}
.firm-sub-menu li.selected, .firm-sub-menu li a:hover {color:#fbce7d}

.contact-copy {position:absolute; top:66px; left:0px; width:295px; height:460px; overflow:auto; z-index:20}
.contact-copy b {font-size:11px, font-weight:normal; color:#688fa3}
.contact-copy a:hover {color:#688fa3}
.contact-sub-menu li.selected, .contact-sub-menu li a:hover {color:#688fa3}

#portfolio-menu {position:absolute; top:30px; right:0px; font-size:11px; font-weight:normal}
#portfolio-menu li {display:inline; list-style:none; margin:0 0 0 10px}
#portfolio-menu li a:link, #portfolio-menu li a:visited, #portfolio-menu li a:active {color:#f0f0f0}
#portfolio-menu li a:hover, #portfolio-menu li.selected a.current {color:#96a020}
#firm-menu {position:absolute; top:30px; right:0px; font-size:11px; font-weight:normal}
#firm-menu li {display:inline; list-style:none; margin:0 0 0 10px}
#firm-menu li a:link, #firm-menu li a:visited, #firm-menu li a:active {color:#f0f0f0}
#firm-menu li a:hover, #firm-menu li.selected a.current,#firm-menu li.parent a.parent {color:#fbce7d}

#services-menu {position:absolute; top:30px; right:0px; font-size:11px; font-weight:normal}
#services-menu li {display:inline; list-style:none; margin:0 0 0 10px}
#services-menu li a:link, #services-menu li a:visited, #services-menu li a:active {color:#f0f0f0}
#services-menu li a:hover, #services-menu li.selected a.current {color:#d16324}

#contact-menu {position:absolute; top:30px; right:0px; font-size:11px; font-weight:normal}
#contact-menu li {display:inline; list-style:none; margin:0 0 0 10px}
#contact-menu li a:link, #contact-menu li a:visited, #contact-menu li a:active {color:#f0f0f0}
#contact-menu li a:hover, #contact-menu li.selected a.current, #contact-menu li.parent a.parent {color:#688fa3}

#dropdownMenu ul {float:right; font-size:11px; text-align:left; z-index:1000}
#dropdownMenu ul li {position:relative; float:left; display:inline; list-style-type:none; margin:0 0px 0 14px; padding:0px; cursor:default}
#dropdownMenu ul li:hover, #dropdownMenu ul li.selected, #dropdownMenu ul li.parent {color:#96a020}
#dropdownMenu ul li a {display:block; text-decoration:none}
* html #dropdownMenu ul li a {display:inline-block}
#dropdownMenu ul li a:link, #dropdownMenu ul li a:visited, #dropdownMenu ul li a:active {color:#f0f0f0}
#dropdownMenu ul li a:hover {color:#96a020}

#dropdownMenu ul li ul {position:absolute; top:14px; left:-3px; display:block; visibility:hidden}
#dropdownMenu ul li.on ul {visibility:visible}
#dropdownMenu ul li ul li {display:list-item; float:none; margin:0px}
#dropdownMenu ul li ul li a {width:150px; /*width of sub menus*/ padding:3px; margin:0px; color:#f0f0f0; background:#2e2e2e; /*background of tabs (default state)*/ border-right:1px solid #060606; border-left:1px solid #060606; border-bottom:1px solid #060606}
#dropdownMenu ul li ul li a:hover {color:#96a020}
#dropdownMenu ul li.selected ul li.selected, #dropdownMenu ul li.selected ul li.selected a.current {width:150px; background:#2e2e2e; color:#96a020; padding:3px; border-top:0px solid #060606; border-bottom:1px solid #060606; border-left:1px solid #060606; border-right:1px solid #060606; cursor:default}
#dropdownMenu ul li ul li:first-child, #dropdownMenu ul li ul li.selected:first-child {border-top:5px solid #060606}

#dropdownMenu ul li ul li ul {left:159px; top:0}
* html p#iepara {padding-top:1em}
* html #dropdownMenu ul li {float:left; height:1%}
* html #dropdownMenu ul li a {height:1%}

.footer {position:absolute; bottom:0px; left:0px; font-size:10px}
.footer a {color:#f0f0f0}
.footer a:hover {color:#688fa3}

#project-copy {height:460px; overflow:hidden}

#scroller {width:287px; height:395px; margin-top:66px; z-index:100}
#scroller-content {width:287px; height:395px; overflow:hidden; float:left; z-index:100}
.text {width:280px; padding-right:10px; font-size:11px; line-height:14px; z-index:100}
.text ul {margin:-10px 0 0 0}
.text li {margin:2px 0px 0 10px}
.vScrollbar {float:left; z-index:100}
.hScrollbar {clear:both}
.vTrack {height:395px; width:8px; position:relative; overflow:hidden; background-image:url(/img/vtrack-background.gif); background-position:center; z-index:100; cursor:pointer}

.hTrack {float:left; height:8px; width:280px; position:relative; overflow:hidden; z-index:100; cursor:pointer}	
	
.vThumb, .hThumb {position:absolute; top:0; left:0; height:8px; width:8px; background:#f0f0f0; overflow:hidden; background-image:url(/img/scroll-background.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; z-index:100}

.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {height:8px; width:8px; overflow:hidden; z-index:100; cursor:pointer}
.arrowLeft, .arrowRight, .corner {float:left; z-index:100; cursor:pointer}
.corner {background:#000; z-index:100; cursor:pointer}