@import url(/res/styles/reset.css);
body {
   text-align: center;
   background: #999;
   font: 13px Arial, Helvetica, sans-serif;
}

#container, #nav {
   width: 950px;
   position:relative;
   left:50%;
   margin-left: -475px;
   float:left; clear:left;
}

#container {
   background: white url(/res/images/background.gif) 362px 0 no-repeat;
   min-height:610px;
   position:relative;
   text-align:left;
}

#logo {
   position:absolute;
   top:27px;
   left: 20px;
   text-indent: -9999em;
   background: white url(/res/images/logo.gif) top left no-repeat;
   width: 164px;
   height:33px;
}
#logo a {
position: absolute;
display: block;
top:0;left:0;
   width: 164px;
   height:33px;
}

#nav {
   background: #999999;
   margin-top:25px;
   padding-bottom: 8px;
   padding-left:3px;
}
#nav li a {
   display: block;
   float:left;
   padding: 0 15px;
   border-right:1px solid white;
   text-decoration:none;
   color:white;
   line-height:14px;
}
#nav li.active a:hover,
#nav li a:hover {
   color: black;
}
#nav #nav_our-work {
   padding-left:0;
}
#nav #nav_home {
   border:0;
}

#bodynav {
   position:absolute;
   top: 86px;
   left: 78px;
   z-index:400;
}
#bodynav a {
   background: white url(/res/images/nav_our-work.gif) 0 -18px no-repeat;
   text-indent: -9999em;
   width: 106px;
   display: block;
   margin-bottom:13px;
}
#bodynav #bodynav_our-studio {
   background-image: url(/res/images/nav_our-studio.gif);
}
#bodynav .active a,
#bodynav a:hover {
   background-position: 0 2px;
}

#worknav {
   margin: 0 0 0 74px;
   width: 169px;
   font-size: 12px;
}
#worknav a {
   text-decoration: none;
   color: #999;
}
#worknav ul {
   margin-left:16px;
   margin-top:4px;
   margin-bottom: 2px;
}
#leftcontent #worknav li {
   margin-bottom:12px;
}
#leftcontent #worknav li li {
   margin-bottom:2px;
}

#nav .active a,
#worknav .active a {
   color: black !important;
}

#worknav .active ul a {
   color: #666 !important;
}

#projectnav {
   margin-top:23px;
   position:relative;
   left: -8px;
}
#projectnav li {
   display: inline;
}
#projectnav li a {
   display: block;
   float:left;
   font-size: 30px;
   text-decoration:none;
   color: #639;
   padding: 6px;
}
#projectnav li.active a {
   color: #690;
}
#projectnav li a:hover {
   background: #690;
   color: white !important;
}


#rightcontent {
   float: right;
   text-align: center;
   width: 580px;
}
#rightcontent img {
   margin: 20px;
}


#leftcontent {
   width: 187px;
   margin-top:34px;
   margin-left:119px;
   padding-top:52px;
   padding-bottom: 45px;
   font-size:11px;
   line-height: 140%;
}
#leftcontent h1 {
   background: white;
   padding-top:24px;
   clear:left;
}
#leftcontent h1, #leftcontent h2 {
   font-weight: bold;
   margin-bottom: 4px;
}
#leftcontent h2 {
   margin-top: 9px;
   margin-bottom: 3px;
}
#leftcontent p, #leftcontent li {
   margin-bottom: 3px;
}

#rightcontent h2 {
   font-weight: bold;
   font-size: 10px;
}

blockquote {
   font-style: italic;
}
.attribute {
   margin-left:20px !important;
   font-style: italic;
   margin-top:1em;
}


#footer {
   position: absolute;
   bottom: -76px;
   right:0;
   width: 537px;
   background: black;
   color: white;
   border-bottom: 50px solid #999999;
   padding: 5px 0 5px 50px;
   background: black url(/res/images/footer.gif) top left no-repeat;
   overflow: hidden;
   text-indent: -9999em;
}
#footer p {
   display: inline;
   margin: 0 30px 0 0;
   font-size: 14px;
   z-index:1000;
}
small {
   font-size:9px;
}

#footer a {
   color: white;
   text-decoration: none;
   overflow: hidden;
   text-indent: -9999em;
   position: absolute;
   bottom: 0;
   left: 161px;
   width: 253px;
   height:26px;
}
#footer a:hover {
   background: black url(/res/images/footer_email_on.gif) top left no-repeat;
}


#container.interior {
   background-image: url(/res/images/background.jpg);
}
.interior #rightcontent {
   margin: 145px 70px 20px 0;
   width: 418px;
   text-align:left;
}
.interior #rightcontent img {
   margin: 0;
}
.interior #rightcontent p {
   margin: 0 0 7px;
   line-height: 145%;
}

table li {
   margin-bottom: 6px;
}
td {
   width: 180px;
   padding-right: 20px;
   font-size: 9px;
}


strong {
   font-weight: bold;
}


.interior.press #rightcontent p {
   margin-bottom:16px;
}
.interior.press #rightcontent p a {
   margin-left:1em;
}
a {
   color: #690;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: black;
}

.interior.awards #rightcontent {
   width: 290px;
   margin-right:198px;
}
.interior.awards #rightcontent p {
   font-size:10px;
}

.interior.contact-us #rightcontent p {
   line-height:142%;
   margin-bottom: 15px;
}
.client-listing #rightcontent {
   width: 468px; 
   margin-right:20px;
}
#white_philosophy {
	position: absolute;
	bottom: 10px;
	left: 95px;
}
#white_our_work {
	position: absolute;
	bottom: 10px;
	left: 120px;
}