*          {margin:0px; padding:0px; border:0px}
html       {overflow-x:hidden}
body       {margin:0 auto; padding:0px; background:#3A3A3A; color:#F5F5F5; text-align:left; font:normal 16px "Arial",sans-serif}
#out       {width:100%; height:100%; background:#3A3A3A}

#middle    {position:absolute; height:590px; width:100%; background:url(/img/background.gif) repeat-x;  margin-top:-285px; top:50%}
#container {width:969px; height:590px; padding:0px 0 0 2px; background:url(/img/box.gif) no-repeat; margin-left:auto; margin-right:auto; border:0px solid #fff;}
#content   {position:absolute; width:965px; height:590px; padding:0px; z-index:10; text-align:left;
            font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; line-height:16px}
.logo      {position:absolute; top:-15px; left:0px; z-index:100}

a:link, a:visited, a:active {color:#f5f5f5; text-decoration:none}
a:hover {color:#8B994C; text-decoration:none}

.client-sub-list {margin:0 0 0 20px}

/*Fonts*/
h1 {font-size:16px; font-weight:normal; padding:0 0 10px 0}
h2 {font-size:12px; font-weight:normal; color:#b4b4b4}
h3 {font-size:12px; font-weight:normal; color:#8B994C; padding:0px}
h4 {color:#b4b4b4; font-size:11px; font-weight:normal; padding:0 0 10px 0}
h5 {font-size:16px; line-height:20px; font-weight:normal; padding:0px}
h5 i {font-style:normal; font-size:12px; color:#F5F5F5; font-weight:normal}
p {padding:0 0 10px 0}
b {font-size:12px; font-weight:normal; color:#b4b4b4}
br {height:10px; padding:0px; margin:0px; border:none}
.small-font {display:inline; font-size:12px; padding:0px}
.pc {font-size:9px}
.pc-bold {font-size:9px; color:#b4b4b4}
i {color:#f5f5f5}

.slider {position:absolute; top:40px; left:0px; width:500px; height:510px; background:url(/img/slider-background.png)no-repeat; z-index:30}
.portfolio-grid {position:absolute; top:20px; left:20px; z-index:40}
.portfolio-title {position:absolute; bottom:10px; left:20px; color:#8B994C; font-size:11px; z-index:40}
.portfolio-copy {position:absolute; top:60px; left:500px; width:445px; height:470px; overflow:hidden; z-index:20}
.portfolio-copy b {color: #b4b4b4}
.project-title {position:absolute; bottom:17px; left:0px; text-align:left; font-size:10px; z-index:40}

.project-title b {color:#8B994C; font-weight:normal; font-size:10px}
.project-title a:hover {cursor:pointer; cursor:hand}
.project-info-button {position:absolute; bottom:17px; right:74px; width:500px; text-align:right; font-size:10px; z-index:40}
.project-info-button a:hover {color:#8B994C; cursor:pointer; cursor:hand}
.portfolio-copy-one {float:left; width:212px; height:470px; margin:0 20px 0 0; overflow:auto; z-index:40}
.portfolio-copy-two {float:left; width:212px; height:470px; overflow:auto; z-index:40}

.text-projects-title {position:absolute; top:60px; left:20px; width:191px; height:470px; overflow:auto; z-index:20}
.text-projects-copy {position:absolute; top:60px; left:231px; width:714px; height:470px; overflow:auto; z-index:20}

#projbox {position:absolute; top:0px; left:0px; width:965px; height:590px; overflow:hidden}
#proj {position:absolute; top:40px; left:983px; width:322px; height:510px; background:url(/img/info-background.png) no-repeat; z-index:30}
#proj-info {position:absolute; top:20px; left:20px; width:282px; height:470px; z-index:40}

#projbox .slideshow {position:absolute; top:40px; left:0px; z-index:20}

.slideshow {position:absolute; top:40px; left:0px; z-index:20}
.copy {position:absolute; top:60px; left:342px; width:603px; height:470px; overflow:auto; z-index:20}
.copy h4 a {color:#b4b4b4}
.copy h4 a:hover {color:#8B994C}
.press-copy {position:absolute; top:60px; left:342px; width:603px; height:470px; overflow:auto; z-index:20}
.press-copy a {color:#8B994C}
.press-copy a:hover {color:#f5f5f5}
.project-info-copy {position:absolute; top:60px; left:520px; width:425px; height:470px; overflow:hidden; z-index:20}

.people-slideshow {position:absolute; top:60px; left:20px; width:500px; height:490px; overflow:hidden; z-index:40}
.people-slideshow img {float:left; margin: 0 20px 20px 0}

.people-menu-container {position:absolute; top:60px; left:20px; width:140px; height:470px; z-index:30}
#people-menu li {display:block; list-style:none; text-decoration:none; line-height:16px; padding:0 0 4px 0}
#people-menu li a {color:#f5f5f5}
#people-menu li a:hover, #people-menu li.selected {color:#8B994C}
#people-menu li a i {font-style:normal}

.inner-people-slideshow {position:absolute; top:60px; left:180px; z-index:40}

.contact-copy {position:absolute; top:60px; left:754px; width:191px; height:470px; overflow:auto; z-index:20}
.footer {position:absolute; bottom:0px; right:0px; text-align:right; font-size:10px; color:#626262; z-index:30}
.footer a {color:#626262}
.footer a:hover {color:#8B994C}

#cDrop           {position:absolute; top:10px; left:74px; font-size:12px; font-weight:normal; text-align:left; width:100%; margin:0 padding:0}
#cDrop li        {position:relative; float:left; margin:0 16px 0 0px; color:#F5F5F5}
#cDrop li.selected,#cDrop li:hover,#cDrop li.parent {color:#8B994C}
#cDrop li a      {display:block; text-decoration:none}
#cDrop li ul     {position:absolute; top:16px; left:-3px; display:block display:none; visibility:hidden}
#cDrop li ul li  {width:158px; padding:3px; margin:0; font-size:12px; color:#F5F5F5; background:#151515;
                  border-right:0px solid #3A3A3A; border-left:0px solid #3A3A3A; border-bottom:1px solid #3A3A3A}
#cDrop           {list-style-type:none; z-index:100}
#cDrop li        {display:inline; cursor:default}
#cDrop a.current, #cDrop li.parent a.parent {color:#8B994C}

.project-info-button a:hover, .project-title a:hover {cursor: pointer}



#pager {position:absolute; top:485px; right:20px; z-index:100; cursor:pointer}
#pager img {height:8px}
#pager b, b#lstpag, b#curpag {font-weight:normal; font-size:11px; color:#F5F5F5}

.numbers {position:absolute; bottom:17px; right:19px; font-size:10px; font-weight:normal; z-index:30}
.right-arrow {position:absolute; bottom:20px; right:0px; margin:0 0 0 10px; background:url(/img/right.gif) no-repeat; width:10px; height:11px; cursor:pointer; z-index:100}
.right-arrow:hover {background:url(/img/right-hover.gif) no-repeat; width:10px; height:11px; cursor:pointer}
.right-dead {position:absolute; bottom:20px; right:0px; background:url(/img/right-dead.gif) no-repeat; width:10px; height:11px; z-index:100}
.left-arrow {position:absolute; bottom:20px; right:50px; background:url(/img/left.gif) no-repeat; width:10px; height:11px; cursor:pointer; z-index:100}
.left-arrow:hover {background:url(/img/left-hover.gif) no-repeat; width:10px; height:11px; cursor:pointer}
.left-dead {position:absolute; bottom:20px; right:50px; background:url(/img/left-dead.gif) no-repeat; width:10px; height:11px; z-index:100}