/* Troubleshooting
div{
border:1px solid #ccc;
}
*/

/* All Purpose Elements */

html,body {
}

body {
	background:#fff url(../img/bg_page.jpg) top left repeat-x;
	margin: 0px auto;
	text-align:center;
	
}



img.block {
	display: block;
	border:0px none;
}

.inline {
	display: inline;
	border:0px none;
}

td{ vertical-align:top;}


p, td, ul, ol, li, dl, dt, dd,div,span,h1,h2,h3,h4,h5,h6 {
	font-family:arial, "Lucida Sans","Lucida Grande",  geneva, sans-serif;
	font-size:11px;
}

strong{
	color:#333;
}

html p {
	margin-top:0em;
	margin-bottom:1.5em;
}

hr {
color:#CCC;
}

body blockquote {
margin:0;
padding:0 0 0 20px;
}

.hide { 
display: none; 
}


/* -- */

/* HEADERS */

h1 {
	color:#333;
	font-weight:normal;
	padding:0;
	margin:0px;
	font-size:28px;
}

h2 {
	color:#000;
	font-weight:normal;
	padding:0;
	margin:0px 0 10px 0;
	font-size:24px;
}

h3 {
	color:#000;
	font-weight:bold;
	padding:0;
	margin:0px 0 10px 0;
	font-size:14px;
}


h4 {
	color:#333;
	font-weight:normal;
	padding:0;
	margin:0px 0 20px 0;
	font-size:14px;
	line-height:1.5em;
}


h5 {
color:#ccc;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	font-size:14px;
}


h6 {
margin-top:-10px;
	font-weight:normal;
font-size:11px;
display:inline;
padding:0px;
margin-bottom:0px;
	}

	.clear_left{
		clear:left;
	}
	.clear_right{
		clear:right;
	}
	.clear_both{
		clear:both;
	}

/* -- */

/* Linkology */

a:link,a:visited {
	text-decoration:none;
	color:#92abb8;/*#cc9933;*/
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

/* -- */

#doc{
	margin:0 auto;
	width:939px;
}

#shell{
	text-align:left;
	width:939px;
}

#page{
	position:relative;
	width:908px;
	margin-left:15px;
	background:#fff url(../img/bg_shadow_top.gif) top left no-repeat;
	min-height:600px;
	padding-top:7px;
}

#page .page_inner{
	padding:0  29px;
	
}

#page .page_header{
	background:#fff url(../img/bg_header.gif) top left no-repeat;
	height:90px;	
}

.logo{
	position:absolute;
	margin:0 0 0 0;
	display:pointer;
}

#navigation{
	background:url(../img/bg_nav_bar.png) 0px 0px no-repeat;	
	height:40px;
	width:853px;
	margin:-20px 0 0 0;
	
	
}
#navigation .inner{
	padding:3px 10px 0 300px;
	
}

#navigation .inner a:link,
#navigation .inner a:visited,
#navigation .inner a:hover,
#navigation .inner a:active{
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 19px;
	font-weight:normal;
	font-size:11px;
	color:#fff;
	background:url(../img/nav_div.gif) center right no-repeat;
}
#navigation .inner a.l{
	background:none;
}

#navigation .inner a.on:link,
#navigation .inner a.on:visited,
#navigation .inner a.on:hover,
#navigation .inner a.on:active{
	color:#ccc;
}

#tray_shell{
	margin-top:-4px;
}

#tray_container{
clear:left;
position:absolute;
visibility:hidden;
/*
opacity:.95;*/
z-index:100;
width:893px;
}

#tray_container #tray{
	background:url(../img/bg_tray.jpg) 2px 0  repeat-y;
	
	
}

#tray_container .tray_top{
	background:url(../img/bg_tray_top.jpg) 2px 0  no-repeat;
	height:20px;
	
}
#tray_container .tray_inner{
	margin:-20px 0 0 0;
	
}
#tray_container .tray_inner .tbottom{
	clear:both;
	height:20px;
	background:url(../img/bg_tray_bottom.jpg) 2px bottom  no-repeat;
}

#tray_container .tray_inner .left_col{
	width:262px;
	font-size:12px;
	line-height:1.4em;
	color:#333;
		float:left;
}

#tray_container .tray_inner .left_col .col_inner{
	padding:20px 20px 0px 30px;
	
}

#tray_container .tray_inner .left_col h2{
color:#729bc7;
font-size:18px;
padding:0;
margin:0 0 10px 0;
}
#tray_container .tray_inner .fprojects{
}

#tray_container .tray_inner .fprojects .col{
	float:left;
	width:266px;
	background:url(../img/bg_dotted.gif) top left repeat-y;
	margin:20px 0 10px 0;
}

#tray_container .tray_inner .fprojects .col .col_inner{
	padding:10px 30px;
	
}

#tray_container .tray_inner .fprojects .col a:link,
#tray_container .tray_inner .fprojects .col a:visited,
#tray_container .tray_inner .fprojects .col a:hover,
#tray_container .tray_inner .fprojects .col a:active{
	display:block;
	color:#000;
	text-decoration:none;
}

#tray_container .on{
	opacity:.3;
	filter:alpha(opacity=30);
}



#tray_container .tray_inner .fprojects .col a:hover{
	color:#729bc7;
}
#tray_container .tray_inner .fprojects .col  .on a:hover{
	color:#000;
}

#tray_container .tray_inner .fprojects .col .project{
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	color:#000;
	margin-bottom:5px;
}

.icon{
	background-image:url(../img/icon_sprite.gif);
	background-repeat:no-repeat;
}

#tray_container  .house:hover{
	background-position:right -60px;
}

.house{
	background-position:right -40px;
}

#tray_container  .building:hover{
	background-position:right -20px;
}

.building{
	background-position:right 0px;
}
#tray_container .on:hover{
	
}




.tray_bottom{
	clear:both;
	background:url(../img/bg_fproject_drawer_bottom.png) 2px 0 no-repeat;
	height:30px;
}
.tray_bottom .inner_left{
	position:absolute;
	margin:4px 0 0 14px;
	width:700px;
	
}

.tray_bottom .inner_right{
	position:absolute;
	margin:4px 0 0 540px;
	width:300px;
	text-align:right;
	
}

#show_hide{
	color:#fff;
	font-weight:normal;
	font-size:10px;
	margin-right:20px;
	text-align:right;
}
#tray_link {
	padding:2px 0 0 2px;
	cursor:pointer;
}


#show, #hide{
	position:absolute;
	margin-left:60px;
	margin-top:-2px;
	text-align:right;
	height:16px;
	padding-right:27px;
	width:200px;
	padding-top:1px;
	color:#396491;
	font-weight:bold;
	background-image:url(../img/icon_sprite.gif);
	background-repeat:no-repeat;	
	}

	#show{
		background-position:right -100px;
	}
	#hide{
		background-position:right -80px;
	}


#page_content{
	margin-top:50px;
}

body#home #page_content{
	margin-top:30px;
	margin-left:-1px;
}



/* HOME */
#home_content{
	clear:both;
	margin:15px 5px 5px 5px;
}
#home_content .content_left,
#home_content .content_right{
	}
	
	#home_content .content_left .inner,
#home_content .content_right .inner{
	min-height:120px;
	cursor:pointer;
	border:1px solid #fff;
	padding:10px;
}

#home_content .content_left .inner:hover,
#home_content .content_right .inner:hover{
	border:1px solid #ccc;
	cursor:pointer;
	background:#f0f0f0;
}

#home_content .content_left .inner{
	margin-left:-10px;
	margin-right:10px;	
}
	#home_content .content_left{

	float:left;
	width:450px;
	font-size:12px;
/*	background:url(../img/divider.gif) top right no-repeat;*/
	color:#333;
}

#home_content .content_left .inner{
}

#home_content .img_left{
float:left;
display:block;
margin:0 20px 10px 0;
}

#home_content .img_left img{
border:1px solid #666;
}

#home_content  .desclink{
padding-top:5px;
}
#home_content  .desclink a{
display:block;	
	color:#ad8533;
}



#home_content  h1{
	font-size:24px;
}
#home_content  h1 span{
	display:block;
	font-size:16px;
	color:#666;
	margin-bottom:4px;
}


#home_content .content_right {
	padding:0px 0px 20px 20px;
	margin-right:-10px;
	margin-left:420px;
}


#home_content .content_right .inner{
	
} 

#page_content .header{
	background:url(../img/bg_top_element.gif) bottom left no-repeat;
	margin:0 5px;
	min-height:40px;
	
}

#page_content .photo_bottom{
	background:url(../img/bg_bot_element.gif) top left no-repeat;
	margin-top:-1px;
	height:30px;
	clear:both;
}
.portfolio_photo{
	
}

#page_content .photos{
		margin:0px 5px 0 5px;
		height:382px;
}

#page_content .photo_header{
	overflow:hidden;
	height:200px;
	margin-left:5px;
}

.port_display{
	margin-left:5px;
	clear:both;
}

.ppeek1{
	float:left;
	margin-left:-9px;
	padding:10px 9px;
}
.ppeek2{
	float:left;
	padding:10px 9px;
}
.ppeek3{
	float:left;
	padding:10px 9px;
	margin-right:-9px;
	
}

.ppeek1 .info,
.ppeek2 .info,
.ppeek3 .info{
	border-top:10px solid #f0f0f0;
	padding:5px;
	
}
.ppeek1,
.ppeek2,
.ppeek3{
	border:1px solid #fff;
	cursor:pointer;
	
}

.ppeek1:hover,
.ppeek2:hover,
.ppeek3:hover{
border:1px solid #ccc;
background:url(../img/phoverbg.gif) top left repeat-x;
	
}
.picons{
	width:50px;
	float:right;
}


.picons .icon{
	width:20px;
	height:15px;
	float:right;
}

.picons .house{
	margin-top:2px;
	background-position:right -40px;
}	
.picons .building{
	background-position:right 0px;
}


.info {
	width:255px;
}

.info h3{
	color:#333;
	font-weight:normal;
	margin-bottom:2px;
	padding-bottom:0px;
}

body#home #page_content .photos img{
}

#photo_holder{
	height:382px;
	position:relative;
	background:#ccc;
}

#pcontent{
	margin-left:5px;
	margin-top:1px;

}

#pcontent .l{
	width:550px;
	border-right:1px solid #f0f0f0;
	float:left;
	background:#fff url(../img/bg_port_underneath2.gif) top left repeat-x;
}


#pcontent .l .l_inner{
	padding:20px 20px 20px 5px ;
}

#pcontent .l .l_inner, 
#pcontent .l .l_inner p{
	font-size:12px;
	line-height:1.5em;
}

#pcontent .r{
	background:#fff url(../img/bg_port_underneath.gif) top left repeat-x;
	color:#666;
	margin-left:550px;
	margin-right:3px;
	border-left:1px solid #f0f0f0;
	
}
#pcontent .r .r_inner{
	padding:20px;
}
#pcontent .r .r_inner p{
	font-size:12px;
	line-height:1.4em;
}

#caption{
	position:absolute;
	margin-top:-21px;
	height:20px;
	width:250px;
	
	background:#fff;
	padding:4px;
	margin-left:560px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#333;
}
#caption span{
	font-size:12px;
	font-weight:normal;
	color:#666;
}
.hiline{
	padding:2px 0 6px;
	font-size:13px;
	
}

.hiline div{
	font-weight:bold;
	color:#999;
	display:inline;
	font-size:12px;
	}

.hiline span{
	font-weight:bold;
	color:#000;
	font-size:12px;
	margin-left:3px;
}
.r h2{
	color:#6699cc;
	font-size:18px;
	clear:right;
	padding-top:20px;
}

.project_description{
	padding:0px ;
}
.project_description, .project_description p{
	font-size:15px;
	line-height:1.4em;
	color:#333;
	
}


/* Subnav */
.subnav{
	color:#999;
	font-size:14px;	
	text-align:left;
	padding:10px;
	background:#333;
}
.subnav h4{
	font-weight:normal;
	padding:0 10px 0px 10px;
	margin:4px 0 0 0;
	line-height:14px;
	text-align:left;
	color:#ccc;
	float:left;

}

.subnav span{
	display:block;
	float:left ;
	text-align:left;
	padding:2px  16px 2px 10px;
	border-left:1px solid #666;
}

.subnav .ttl{
	padding:0;
	text-align:left;
	clear:left;
}

.subnav a:link,
.subnav a:visited,
.subnav a:hover,
.subnav a:active{
	font-size:14px;
	padding:3px 0px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.subnav a:hover{
	color:#ccc;
	text-decoration:underline;
	
}

/* Shadows */


.shadow{
	width:15px;
	min-height:700px;
}

.sleft{
	background:#8d8c8c url(../img/bg_shadow_l.jpg) top right no-repeat;	
	position:absolute;
}

.sright{
	background:#8d8c8c url(../img/bg_shadow_r.jpg) top left no-repeat;	
	position:absolute;
	margin-left:923px;
}

/* photo navigation */

.photo_navigation span{


	
}
.photo_navigation{
	position:absolute;
	width:850px;
	margin-top:10px;
	text-align:right;
}
.photo_navigation a:link,
.photo_navigation a:visited,
.photo_navigation a:hover,
.photo_navigation a:active{
	background-image:url(../img/icon_sprite.gif);
	background-position:0 -140px ;
	width:20px;
	height:20px;
	float:right;
display:block;
}
.photo_navigation a:hover{
	background-position:0 -160px ;
	
}

.photo_navigation a.on{
	background-position:0 -120px ;
	
}

/* BIO */
.bio h2{
	margin-bottom:25px;
	color:#ccc;
}

.bio h3{
	margin-bottom:15px;
	font-size:15px;
}

.bio h3 span{
	color:#666;
	font-size:13px;
	display:block;
}
.bio{
	padding:30px;
	text-align:left;
	font-size:12px;
	line-height: 1.4em;
	color:#666;
}

#post_listing{
	margin-top:30px;
	
}
.plist{
	width:100%;
	margin-top:10px;
}   
.plist tr.header,
.plist tr.header td,
.plist tr.header td.n,
.plist tr.header td.t,
.plist tr.header td.w,
.plist tr.header td.h{
	background:#cccccc;
	color:#666;
	font-weight:bold;
}
.plist tr.alt{
	background:#f5f5f5;
}
.plist td{
	font-size:12px;
	padding: 9px 5px 9px 2px;
	text-align:left;
	border-bottom:2px solid #ccc;
}
.plist .n{
	font-weight:bold;
	font-size:13px;
	padding-left:10px;
	width:220px;
}

.plist .t{
	width:130px;
}

.plist .w{
}

.plist .h{
}

.plist .sqft{
}



	.partner_listing{
		margin:0 10px 10px 5px;
		
	}
	.partner_listing .hdr{
		background:#f0f0f0;
		color:#333;
		padding:10px;
		font-size:12px;
		font-weight:bold;
	}
	.partner_listing span{
		display:block;
		border-bottom:1px solid #f0f0f0;
		color:#333;
		font-size:12px;
		padding:5px 10px;
	}
	
	.partner_container{
		width:420px; margin-top:20px;
	}
	
	
	
	.contact{
		padding:20px 5px;
	}
/* Footer */

#footer{
	clear:both;
background:url(../img/bg_footer_bar.gif) top left no-repeat;
color:#fff;
width:849px;
text-align:center;
min-height:40px;
margin:30px 0 0 0;
}

#footer .inner{
	padding:10px 30px;
}
#footer a{
color:#fff;
font-weight:normal;
}