* {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
}

body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #ffffff;
color: #949483;
font-family: Trebuchet MS, sans-serif;
font-size: 11px;
}

a:link, a:visited, a:active {
color: #949483;
text-decoration: none;
}

a:hover {
color: #2a2900;
text-decoration: none;	
}

#container {
width: 100%;
width: 100%;
}

.content {
position: relative;
margin: auto;
width: 960px;
height: 570px;
z-index: 20;
background-image: url(img/background.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

h1 {
font-size: 14px;
font-weight: normal;
color: #2a2900;
padding: 0 0 10px 0;
}

h2 {
font-size: 14px;
font-weight: normal;
color: #2a2900;
padding: 0px;
}

b {
font-weight: normal;
color: #2a2900;
padding: 0 0 5px 0;
}

i {
font-size: 9px;
}

p {
padding: 0 0 10px 0;
}



/*Global*/

#home-slideshow {
position: absolute;
top: 45px;
left: 5px;
}

.logo {
position: absolute;
top: -2px;
left: 0px;
border: none;
z-index: 30;
}

.logo-icon {
position: absolute;
top: -6px;
right: 0px;
}

.menu-line {
position: absolute;
top: 97px;
left: 0px;
}



/*Hard Menu*/

#hard-menu {
position: absolute;
top: 5px;
left: 292px;
font-weight: normal;
}

#hard-menu li {
list-style: none;
display: inline;
padding: 0px 0px 0px 5px;
font-size: 14px;
color: #2a2900;
font-weight: normal;
}

#hard-menu li a {
font-weight: normal;
font-size: 14px;
color: #949483;
text-decoration: none;
font-weight: normal;
}

#hard-menu li a:hover {
color: #2a2900;
font-size: 14px;
font-weight: normal;
}



/*Menu*/

#main-menu {
position: absolute;
top: 5px;
left: 387px;
z-index: 40;
}

#main-menu li {
list-style: none;
display: inline;
padding: 0px 0px 0px 5px;
font-size: 14px;
color: #949483;
font-weight: normal;
}

#main-menu li.selected {
color: #2a2900;
}

#main-menu li a.parent {
color: #2a2900;
}

#main-menu li a {
font-weight: normal;
font-size: 14px;
color: #949483;
text-decoration: none;
font-weight: normal;
}

#main-menu li a:hover {
color: #2a2900;
font-size: 14px;
font-weight: normal;
}



/*Sub-Menu*/

#sub-menu li {
display: block;
list-style: none;
color: #949483;
line-height: 22px;
}

#sub-menu li.selected {
color: #2a2900;
}



/*Project Menu*/

#project-container {
position: absolute;
top: 45px;
left: 5px;
height: 520px;
width: 231px;
border-right: 1px solid #ebebe8;
padding: 0px;
}

#ports, #projs       { position: absolute; left: 20px; font-weight: normal; text-align: left; }
#ports { top:  17px; }
#projs { top: 110px; }

#ports li, #projs li { list-style: none; }
#ports li { font-size: 14px; line-height: 22px; }
#projs li { font-size: 11px; line-height: 15px; margin-bottom: 10px; }
#ports a.parent      { color: #2A2900; }
#projs li.selected   { color: #2A2900; }
#ports a: hover      { color: #2A2900; }
#projs a: hover      { color: #2A2900; }

/*Project Pages*/

.project-copy-container {
position: absolute;
top: 451px;
right: 5px;
width: 718px;
border-top: 1px solid #ebebe8;
text-align: left;
font-size: 11px;
line-height: 15px;
}

.project-details {
position: absolute;
top: 20px;
left: 20px;
width: 230px;
height: 76px;
overflow: hidden;
}

.project-copy {
position: absolute;
top: 20px;
left: 270px;
width: 441px;
height: 76px;
padding: 0 7px 0 0;
font-size: 11px;
line-height: 15px;
text-align: left;
overflow: auto;
}

.project-copy img {
float: right;
display: inline;
padding: 0 0 0 10px;
}

.project-slideshow {
position: absolute;
top: 45px;
right: 5px;
}



/*Page*/	

.slideshow {
position: absolute;
top: 45px;
left: 5px;
z-index: 30;
}

.copy {
position: absolute;
top: 62px;
left: 575px;
width: 363px;
height: 486px;
text-align: left;
font-size: 11px;
line-height: 15px;
overflow: auto;
}



/*Sustainability Page*/

.sustainability-logos {
position: absolute;
bottom: 10px;
left: 0px;
}

.sustainability-logos img {
padding: 0 10px 0 0;
}



/*Studio Page*/

.studio-container {
position: absolute;
top: 45px;
left: 5px;
width: 950px;
height: 520px;
z-index: 30;
}

.studio-container img {
position: absolute;
top: 0px;
left: 0px;
padding: 0 20px 20px 0;
}

.studio-title {
position: absolute;
top: 465px;
left: 20px;
clear: both;
text-align: left;
font-size: 11px;
line-height: 15px;
}

.studio-title h1 {
font-size: 14px;
font-weight: normal;
padding: 0px;
margin: 0px;
}

.studio-copy {
position: absolute;
left: 420px;
width: 510px;
height: 486px;
margin: 17px 0 0 0;
text-align: left;
font-size: 11px;
line-height: 15px;
overflow: auto;
}



/*Contact Page*/

.contact-copy {
position: absolute;
top: 62px;
left: 705px;
width: 233px;
height: 486px;
text-align: left;
font-size: 11px;
line-height: 15px;
overflow: auto;
}


/*Footer*/

.footer {
position: absolute;
bottom: -20px;
right: 0px;
font-size: 11px;
color: #d0d0bf;
}

.footer a {
color: #d0d0bf;
}

.footer a:hover {
color: #2a2900;
}