/* ------------------------------------ Reset ------------------------------------ */

* {
	margin:0;
	padding:0;
	}
	
/* ------------------------------------ Basics ------------------------------------ */
body {
	background:#dc5f00 url(../graphics/bg.gif) repeat-x;
	}
a {
	outline:none;
	}
a img {
	border:0;
	}
p {
	margin-bottom:14px;
	}
fieldset {
	border:0;
	}
.hide {
	display:none;
	}
#content ul,
#content ol {
	margin-left:15px;
	}
#content input, 
#content textarea,
#content hr {
	margin:8px 0;
	}

/* --------------------- Containers & Header --------------------- */	
	
html, body, #wrap {
	height:100%;
	}
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -188px;
	width:868px;
	background:url(../graphics/content_bg.gif) 50% 284px repeat-y;
	}

	#masterContainer {
		margin:0 auto;
		width:868px;
		background:url(../graphics/bg.gif) repeat-x;
		}

			#logo {
				width:384px;
				height:84px;
				margin:0 auto;
				background:url(../graphics/logo.gif) no-repeat;
				}
				#logo a {
					display:block;
					width:384px;
					height:84px;
					text-indent:-9999px;
					}
					
/* --------------------- Primary Navigation --------------------- */
			
			#nav {
				list-style:none;
				width:700px;
				height:34px;
				padding-left:168px;
				background:url(../graphics/nav_bg.gif) no-repeat;
				}
				#nav li {
					display:inline;
					}
				#nav li a {
					display:block;
					float:left;
					height:34px;
					font-size:1px;
					line-height:1px;
					text-indent:-9999px;
					text-decoration:none;
					background: url(../graphics/nav.gif) no-repeat;
					}
				#nav li #films {
					background-position:0 0;
					width:72px;
					}
				#nav li #projects {
					background-position:-72px 0;
					width:101px;
					}
				#nav li #specs {
					background-position:-173px 0;
					width:186px;
					}
				#nav li #faq {
					background-position:-359px 0;
					width:59px;
					}
				#nav li #contact {
					background-position:-418px 0;
					width:116px;
					}
					
				#nav li #films:hover,
				.films #nav li #films {
					background-position:0 -34px;
					}
				#nav li #projects:hover,
				.projects #nav li #projects {
					background-position:-72px -34px;
					}
				#nav li #specs:hover,
				.architectural-specs #nav li #specs {
					background-position:-173px -34px;
					}
				#nav li #faq:hover,
				.faq #nav li #faq {
					background-position:-359px -34px;
					}
				#nav li #contact:hover,
				.contact #nav li #contact {
					background-position:-418px -34px;
					}			
					
					
/* --------------------------- Sidebar --------------------------- */

	#contentContainerHome,
	#contentContainerInterior,
	#contentContainerWide {
		width:801px;
		margin-left:34px;
		padding-bottom:40px;
		}		
		#column1 {
			float:left;
			width:250px;
			}
		#column2 {
			padding-left:270px;
			}
		
		#contentContainerHome #sidebar {
			float:right;
			width:248px;
			padding:40px 20px 50px 0;
			}	
			
	#contentContainerInterior {
		background:url(../graphics/interior_line.gif) 160px 133px no-repeat;
		}
		#contentContainerInterior #sidebar {
			float:left;
			width:120px;
			padding:16px 0 130px 40px;
			}
	#contentContainerWide {
		background:transparent none;
		}
			
/* ---------- Case Study ---------- */	
	.caseStudy {
		float:left;
		font: normal 0.75em/1.6em arial, helvetica, verdana, sans-serif;
		background-color:#e9e5d3;
		padding:15px;
		}
			
			
/* --------------------- Subnav --------------------- */
			
			.subnav {
				list-style:none;
				margin-top:35px;
				}
				.subnav li.here a {
					text-transform: uppercase;
					font-weight: bold;
					}
				.subnav li a {
					display:block;
					color:#000;
					font: normal 0.75em/1.2em arial, helvetica, verdana, sans-serif;
					background:url(../graphics/subnav_bullet.gif) 0 6px no-repeat;
					padding:2px 10px;
					text-decoration:none;
					width:110px;
					}
				.subnav li a:hover {
					color:#dc5f00;
					background-position:0 -94px;
					}
				.subnav li a.current {
					font: bold 0.75em/1.2em helvetica, arial, verdana, sans-serif;
					color:#000;
					text-transform:uppercase
					}
				.subnav li a.current:hover {
					color:#000;
					background:url(../graphics/subnav_bullet.gif) 0 6px no-repeat;
					}							
							
/* --------------------- Content --------------------- */			
	
	#contentContainerHome #content {
		font: normal 0.75em/1.6em arial, helvetica, verdana, sans-serif;
		padding:45px 330px 20px 41px;
		color:#000;
		}
	#contentContainerInterior #content {
		font: normal 0.75em/1.6em arial, helvetica, verdana, sans-serif;
		padding:47px 58px 0 185px;
		color:#000;
		}
	#contentContainerWide #content {
		font: normal 0.75em/1.6em arial, helvetica, verdana, sans-serif;
		padding:47px 0 0 32px;
		color:#000;
		}		
		
		h2 {
			font: bold 1.17em/1.2em helvetica, arial, verdana, sans-serif;
			text-transform:uppercase;
			color:#000;
			margin:0 0 12px 0;
			}		
		
		h3 {
			font: bold 1.04em/1.2em helvetica, arial, verdana, sans-serif;
			text-transform:uppercase;
			color:#000;
			margin:9px 0 2px 0;
			}
		p {
			margin:0 0 15px 0;
			}
			
		dt {
			font-weight:bold;
			}
			
		dl.faq {
			margin: 2em 0 0;
			border-top: 1px solid #333;
			padding: 2em 0 0;
		}
		
		dl.faq dt {
			margin: 0 0 1em;
			font-size: 1.17em;
		}
		
		dl.faq dd {
			margin: 0 0 3em;
		}
		
		dl.faq dd p.top {
			font-weight: bold;
			font-size: .9em;
		}
	 
		.floatRight {
			float:right;
			margin:0 0 5px 10px;
			}
		.floatLeft {
			float:left;
			margin:0 10px 5px 0;
			}
		.floatCenter {
			display: block;
			margin:0 auto 5px;
			}			
			
			
		.rightLink {
			display:block;
			font: bold 1em/1.6em helvetica, arial, verdana, sans-serif;
			color:#930;
			float:right;
			clear:both;
			text-decoration:none;
			text-transform:uppercase;
			margin-top:3px;
			}
		.rightLink:hover {
			color:#000;
			}
			
		#content a:link,
		#content a:active,
		#content a:visited {
			color:#484036;
			text-decoration:underline;
			}		
		#content a:hover {
			text-decoration:none;
			color:#dc5f00;
			}
		#content h3 a:link,
		#content h3 a:visited {
			color:#000;
			text-decoration:none;
			}
			
/* Forms */
ul.form_fields {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.form_fields li {
	margin: 0 0 1em;
	font-size: 1em;
}

ul.form_fields li.buttons {
	margin: 1.5em 0 0;
}

ul.form_fields label {
	display: block;
	width: 100px;
	padding: 10px 0 0;
	font-weight: bold;
	float: left;
}

ul.form_fields input,
ul.form_fields select {
	font-size: 1em;
}

ul.form_fields textarea {
	width: 50%;
	height: 75px;
	font-size: 1em;
}			
			
			
			
/* --------------------- Projects --------------------- */


.projectCategoryEntry {
	width:335px;
	height:350px;
	float:left;
	padding:0 16px;
	}


.projectEntry {
	width:215px;
	height:380px;
	float:left;
	padding:0 14px;
	}
	.projectEntry h3 span {
		font:normal 0.8em/1em helvetica, arial, verdana, sans-serif;
		text-transform:none;
		color:#908f79;
		margin-left:5px;
		}
	.projectPhoto {
		border:1px solid #484036;
		margin-bottom:8px;
		}
	
	.thumbnail {
		width:100px;
		padding:16px;
		float:left;
		height:200px;
		}
		.thumbnail img {
			border:1px solid #484036;
			}
		.thumbnail p {
			margin-top:5px;
			font:normal 1em/1.2em helvetica, arial, verdana, sans-serif;
			}
			.thumbnail span {
				color:#666;
				font:normal 0.9em/1.5em helvetica, arial, verdana, sans-serif;
				}
			#content .thumbnail p a {
				color:#000;
				text-decoration:none;
				}
			#content .thumbnail p a:hover {
				text-decoration:underline;
				}				
				
						
/* ------------------------------------ Footer ------------------------------------ */


.clear {
	clear:both;
	height:158px;
	}

.clear2 {
	clear:both;
	height:1px;
	}

#footer {
	position: relative;
	padding-top:30px;
	margin: -188px auto 0 auto;
	height: 158px;
	width:868px;
	text-align:center;
	color:#fc6;
	font: normal 0.75em/1.4em helvetica, arial, verdana, sans-serif;
	background:transparent url(../graphics/footer_bg.gif) no-repeat;
	}
	#footer a {
		color:#033;
		text-decoration:underline;
		}
	#footer p {
		margin:0;
		}
	#footerTitle {
		margin:4px 0 0 0;
		text-indent:-9999px;
		background:transparent url(../graphics/lafave_title.gif) 50% 0 no-repeat;
		}
	#footerLogo {
		display:block;
		margin:18px 347px;
		height:21px;
		text-indent:-9999px;
		background:transparent url(../graphics/lafave_logo.gif) 50% 0 no-repeat;
		}		
		

				
/* --------------- Site Map --------------- */	
#siteMap ul {
	font: bold 1.1em/1.5em arial, helvetica verdana, sans-serif;
	width:45%;
	float:left;
	padding:0 5px;
	}
#siteMap ul li {
	padding:4px 0;
	}
#siteMap ul ul {
	font: normal 0.9em/1.5em arial, helvetica verdana, sans-serif;
	width:auto;
	float:none;
	padding:0;	
	}