*    {margin:0px; padding:0px; border:0px}
body {background:#FFF; text-align:left; width:892px; margin:0 auto; padding:0}
a:link, a:visited, a:active {text-decoration:none}

/*fonts*/
body {font-family:arial, sans-serif; font-size:12px; line-height:18px; text-align:left}
h1   {font-weight:bold; font-size:14px; text-transform:uppercase}
h2   {font-size:12px; font-weight:normal}
h6   {font-size:10px; font-weight:normal}
b    {font-weight:normal; font-size:12px; text-transform:uppercase}
.client-list-submenu {font-weight:normal; font-size:10px; line-height:14px; text-align:left}

/* colors */
body, a:link, a:visited, a:active, .client-list-menu a:link, .client-list-one a:link, .client-list-two a:link, .client-list-three a:link, #menu li {color:#797F86}
a:hover, h6 a:hover, .client-list-menu li, .client-list-menu a:hover, .client-list-one a:hover, .client-list-two a:hover, .client-list-three a:hover, .news a:hover b,
#menu .selected, #menu a.parent, #menu a.current, #menu li:hover, #menu li a:hover, #menu li.parent,
#menu li ul li a:hover, #menu li.selected ul li.selected a.current, #menu li.parent ul li.selected a.current, #menu li.selected ul li.selected a.mainfoldericon,
#menu li.parent ul li.selected a.mainfoldericon {color:#D34040}
b, h1, .news a:link b, .news a:visited b, .news a:active b {color:#383435}
h2 {color:#FFF}
h6, h6 a:link, h6 a:active, h6 a:visited {color:#A1A7AE}

/* positioning */
#content, .box, .logo, #menu, #blog, #contact, #menu li ul, .slideshow, .slideshow img, #grid, .copy, .slider, .slider b, .selected-project, .project-title, .project-copy-container, .project-copy, .project-buttons,
.bio-grid, .client-list-menu, .client-list-one, .client-list-two, .client-list-three {position:absolute}
#bio-grid-images img, #bio-grid-images-title, #menu li {position:relative}

#content                                       {width:892px; height:550px; background-color:#F00; margin-top:-275px; top:50%}
.box                    {top: 40px; left:  0px; width:892px}
.logo                   {top:  4px; left:  0px}
.slideshow              {top:  0px; left:  0px}
.copy                   {top:  0px;right:  0px; width:338px; height:550px}
/*
#menu                   {top:  0px;right:105px}
#blog                   {top:  0px;right: 60px}
*/
#menu                   {top:  0px;right: 60px}
#contact                {top:  0px;right: -9px}
#menu li ul             {top: 22px; left:  2px}
#grid                   {top: 20px; left: 20px}
.slider                 {top:  0px; left:  0px; width:530px; height:550px}
.slider b            {bottom: 16px; left: 20px}
.selected-project       {top:  0px;right:  0px}
.project-title          {top:556px; left:  0px}
.project-copy-container {top:  0px; left:  0px; width:300px; height:550px}
.project-copy           {top: 20px; left: 20px; width:250px; height:510px}
.project-buttons        {top:556px;right: 40px}
.client-list-menu       {top:570px;right:  0px}
.client-list-one        {top:  0px; left:  0px; width:284px; height:555px}
.client-list-two        {top: 38px; left:304px; width:284px; height:512px}
.client-list-three      {top: 38px; left:608px; width:284px; height:512px}
#bio-grid               {top: 20px; left: 20px; width:510px}
#bio-grid-images                               {width:150px; height:156px}
#bio-grid-images-title                         {width:142px; height: 20px}


#content   {background:url(/img/background.jpg) no-repeat; z-index:10}
h1         {padding:0px 0 20px 0; margin:-3px 0 0 0px}
h6         {position:absolute; bottom:0px; left:0px; margin:0px 0px 0px 0px; padding:0px}
p          {padding:0 0 10px 0}
.slideshow {z-index:10;}
.copy      {text-align:left; overflow:auto; z-index:10;}

.news a:link b, .news a:visited b, .news a:active b {text-decoration:none}

.client-list-one h1, .client-list-two h1 {padding-bottom:10px}
.client-list-menu li {display:inline; padding:0 0 0 9px}
.client-list-menu a:link, a:visited, a:active {text-decoration:none}

.client-list-one, .client-list-two, .client-list-three {text-align:left; line-height:30px; overflow:auto}
.client-list-one a:link, .client-list-two a:link, .client-list-three a:link {text-decoration:none}
.client-list-submenu {margin:-4px 0 0 0}

#grid   {z-index:70}
.slider {background:#ECEEF0; z-index:60}

/*Project Pages*/
.project-copy-container {background-image:url(img/project-info-background.png); background-repeat:no-repeat}
.project-copy {padding:0 10px 0 0; text-align:left; overflow:auto; z-index:50}
.project-buttons {text-align:right;}
.project-buttons ul li {list-style:none; display:inline; padding:0 6px 0 0}

/*Bio Pages*/
#bio-grid {z-index:20}
#bio-grid-images {float:left; margin:0 20px 20px 0; background-color:#383435;}
#bio-grid-images img {margin:0 0 1px 0;}


/*Contact Page*/
.contact-copy {position:absolute; top:0px; right:0px; width:200px; height:556px; text-align:left; overflow:auto;}

/*Drop-down Menu*/
#menu, #blog,
#contact           {font-size:12px; text-transform:uppercase; margin:0; padding:0; z-index:100}
#menu .selected    {cursor:pointer}
#menu              {list-style-type:none; margin:0; padding:0}
#menu li, #blog li,
#contact li        {float:left; display:inline; padding:5px 9px 5px 9px; cursor:pointer}
/*sub*/
#menu li ul        {display:block;list-style:none}
#menu li ul li     {display:list-item; width:148px; border-top:0px; border-bottom:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #FFF; background-color:#ECEEF0; text-align:left; padding:1px 0px 1px 4px; z-index:100}
#menu li ul li:first-child {border-top:3px solid #FFF}
#menu li ul li ul  {left:159px; top:0}
* html p#iepara    {padding-top:1em}
* html #menu li    {float:left; height:1%}
* html #menu li a  {height:1%}