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, img, 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;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
/*Clearing*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*General*/
html {overflow-x:hidden;}
body {margin:0px; padding:0px; background:#060606; color:#f0f0f0; font:normal 11px "Arial",sans-serif; text-align:left;}
a:link, a:visited, a:active {color:#f0f0f0; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}

#container {width:100%; height:100%;}
#middle {position:relative; height:590px; margin:0px; padding:0px; background:url(/img/background.gif) repeat-x; z-index:10;}
#box {position:relative; margin:auto; width:940px; height:590px; background:url(/img/box.gif) no-repeat; z-index:20;}
#content {position:absolute; top:0px; left:5px; width:930px; height:590px; margin:0px; padding:0px; font-size:11px; line-height:14px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; text-align:left; border-right:0px solid #060606; border-left:0px solid #060606; z-index:10;}
.bottom-line {position:absolute; bottom:19px; left:0px; z-index:100;}
.logo {position:absolute; top:-5px; left:0px; z-index:100; overflow-x:hidden;}

/*Fonts*/
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:#ffffff;}
p {padding:0 0 8px 0;}
br {height:10px; padding:0px; margin:0px; border:none;}

/*Pages*/
.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;}

/*Project List Page*/
.hide-thumbs {position:absolute; top:481px; left:0px; width:295px; height:45px; background:#060606; border:0 solid #ffffff; z-index:50;}
#sub-menu-container {position:absolute; top:30px; right:0px; width:730px; z-index:100;}
/*old full project list*/
#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 Page*/
#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.selected {color:#96a020;}

/*People Pages*/
.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 links*/
.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 links*/
.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 links*/
.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;}

/*Menus*/
#main-menu {position:absolute; top:0px; right:0px; font-size:15px; font-weight:normal;}
#main-menu li {display:inline; list-style:none; margin:0 0 0 10px;}
#main-menu li a:link, #main-menu li a:visited, #main-menu li a:active {color:#f0f0f0;}
#main-menu li.portfolio a:hover, #main-menu li.portfolio-selected {color:#96a020;}
#main-menu li.firm a:hover, #main-menu li.firm-selected {color:#fbce7d;}
#main-menu li.services a:hover, #main-menu li.services-selected {color:#d16324;}
#main-menu li.contact a:hover, #main-menu li.contact-selected {color:#688fa3;}
/*Portfolio Menu*/
#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*/
#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*/
#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*/
#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;}

/*Drop-down Menu*/
#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 { /*IE6 hack to get sub menu links to behave correctly*/
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;}

/*sub menu*/
#dropdownMenu ul li ul {position:absolute; top:10px; left:-3px; display:block; visibility:hidden;}
#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*/
.footer {position:absolute; bottom:0px; left:0px; font-size:10px;}
.footer a {color:#f0f0f0;}
.footer a:hover {color:#688fa3;}



/* - - - - - - - - - - - - - - - - - - - - - - - - MooScroller CSS */
#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;}