/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

html{ background: #000 url(../images/html-background.png) top repeat-x; }
body {
	background: transparent url(../images/body-background.png) -9600px 0 no-repeat;
	color: #000;
	font: 12px/1.5em helvetica, verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }
h2{
	color: #000;
	font-size: 30px;
	line-height: 36px;
}
h3{
	color: #000;
	font-size: 18px;
}
h4{
	color: #000;
	font-size: 14px;
}
h5{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
h6{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

ol, ul, dl { list-style: none; margin: 0 0 18px 18px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a{ color: #ece810; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.generated-inline-form label{
	display: block;
	font-weight: bold;
}
.generated-inline-form input.text{
	margin: 0 0 9px 0;
	width: 300px;
}
.generated-inline-form fieldset.radio{
	margin: 0 0 9px 0;
}
	.generated-inline-form fieldset.radio label{
		font-weight: normal;
	}
.generated-inline-form textarea{
	width: 450px;
	height: 150px;
}


/* Wrapper */

#wrapper{
	margin: 0 auto;
	width: 923px;
}


/* Header */

#header{
	background: transparent url(../images/header-background.png) 0 0 no-repeat;
	height: 104px;
	position: relative;
	z-index: 2;
}
	#logo{
		position: absolute;
		left: -31px;
		top: 18px;
	}
	#header ul{
		height: 71px;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 480px;
		position: absolute;
		left: 322px;
		top: 31px;
	}
		#header li{
			float: left;
			margin: 0 1px 0 0;
			position: relative;
		}
			#header li a{
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				height: 71px;
				width: 119px;
				
				text-indent: -9999px;
			}
			#header li a:hover, #header li a.current, #header li:hover > a{ background-position: 0 -73px; }
			#menu-company{ background-image: url(../images/menu-company.png); }
			#menu-products{ background-image: url(../images/menu-products.png); }
			#menu-difference{ background-image: url(../images/menu-difference.png); }
			#menu-contact{ background-image: url(../images/menu-contact.png); }
		
			#header li ul{
				background: #FFF;
				box-shadow: #000 0 0 10px;
				-webkit-box-shadow: #000 0 0 10px;
				display: none;
				height: auto;
				padding: 10px 0;
				position: absolute;
				left: 0;
				top: 71px;
				width: 163px;
			}
			#header li:hover ul{ display: block; }
				#header li ul li{
					float: none;
					margin: 0;
				}
					#header li ul li a{
						background: #FFF;
						display: block;
						height: auto;
						padding: 10px 20px;
						width: 123px;
						color: #000;
						line-height: 12px;
						text-decoration: none;
						text-indent: 0;
					}
					#header li ul li a:hover{ text-decoration: underline; }
			
			
/* Feature */

#feature{
	height: 357px;
	position: relative;
	z-index: 1;
}
	#feature-content{
		background: transparent url(../images/feature-content-background.png) top right no-repeat;
		display: inline;
		float: left;
		overflow: hidden;
		padding: 26px 40px 0 0;
		width: 282px;
		color: #FFF;
	}
	#feature-video{
		background: transparent url(../images/feature-video-background.png) top left no-repeat;
		display: inline;
		float: right;
		height: 297px;
		overflow: hidden;
		padding: 23px 13px 37px 13px;
		position: relative;
		width: 575px;
	}
		#feature-slideshow{
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 573px;
			height: 297px;
			z-index: 1;
		}
			#feature-slideshow li{
				position: absolute;
				width: 573px;
				height: 297px;
			}
		#feature-video-player{
			position: absolute;
			top: 23px;
			left: 13px;
			width: 573px;
			height: 297px;
			z-index: 2;
		}
			#feature-video-player img{
				position: absolute;
				left: 22px;
				bottom: 10px;
				width: 122px;
				height: 36px;
			}


/* Home - Quick Links */

#quick-links{
	background: transparent url(../images/feature-background.png) top no-repeat;
	list-style: none;
	margin: 0;
	padding: 35px 0 26px 0;
}
#quick-links:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	#quick-links li{
		float: left;
		margin: 0 18px 0 0;
	}
		#quick-links li a{
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			height: 134px;
			width: 216px;
			text-indent: -9999px;
		}
		#quick-links li a:hover{ background-position: 0 -134px; }
		#quick-link-visibility{ background-image: url(../images/quick-link-visibility.png); }
		#quick-link-recognition{ background-image: url(../images/quick-link-recognition.png); }
		#quick-link-judgment{ background-image: url(../images/quick-link-judgment.png); }
		#quick-link-design{ background-image: url(../images/quick-link-design.png); }
	

/* Home - Learn More */

#learn-more{
	background: transparent url(../images/learn-more-background.png) 0 0 no-repeat;
	clear: both;
	height: 134px;
	position: relative;
}
body.interior #learn-more{
	background: #FFF url(../images/learn-more-white-background.png) top center no-repeat;
	height: 104px;
}
	#learn-more h2{
		background: transparent url(../images/learn-more-header.png) 0 0 no-repeat;
		height: 24px;
		width: 203px;
		position: absolute;
		left: 39px;
		top: 52px;
		text-indent: -9999px;
	}
	body.interior #learn-more h2{
		background-image: url(../images/learn-more-white-header.png);
		left: 0;
	}
	#learn-more ul{
		height: 69px;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 267px;
		top: 32px;
		width: 606px;
	}
	body.interior #learn-more ul{ left: 228px; }
		#learn-more li{
			float: left;
			margin: 0 15px 0 0;
		}
			#learn-more li a{
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				height: 69px;
				width: 192px;
				text-indent: -9999px;
			}
			#learn-more li a:hover{ background-position: 0 -69px; }
			#learn-more li a#learn-more-lighting101{ background-image: url(../images/learn-more-lighting101.png); }
			#learn-more li a#learn-more-seeing{ background-image: url(../images/learn-more-see.png); }
			#learn-more li a#learn-more-pysch{ background-image: url(../images/learn-more-psych.png); }
			body.interior #learn-more li a#learn-more-lighting101{ background-image: url(../images/learn-more-white-lighting101.png); }
			body.interior #learn-more li a#learn-more-seeing{ background-image: url(../images/learn-more-white-see.png); }
			body.interior #learn-more li a#learn-more-pysch{ background-image: url(../images/learn-more-white-psych.png); }
			
/* Interior - Content Wrappers */

#content-outer-wrapper{
	background: transparent url(../images/content-outer-background.png) 0 0 no-repeat;
	padding: 81px 16px 0 16px;
	position: relative;
	z-index: 1;
}

#content-inner-wrapper{
	background: #FFF url(../images/content-inner-background.png) 0 0 no-repeat;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	padding: 25px 0 25px 25px;
	position: relative;
}
#content-inner-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#page-menu{
	height: 43px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 25px;
	width: 411px;
	z-index: 2;
}
	#page-menu li{
		float: left;
		margin: 0 8px 0 0;
	}
		#page-menu li a{
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			height: 43px;
			width: 96px;
			text-indent: -9999px;
		}
		#page-menu li a:hover, #page-menu li a.current{
			background-position: 0 -43px;
		}
		#page-menu-visibility{ background-image: url(../images/page-menu-visibility.png); }
		#page-menu-recognition{ background-image: url(../images/page-menu-recognition.png); }
		#page-menu-judgment{ background-image: url(../images/page-menu-judgment.png); }
		#page-menu-design{ background-image: url(../images/page-menu-design.png); }

#content{
	float: left;
	width: 468px;
	line-height: 24px;
}
	#content a{
		color: #555 !important;
		font-weight: bold;
	}

#sidebar{
	float: right;
	padding: 54px 0 0 0;
	width: 373px;
}
	#photos{
		background: transparent url(../images/photos-background.png) top left no-repeat;
		height: 173px;
		margin: 0 0 18px 0;
		padding: 20px 39px 19px 35px;
		width: 301px;
	}
	
	#callout{
		background: transparent url(../images/callout-background.png) top right no-repeat;
		height: 186px;
		width: 315px;
		padding: 35px 30px 50px 50px;
		position: relative;
		left: 0px;
		
		color: #bebebe;
		font-size: 18px;
		line-height: 36px;
	}
	blockquote{
		background: #CCC;
		padding: 18px;
		line-height: 18px;
	}
	blockquote p:last-child{ margin: 0; }

#page-title{
	position: absolute;
	left: 37px;
	top: 23px;
}


/* Footer */

#footer{
	height: 18px;
	padding: 25px 0;
}
body.interior #footer{ padding: 25px 16px; }
	#footer ul{
		display: inline;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#footer li{
			display: inline;
			color: #CCC;
		}
			#footer li a{
				color: #FFF;
				text-decoration: none; 
			}
			#footer li a:hover{ color: #F3EF09; }
	#footer p{
		float: right;
	}