/************************************************************
* Basic styles
************************************************************/
* { /* Set global properties */
	border: 0;
	margin: 0; 
	padding: 0;
}
body, pre { /* Default font size */
	font-size: 70%;
}
body, td, input, textarea, pre {
	color: #555;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.3em;
}
html, body {
	width: 100%;
	height: 100%;
}

.shell { /* Container - enforces min and max widths */
	background: #fff;
	margin: 0 auto;
	padding: 0 25px;
	min-width: 700px;
	max-width: 900px;
	_width: expression( document.documentElement.clientWidth > 900? "850px" : document.documentElement.clientWidth < 750? "700px" : "auto" );
}
.col-33 {
	float: left;
	width: 33.2%;
}
.cell-left {
	margin-right: 1em;
}
.cell-middle {
	margin: 0 1em;
}
.cell-right {
	margin-left: 1em;
}

/************************************************************
* Generic styles
************************************************************/
p { 
	margin: 0 0 1em 0; 
}
img {
	display: block;
}

ul {
	list-style: bullet;
	margin: 1em 0 1em 1em;
}
ul li {
	margin: .5em 0 .5em 1em;
}

/************************************************************
* Links
************************************************************/
a:link, a:visited {
	color: #FF5400;
	text-decoration: underline;	
}
a:hover {
	color: #FF7800;
	text-decoration: underline;
}
a:active {
	color: #FF5400; /* Red */
}
a:link img, a:visited img {
	border: 0;
}
.bright {
	color: #FF5400;
	display: inline;
	margin-right: .3em;
}
/************************************************************
* Bars, etc.
************************************************************/
.clear, .bar {
	clear: both;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
}
.bar {
	height: 1px;
	margin: 1em 0;
	background: #D3D3D3;
}

/************************************************************
* Banner
************************************************************/
.banner {
	border-bottom: 1px solid #D3D3D3;
	margin-bottom: .3em;
	padding: 2em 0 .5em 0;
}
#index .banner { 
	margin-bottom: .8em;
}
.dsr {
	display: block;
}
.contact {
	float: right;
}

/************************************************************
* Content
************************************************************/
.content {
	padding: 0 0 3em 0;
	overflow: hidden;
	width: 100%;
}
.contact {
	color: #777;
	float: left;
	margin: 1em 0;
}
.links {
	color: #ccc;
	float: right;
	margin: 1em 0;
	text-transform: uppercase;
	font-size: .9em;
}
.links#bottom {
	float: none;
}
.links a:link, .links a:visited {
	text-decoration: none;	
}
.links a:hover {
	text-decoration: underline;	
}
.links img {
	display: inline;
}
.title {
	display: block;
	margin-bottom: .4em;
}

/************************************************************
* Index page
************************************************************/
#index .shell {
	min-width: 835px;
	max-width: 835px;
	_width: expression( document.documentElement.clientWidth > 885? "835px" : document.documentElement.clientWidth < 885? "835px" : "auto" );
}

.col-main {
	float: left;
	width: 100%;
}
.col-main-content {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 430px 0 0;
	text-align: justify;
}
.sidebar {
	float: left;
	width: 408px;
	margin-left: -408px;
}
.rolodex {
	margin: 0 0 1em 0;
	text-align: center;
}
.announcement {
	background: #FEE3B7;
	font-size: 1.5em;
	padding: 1em;
	text-align: center;
}

/************************************************************
* Project index page
************************************************************/
#index .project-grid td {
	padding: 2px;
}
#index .project-grid td img {
	margin-bottom: .5em;
}
.selected-projects-heading {
	margin-bottom: 2em;
}
.about-studio {
	font-size: 1.1em;
}
.projects-contact {
	color: #999;
	margin-top: 2em;
}
.projects-contact a:link, .projects-contact a:visited {
	color: #777;
}
.under-construction {
	color: #777;
}

a:link img.hoverimg, a:visited img.hoverimg {
	border: 1px solid #E5E5E5;
	margin-bottom: .5em;
	padding: 2px;
}
a:hover img.hoverimg {
	border: 1px solid #89A2AB;
}

/************************************************************
* Projects
************************************************************/
.projects {
	margin-top: 1em;
	overflow: hidden;
	width: 100%;
	height: 105px;
}
.projects .project {
	background: #fff;
	float: left;
	margin-right: 5px;
	height: 105px;
}
.projects .project#right {
	margin-right: 0;
}

/************************************************************
* About / Partners
************************************************************/
.subtitle {
	margin: .5em 0;
}
.partners {
	text-align: justify;
}

/************************************************************
* Project page
************************************************************/
.project-photo {
	margin-bottom: 1em;
}
.project-description {
	float: left;
	width: 100%;
}
.project-description-content {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 425px 1em 0;
	padding-right: 1em;
	text-align: justify;
}
.project-description h2 {
	display: none;
}
.project-photos {
	float: left;
	width: 427px;
	margin-left: -427px;
	margin-top: 2.6em;
}
.project-photos img {
	float: right;
	margin-left: 6px;
}
.project-photos a:link img, .project-photos a:visited img {
	border: 1px solid #E5E5E5;
	margin-bottom: .5em;
	padding: 2px;
}
.project-photos a:hover img {
	border: 1px solid #FF4700;
}

/************************************************************
* Contact card
************************************************************/
.contact-big {
	background: #fff;
	display: block;
	margin: 1em 0 5em 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
}

/************************************************************
* Footer
************************************************************/
.footer {
	border-top: 1px solid #D3D3D3;
	margin-top: 1em;
	padding: 1em 0 1em 0;
}
.copyright {
	color: #999;
}
.credit {
	color: #999;
}
.credit a:link, .credit a:visited {
	color: #888;
	text-decoration: none;
}
.credit a:hover {
	text-decoration: underline;
}

/************************************************************
* Zoom pic
************************************************************/
#zoom .shell {
	padding: 0;
}
#zoom .content {
	padding: 0;
}
.zoom-pic {
	margin: 0;
	text-align: center;
}
.zoom-pic img {
	display: inline;
}