/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body{
	font-size: 10px;
	background-color: white;
	color: #666666;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}

img{
	border: none;
}

a{
color: #666666;
text-decoration: none;
border: none;
}

h1{
	letter-spacing: -.05em;
	font-weight: bold;
}

.active{
	color: black;
	font-weight: bold;
}

#Container{
	width: 95em;
	height: 60em;
	margin: 0em auto;
	padding: 6em 1em;
	text-align: left;
	background: url(../images/contentBG.jpg) top center no-repeat;
}

#Wrapper{
	position: relative;
	float: left;
	background-color: white;
	margin-bottom: 6em;
	height: 60em;
}

#Header{
	position: relative;
	float: left;
	width: 95em;
}
	
	#Logo{
		position: relative;
		margin-top: 7.75em;
		margin-left: 6em;
		margin-right: 2.5em;
		float: right;
		opacity: .25;
	}
	
	.home #Logo{
		float: left;
		margin-top: 3em;
		opacity: 1;
	}
	
	#Logo img{
		height: 5em;
	}
	
	.home #Logo img{
		height: 8em;
		opacity: 1;
	}
	
	#SubNavigation{
		float: left;
		margin: 1.25em 0em 0em .35em;
	}
	
	#SubNavigation li{
		width: 3.7em;
		height: 3.7em;
		float: left;
		margin: 0em 1em 0em 0em;
	}
	
	#SubNavigation li img{
		border: solid 1px silver;
		width: 3.5em;
		height: 3.5em;
	}
	
	#SubNavigation li img:hover, #SubNavigation li img.active{
		border: solid 1px black;
	}

#Sidebar{
	position: relative;
	float: right;
	width:22em;
	padding-left: 2em;
	margin-top: 2.5em;
	border-left: solid #EFEFEF 1px;
	background: white;
	opacity: .8;
}

	#Navigation{
		width: 22em;
		margin-bottom: 6em;
		margin-top: 1em;
		float: left;
	}
	
	.home #Navigation{
		margin-top: 2.75em;
	}
	
	#Navigation li{
		margin-bottom: .5em;
	}
	
		#Navigation li a{
			text-transform: lowercase;
			font-variant: small-caps;
			font-weight: bold;
			font-size: 1.75em;
			line-height: 1em;
		}
		
		#Navigation li a:hover{
			color: black;
		}

	#Description{
		position: relative;
		font-size: 1.25em;
		line-height: 1.666em;
		border-top: 1px solid silver;
		margin-bottom: 1em;
		padding-top: .333em;
		padding-bottom: 3em;
		width: 15em;
		float: left;
	}
	
		#Description b{
			font-weight: bold;
		}

	#Contact{
		position: absolute;
		width: 18em;
		bottom: 0.5em;
		margin-bottom: 3em;
	}

		#Contact h1{
			font-family: Helvetica, Arial, sans-serif;
			font-style: normal;
			text-transform: uppercase;
			font-weight: bold;
			color: grey;
			font-size: 1.5em;
			line-height: 1.111em;
		}

#Pullquote{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
 	width: 66em;
 	position: absolute;
	left: 6em;
	top: 7.5em;
}

	#Pullquote h1{
		font-size: 4.5em;
		line-height: 1em;
	}
	
.home #Pullquote{
	bottom: 0em;
	top: auto;
}

	.home #Pullquote h1{
		font-size: 4.5em;
	}


#footer {
	clear: both;
	width: 95em;
	height: 5em;
	text-align: left;
	color: silver;
	background: white;
	margin: 1em auto;
	font-size: 1em;
	line-height: 3em;
	text-transform: uppercase;
	border-top: solid #EFEFEF 1px;
}

	#footer a{
		color: grey;
	}
	#footer a:hover{
		color: silver;
	}
	
	#footer .left{
		float: left;
	}
	
	#footer .right{
		float: right;
	}
	
	
/* Sections Specific */

.home{
	background: url(../images/home.jpg) top right no-repeat;
	
	height: 65em;
}

.contact{
	background: url(../images/contact.jpg) 0em 12em no-repeat;
}

.feature1{
	background: url(../images/feature1.jpg) 0em 12em no-repeat;
}

#Wrapper.feature2{
	background: url(../images/feature2.jpg) 0em 10em no-repeat;

	height: 70em;
}

.feature3{
	background: url(../images/feature3.jpg) 0em 11.5em no-repeat;
}

#Wrapper.feature4{
	background: url(../images/feature4.jpg) 5.25em 11.5em no-repeat;

	height: 80em;
}

.furniture1{
	background: url(../images/furniture1.jpg) 3em 15em no-repeat;
}

.furniture2{
	background: url(../images/furniture2.jpg) 4em 9em no-repeat;
}

.furniture3{
	background: url(../images/furniture3.jpg) 3em 13em no-repeat;
}

.furniture4{
	background: url(../images/furniture4.jpg) 2em 12em no-repeat;
}

.furniture5{
	background: url(../images/furniture5.jpg) 3em 12em no-repeat;
}

.accessories1{
	background: url(../images/accessories1.jpg) 3.5em 11.5em no-repeat;
}

.accessories2{
	background: url(../images/accessories2.jpg) 2em 12em no-repeat;
}

.accessories3{
	background: url(../images/accessories3.jpg) 4em 10em no-repeat;
}

.accessories4{
	background: url(../images/accessories4.jpg) 0em 8em no-repeat;
}

.accessories5{
	background: url(../images/accessories5.jpg) 0em 10em no-repeat;
}

.lighting1{
	background: url(../images/lighting1.jpg) 0em 11em no-repeat;
}

.lighting2{
	background: url(../images/lighting2.jpg) 0em 11em no-repeat;
}

.lighting3{
	background: url(../images/lighting3.jpg) 5em 9em no-repeat;
}

.lighting4{
	background: url(../images/lighting4.jpg) 5em 10em no-repeat;
}

#Wrapper.press1{
	background: url(../images/press1.jpg) 5em 12em no-repeat;
	height: 110em;
}

#Wrapper.press2{
	background: url(../images/press2.jpg) 5em 12em no-repeat;
	height: 120em;
}

#Wrapper.press3{
	background: url(../images/press3.jpg) 5em 12em no-repeat;
	height: 110em;
}

#Wrapper.press4{
	background: url(../images/press4.jpg) 5em 12em no-repeat;
	height: 110em;
}