/* screen stylesheet by deepcalm.com */

@import url(reset.css); /* reset */
@import url(forms.css); /* forms */

/* =body */

html {  }	
body {
	font : 11px/16px Verdana, Arial, sans-serif;
/*	font : 12px/16px Arial;*/
/*	margin: 0 auto;	width: auto; height : auto;*/
	color : rgb(250,250,250);
	background : rgb(126, 131, 107);
}

#nav_access { position : absolute; top : 0; left : 0; list-style :none; }
#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
	padding: 10px 20px; 
} 
#nav_access a:focus { left: 0; }

/* =basic */

p {
	font-size : 11px;
	margin : 0 0 16px 0;
}
ul,dl,ol {
	font-size : 11px;
	margin-bottom : 16px;
}

ul {
	list-style : disc;
	margin-left : 20px;
}
ul li { margin-bottom : 0; }
dl { margin : 0; }
dl dt { font-weight : bold; }
dd { margin-left: 0; }

ol { list-style-type:decimal; }
ol li { margin-left: 0; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size: 75%; position:relative; top:-3px; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr { display:none; }

/* =headings */

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size : 24px; line-height : 32px;}
h2 { font-size : 18px; }
h3 { font-size : 14px; }
h4 { font-size : 13px; }
h5 { font-size : 12px; }

/* =links */

a:link, a:visited { color : rgb(28,68,141); text-decoration : none; }
a:hover, a:focus { text-decoration : underline; }

/* =img */

img { display : block; }
p img {  }

img.left { float : left; margin-right : 0; }
img.right { float : right; margin-left : 0; }

/* =layout */

#container {
	position : relative;
	width : 748px;
	margin : 0 auto;
	padding : 26px 26px 6px 26px;
	background : rgb(148,153,129);
}

/* =global */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

#footnotes { display : none; }
html.noted a sup { display : none; }

p.tags {  }
p.date {  }
p.published {  }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =branding */

#branding { margin : 0; }
#branding #logo {
	display : block;
	width : 118px; height : 23px;
	background: transparent url(/site_images/logo.gif) 0 0 no-repeat;
	text-indent : -9999px;
}
#branding #site-slogan { display : none; }

/* =nav */

#header {
	position : relative;
}
#header .nav {
	position : absolute; top : 0; right : -8px;
	text-transform : uppercase;
}
#header .nav ul { list-style :none; }
#header .nav li {
	display : inline;
	font-size : 10px; line-height : 20px;
	height : 20px;
}
#header .nav li a {
	display : block; float : left;
	height : 20px; padding : 3px 8px 0 8px;
	color : rgb(230,230,230);
}
#header .nav li a:hover { color : rgb(255,255,255); text-decoration : none; }
#header .nav li.active a { color : rgb(28,68,141); }

/* =footer */

#footer { 
	font-size : 9px;
	color : rgb(178,183,159);
	clear : both;
	text-align : right;
}
#footer a {
	color : rgb(198,203,179);	
}

/* =main */

#content { margin-top : 20px; }
#content .figure {
	position : relative; text-align : right;
	height : 283px;
	padding : 10px 0 20px 0;
}
#content .figure img {
	position : absolute; top : 0; left : 0;
}

#content h1 {
	font : 14px/16px Tahoma, Verdana, Arial, sans-serif; font-weight : normal; letter-spacing : 0.1em;
}
#content .article .header {
	float : left;
	width : 175px;
}
#content .article #one {
	float : left;
	width : 260px; min-height : 222px;
	padding : 0 25px 0 24px;
	border-left : 1px dashed rgb(250,250,250);
}
#content .article #two {
	float : left;
	width : 250px;
}
#content .article h2 {
	font-size : 11px;
	text-transform : uppercase;
	font-weight : normal;
}

/* =aside */

.aside.main {  }

/* =sections */

.default #content .article .header {
	position : relative;
	float : left;
	width : 320px; height : 60px;
	background : transparent url(/site_images/home-headline.png) 0 0 no-repeat;
	text-indent : -9999em;
}

.default #content .article #one {
	float : none;
	width : auto;
	margin : 20px 0 0 366px;
	padding : 0;
	border : none;
}
.default #content .article #one p {
/*	margin-left : 0;*/
	font-size : 12px;
	line-height : 16px;
}

.vcard {
	clear : both;
	padding : 10px 0;
	border-top : 1px dashed rgb(250,250,250);
	font-size : 10px;
	color : rgb(218,223,199);
}
.vcard a {
	color : rgb(218,223,199);
}
.vcard .fn { display : none; }
.vcard div { width : 330px; float : left; margin :0; }
.vcard .contact-methods { width : 380px; float : right; text-align : right; }


.projects #content {
	position : relative;
}
.projects #content .figure {
	margin-left : 190px;
}
.figure #next, .figure #prev {
	display : block;
	position : absolute; z-index : 1000; top : 293px; right : 0;
	width : 43px; height : 35px;
	background : transparent url(/site_images/project_nav.jpg) -43px -35px no-repeat;
}
.figure #prev {
	right : 43px;
	background-position : 0 -35px;
}
.figure #next:hover { background-position: -43px 0; }
.figure #prev:hover { background-position: 0 0; }

.projects #content .article .header {
	float : none;
	width : auto;
}
.projects #content h1 {
	margin-bottom : 7px;
	padding-bottom : 8px;
	border-bottom : 1px dashed rgb(250,250,250);
}
.projects #content h1.sIFR-replaced {
	padding-bottom : 0;
}

.projects #content h1 span.location {
	/*color : rgb(178,183,159);*/
	color : rgb(232,239,203);
	padding-left : 20px;
}
.projects #content .article #one {
	float : right;
	width : 380px; min-height : 222px;
	padding : 0 5px 0 0;
	border-left : none;
}
.projects #content .article #detail {
	float : left;
	width : 360px;
}
.projects #content .article #detail th {
	width : 140px;
	text-align : left;
	vertical-align : top;
	color : rgb(232,239,203);
}

.projects #content .aside {
	position : absolute; top : 0; left : 0;  
	background : rgb(136,141,116);
	padding : 6px 0 0 0;
}
.projects #content .scrollable {
	position : relative;
	overflow : hidden;     
	height: 270px;     
	width : 177px;
}
.projects #content .scrollable .items {
	position : absolute;
	margin : 0;
	height:20000em;
}
.projects #content .scrollable .items div {
	margin-bottom : 4px;
}
.projects #content .scrollable h2 {
	display : block;
	width : 161px;
	padding : 0 8px;
	color : rgb(240,240,240);
	font-size : 9px;
	text-transform : uppercase; text-decoration : none;
}
.projects #content .scrollable a {
	display : block;
	width : 161px;
	padding : 0 8px;
	color : rgb(230,230,230);
	text-decoration : none;
}
.projects #content .scrollable a:hover {
	background : rgb(148,153,129);
}
.projects #content .scrollable .active a {
	color : rgb(28,68,141);
	background : rgb(148,153,129);
}
.projects #content .scrollable h3 {
	font-size : 10px;
	font-weight : normal;
}
.projects #content .next,
.projects #content .prev {
	position : absolute; bottom : 0px; left : 0; z-index : 20;
	display : block;
	height : 20px; width : 68px;
	padding : 10px 10px 0 10px;
	cursor : pointer;
	color : rgb(178,183,159);
	background : transparent url(/site_images/project_nav.png);
	text-align : center;
}
.projects #content .next:hover,
.projects #content .prev:hover {
	color : rgb(230,230,230);
	text-decoration : none;
}
.projects #content .next {
	left : 88px;
}

/*.projects #content .article #two {
	float : left;
	width : 250px;
}
.projects #content .article h2 {
	font-size : 11px;
	text-transform : uppercase;
	font-weight : normal;
}
*/

.awards #content .article #one,
.careers #content .article #one {
	width : 530px;
	padding-right : 0;
}
.awards ul {
	margin-left : 0;
	list-style : none;
}
.awards ul ul {
	font-style : italic;
}

.millwork #content .article h2 {
/*	font-size : 11px;*/
	text-transform : none;
	font-weight : bold;
}



/* sifr */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}