/* 

Red: #cf391b;

*/

body {
	margin:0; padding:0; border:0;
	font: 12px/18px arial,helvetica,sans-serif;
	background:#fff url(/_img/bg_body.jpg) repeat-x;
	text-align:center;
	color:#666;
	}
	
p {
	margin-top:0; margin-bottom:1em;
	}

p, h1, h2, h3, td, li { text-align:left; }

p, td, li { color: #666; }

img { border:0; }

.clear	{ font-size: 1px; line-height: -1px; height: -1px; clear:both; }

.red { color: #cf391b; }

.bold { font-weight:bold; }

.italic { font-style:italic; }

.indent { margin-left:20px !important}

.center { text-align:center; }

.smalltext { font-size:10px; }

a  {text-decoration: underline; color:#666;}
a:hover { color:#cf391b; }
.pf_table span, #maincol span { color:#cf391b; }

h1 {
	color:#666;
	font-size:14px; line-height:18px; font-family:arial,helvetica,sans-serif;
	margin:0 0 .5em 0;
	}

h2 {
	color:#666;
	font-size:12px; line-height:16px;
	margin:0 0 .2em 0;
	}

h3 {
	color:#666;
	font-size:11px; line-height:15px;
	margin:0;
	}
	
	
ul { 
	list-style-type: square;
	list-style-image:none;
	padding:0 0 0 15px; margin:0 0 1em 15px;
	}


	li p.listindent {
		margin:0 0 0 55px;
		}
		
.nobold { font-weight: normal; }

.container {
	width:780px;
	background: #fff;
	margin:0 auto; padding:0; border:0;
	clear:both;
	}

	.container#home {
		background:#fff url(/_img/bg_container-h.gif) no-repeat;
		height:570px; padding-top:61px;
		}
		
		
	.container#sub {
		background: #fff url(/_img/bg_container.gif) no-repeat 100% 0;
		height:auto; padding:16px 0 25px 0;
		}
		
		ul.topnav {
			border:0; margin:0 0 0 202px; padding:0;
			clear:both;
			}
				
		
		ul.topnav#subpage-nav { margin-left:180px; }
		
			ul.topnav li {
				font: bold 12px/12px arial,helvetica,sans-serif;
				text-transform:uppercase;
				list-style: none;
				margin:0 40px -2px 0; padding:0; border:0;
				float:left;
				}
					
			ul.topnav li a {
					color: #aaa;
					text-decoration: none;
					border:0;
					}
							
				ul.topnav li a:hover {
					color:#333;
					}
			
				ul.topnav li.active a {
					color: #333;
					}

		
		.masthead {
			height: 171px;
			background: #fff url(/_img/logo_home.gif) no-repeat;
			border:1px solid #efefef; border-width:1px 0;
			margin:0; padding:0;
			clear:both;
			display:block;
			}


		.masthead#submast {
			height: 123px;
			background-image: none;
			border-color:#efefef;
			}

		.masthead a { border:0; }
		
		#content {
			padding: 20px 10px 0 0;
			}
		
		#footer {
			text-align:center;
			font-size:11px;
			color:#999;
			margin-top:.5em;
			}
			
		.toplink {
			text-align:right;
			text-transform:uppercase;
			font-size:10px;
			margin:1em 30px 0 0;
			}
	
			.toplink a { border:0; }
			
		.footnote {
			display:block;
			position:relative;
			margin-top:20px;
			}
			
/*  SUB-PAGE STYLES */

#leftcol {
	float:left;
	width: 138px;
	border:0; margin:5px 0 0 23px; padding:0;
	clear:none;
	display:inline;
	}

	#leftcol h2 { margin-bottom:.8em; }
	
#maincol {
	float:right;
	width:590px;
	clear:none;
	text-align:left;
	}

.portfolio #maincol {
	float:left;
	width:750px;
	clear:none;
	text-align:left;
	display:inline;
	margin-left:15px;
	}

	#maincol p { margin:0 0 .5em 0; }
	
	table.projectlist {
		border:0px solid #e7e7e7;
		width:100%;
		float:right;
		font-size:12px;
		}
		
		table.projectlist td {
			padding:2px 0 1em 10px;
			vertical-align:top;
			
			}
		
		table.projectlist th {
			text-align:left;
			color:#fff;
			text-transform:uppercase;
			letter-spacing:1px;
			padding: 2px 10px 2px 8px;
			background:#ccc;
			border:0px solid #999;
			}
			

			table.projectlist#hospitality {
				margin-bottom:131px;
				}

			table.projectlist#senior {
				margin-bottom:100px;
				}
				
		a.showhide {
			color:#666;
			text-decoration:none; border:0;
			font: bold 12px/12px arial,helvetica,sans-serif;
			margin:.8em 0 .1em 0;
			text-transform:capitalize;
			}
			
		a.showhide:hover { color:#cf391b; border:0; }
		
		p#intro { font-size:14px; line-height:22px; margin:0 75px 330px 0; }
		
		.button {
			background:url(/_img/button.gif) repeat-x 0 50%;
			color:#fff;
			text-align:center;
			height:20px;
			padding-top:2px; margin-right:2em;
			border:1px solid #bbb;
			float:left;
			width:100px;
			font-size:12px; line-height:normal;
			}


			html>body .button  { padding-top:4px; height:18px;} 
			/* what we really want - IE 4/5/6 can't see */
			
			.button a { color:#666; text-decoration:none; border:0;}
			.button a:hover { color:#cf391b; border:0; }
			
		table#credits {
			width:100%;
			border:3px solid #eee;
			border-width:3px 0;
			font-size:11px; line-height:15px;
			clear:both;
			}
			
			table#credits td {
				width:20%;
				padding:10px 20px 5px 0;
				vertical-align:top;
				border:0;
				}
			
				table#credits td.longer
					{ width:30%; }
					
		#building {
			width:350px; height:336px;
			background:url(/_img/kuchman-building.jpg) no-repeat;
			float:right; clear:right;
			margin-bottom:1em; margin-right:5px;
			}
		
		#thumbnails {
			border-bottom:1px solid #999;
			padding-bottom:10px;
			margin:0 0 20px 0;
			}
			
			#thumbnails a, #thumbnails a:hover { border:none;}
			#thumbnails a img { border:1px solid #000; margin:0 2px 0 0;}
			#thumbnails a:hover img { border:1px solid #cf391b; margin:0 2px 0 0;}
			
			
		#thumbnails-projectlist {
			padding-bottom:5px;
			}
			
			#thumbnails-projectlist a, #thumbnails a:hover { border:none;}
			#thumbnails-projectlist a img { border:1px solid #000; margin:0 2px 0 2px;}
			#thumbnails-projectlist a:hover img { border:1px solid #cf391b;}
		
		#pf_text { width:300px;}
		
		#breadcrumb {
			display:block;
			margin-bottom:10px;
			}
		
			#breadcrumb h1 a { border-bottom:none;}
			#breadcrumb h1 { font-weight:100; display:inline; text-transform:uppercase;}		
			
		#preview {
			width:400px;
			float:right; clear:right;
			margin:0 0 1em 1em;
			border:1px solid #000;
			}
			
		.pf_table { font-size:10px; }

		.pf_left_2 { margin:0 0 8px 0; padding-right:5px;}
		
			#maincol .pf_left_2 a { text-decoration:none !important; }
			
		.pf_left_2 ul { display:block; float:left; width:550px; margin:0; padding:0; }
		.pf_left_2 ul li { float:left; margin-left:1.5em; }
		.pf_left_2 h1 { text-align:left; margin-left:163px; line-height:14px; }
		.pf_left_2 img { float:left; margin-right:63px; border:1px solid #000; }
		#pf_nav_arrows {float:right;}
		#pf_nav_arrows a, #pf_nav_arrows a:hover { border:none;}