* {margin:0px; padding:0px; border:0px;}
body {margin:0; padding:0; background-color:#000000; color:#f0f0f0; font-family:Verdana, sans-serif; font-size:12px; line-height:18px; text-align:left; font-weight:normal;}
a:link, a:visited, a:active {color:#f0f0f0; text-decoration:none;}
a:hover {color:#71c0be; text-decoration:none;}

/*fonts*/
h1 {padding:0 0 10px 0; margin:0 0 0 0; font-size:14px; font-weight:normal; color:#71c0be;}
h2 {padding:0 0 0px 0; margin:0 0 0 0; font-size:14px; font-weight:normal; color:#71c0be;}
p {padding:0 0 10px 0;}
b {padding:0 0 0px 0; margin:0 0 0 0; font-size:12px; font-weight:normal; color:#71c0be;}

/*Global*/
#background {position:absolute; bottom:0px; right:0px; z-index:10;}
#content {position:absolute; left:50%; top:50%; width:975px; height:600px; margin-top:-300px; /*half of height*/ margin-left:-488px; /*half of width*/ z-index:20;}
.logo {position:absolute; top:0px; left:0px; border:none; z-index:30;}

/*Menu*/
#main-menu {position:absolute; top:69px; right:0px;}
#main-menu li {display:inline; list-style:none; font-weight:normal; font-size:12px; padding:0px; margin:0 0 0 10px;}
#main-menu li.selected, #main-menu li a.parent {font-weight:normal; color:#71c0be;cursor:default}
#main-menu li a:hover {font-weight:normal; color:#71c0be;}

/*Project List Menu*/
#project-list {float:left; font-size:12px;}
#project-list li {list-style:none; text-decoration:none;}
#project-list li.selected {color:#71c0be;}

/*Page*/
.slideshow {position:absolute; top:100px; left:0px; z-index:30;}
.copy {position:absolute; top:100px; left:675px; width:300px; height:500px; font-size:12px; line height:18px; text-align:left; overflow:auto; z-index:30;}
.copy li {line-height:22px;}

/*Project Page*/
.project-slideshow {position:absolute; top:100px; left:0px; width:976px; height:501px; background:url(/img/project-background.gif) no-repeat top left; z-index:30;}
.project-copy {position:absolute; top:100px; left:675px; width:300px; height:366px; font-size:12px; line-height:18px; text-align:left; overflow:auto; z-index:30;}

/*Project List Page*/
.project-list-one {position:absolute; top:100px; left:0px; width:311px; height:500px; font-size:12px; line-height:18px; text-align:left; overflow:auto;}
.project-list-two {position:absolute; top:100px; left:332px; width:311px; height:500px; font-size:12px; line-height:18px; text-align:left; overflow:auto;}
.project-list-three {position:absolute; top:100px; left:664px; width:311px; height:500px; font-size:12px; line-height:18px; text-align:left; overflow:auto;}

/*People Page*/
.staff-info {position:absolute; top:0px; left:0px; width:300px; height:86px; overflow:auto;}
.staff-info img {float:left; margin:0 20px 0px 0;}
.staff-copy {position:absolute; top:106px; left:0px; width:300px; height:394px; font-size:12px; line-height:18px; text-align:left; overflow:auto; z-index:30;}
.studio-slideshow {position:absolute; top:100px; left:0px; width:655px; height:500px; background-image:url('/img/studio.jpg'); background-repeat:no-repeat; z-index:30;}

#intro {position:absolute; top:100px; left:675px; width:300px; height:500px; font-size:12px; line height:18px; text-align:left; border:0px solid gray; z-index:20;}

#switchcontent {position:absolute; top:100px; left:675px; width:300px; height:500px; font-size:12px; line height:18px; text-align:left; border:0px solid gray; display:none; z-index:40;}
#switchcontent a {cursor: pointer;}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen, .sixteen, .seventeen {position:absolute; z-index:40;}

/*staff boxes*/
.one {top:100px; left:35px}
.two {top:172px; left:42px}
.three {top:46px; left:100px}
.four {top:20px; left:160px}
.five {top:205px; left:160px}
.six {top:286px; left:77px}
.seven {top:100px; left:250px}
.eight {top:215px; left:240px}
.nine {top:53px; left:330px}
.ten {top:122px; left:372px}
.eleven {top:202px; left:385px}
.twelve {top:286px; left:391px}
.thirteen {top:29px; left:454px}
.fourteen {top:187px; left:491px}
.fifteen {top:133px; left:567px}
.sixteen {top:340px; left:585px}
.seventeen {top:42px; left:576px}

/*Footer*/
.footer {position:absolute; bottom:-15px; right:0px; font-size:10px;}
.footer a {color:#333;}
.footer a:hover {color:#f0f0f0;}

/*Drop-down Menu*/
#menu-container {position:absolute; top:69px; left:0px; z-index:100;}
#dropdownMenu {float:left; font-size:12px; text-align:left; z-index:100;}
#dropdownMenu ul {list-style-type:none; margin:0; padding:0;}
#dropdownMenu ul li {position:relative; float:left; display:inline; margin:0 16px 0 0px; padding:0px;cursor:default}
#dropdownMenu ul li.selected, #dropdownMenu ul li:hover {color:#71c0be;}
#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 {color:#f0f0f0;}
#dropdownMenu ul li a:hover {color:#71c0be;}

/*sub menu*/
#dropdownMenu ul li ul {position:absolute; top:3em; left:-4px; display:block; visibility:hidden;}
#dropdownMenu ul li ul li {display:list-item; float:none;}
#dropdownMenu ul li ul li a {width:230px; /*width of sub menus*/ padding:3px; margin:0; color:#f0f0f0; background:#000000; /*background of tabs (default state)*/ border-right:1px solid #000000; border-left:1px solid #000000;}
#dropdownMenu ul li ul li a:hover {background:#1a1a1a; color:#71c0be;}
#dropdownMenu ul li.selected ul li.selected, #dropdownMenu ul li.selected ul li.selected a.current {width:230px; background:#1a1a1a; color:#71c0be; padding:3px; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000;}
#dropdownMenu ul li ul li:first-child {border-top:3px solid #000000;}

#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%;}