/*--------------------------------------------------------------------------------------
// horner.css | © Zocoloco Studios 2005 | All Rights Reserved | http://www.zocoloco.com
//-------------------------------------------------------------------------------------*/


/* HORNER COLORS:
Brownish Red: #9A3B26
Pink Brown: #FF8B7C
Black 4C: #382D24
Warm Gray 9C: #82786F
Pantone 5255C: #272445
Pantone 439C: #423132
Warm Gray: #837b73
=====*/


/* HTML STYLES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

body {
	margin: 0px;
	background-color:#FFFFFF;
	color: #31281F;
}

p {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	padding-bottom:3px;
	background-color:inherit;
}

h5 {
	color:#9A3B26;
	background-color:inherit;
}

.heading {
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}

.heading2 {
	font: 13px/15px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#837b73;
	background-color:inherit;
}

.heading3 {
	font: bold 16px/19px Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}

.headline {
	font: bold 35px/42px Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}

.headlineInform {
	font:bold 32px/34px Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}

.pressSubHead {
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#272445;
	background-color:inherit;
}

.pressDate {
	font: 13px Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}

.arrow {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#9A3B26;
	background-color:inherit;
}
	
.inlineImage {
	padding:0px 8px 0px 0px;
}

.parentStyle {
	color: #9A3B26;
	background-color:inherit;
}

.parentStyle a:hover {
	color: #FF8B7C;
	background-color:inherit;
	text-decoration: none;
}

.activeStyleParent {
	font-weight:bold;
	color: #FF8B7C;
	background-color:inherit;
}

.childStyle {
	font-weight:lighter;
	color: #9A3B26;
	background-color:inherit;
}

/*.childStyle:before {
	content:"\2022 \0020"
}*/

.childStyle a:hover {
	color: #FF8B7C;
	background-color:inherit;
	text-decoration: none;
}

.activeStyleChild {
	font-weight:lighter;
	color: #FF8B7C;
	background-color:inherit;
}

/*.activeStyleChild:before {
	content:"\2022 \0020"
}*/


a:link, a:visited {
	color: #9A3B26;
	background-color:inherit;
	text-decoration: none;
}

a:hover {
	color: #FF8B7C;
	background-color:inherit;
	text-decoration: none;
}


/* LAYOUT DIVS & CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

#content {
	position: absolute;
	margin-top: -245px;
	margin-left: -380px;
	top: 50%;
	left: 50%;
	width: 760px;
	height: 490px;
	overflow:visible;
	visibility: visible;
	z-index:0;
	border: 1px solid #9A3B26;
	background-color: #FFFFFF;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	text-align: left;
}

#logo {
	position: relative;
	width:150px;
	left: 28px;
	top: 266px;
	font-size: 11px;
	font-weight: normal;
}

#Nav {
	position: absolute;
	left: 62px;
	top: 83px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:17px;
}

#next {
	position: absolute;
	left: 664px;
	top: 448px;
	font-size: 11px;
}

#prev {
	position: absolute;
	left: 600px;
	top: 448px;
	font-size: 11px;
}

#downloadText {
	position: absolute; 
	width: 400px; 
	top:14px;
	right: 50px;
 	font: 11px Arial, Helvetica, sans-serif;
	text-align: right;
}

#artIsWork {
	position: relative;
	top:-1px;
	right:-1px;
	float:right;
	z-index:10;
}

#pageContent {
	position: absolute;
	font-weight: normal;
	height: 350px;
	width: 570px;
	left:184px;
	top: 77px;
}

#leftColumn {
	position: absolute; 
	width: 250px; 
	left: 0px;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	background-color:inherit;
}

#leftColumn p {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	background-color:inherit;
	padding-bottom:3px;
}

#rightColumn {
	position: absolute; 
	width: 250px; 
	left: 270px;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	background-color:inherit;
}

#rightColumn p {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #31281F;
	background-color:inherit;
	padding-bottom:3px;
}

.scrollContainer {
	position: absolute;
	width: 440px;
	height: 350px;
	top: 0px;
	left: 68px;
	clip: rect(0px, 440px, 350px, 0px);
	overflow: hidden;
	visibility: hidden;
}

#scrollContent {
	position: absolute;
	left: 0px;
	top: 0px;
}

#upArrow {
	position: absolute;
	top: 430px;
	left: 670px;
	height: 12px;
	width: 16px;
	z-index: 10;
}

#gapBreak {
	position: absolute;
	top: 220px;
	left: 334px;
	height: 2px;
	width: 16px;
	z-index: 20;
}


#gapBreak2 {
	position: relative;
	top: 435px;
	left: 669px;
	height: 2px;
	width: 16px;
	z-index: 20;
}

#downArrow {
	position: absolute;
	top: 442px;
	left: 670px;
	height: 12px;
	width: 16px;
	z-index: 10;
}

/* INDEX DIVS & CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#indexImage {
	position: relative;
	top: -1px;
	right:-1px;
	width: 576px;
	height: 492px;
	float:right;
	z-index:1;
}

#leftImage { 
	position:absolute;
	top:0px;
	left:185px;
	height:auto;
	width:auto;
}



/* SERVICES DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#lutronLogo {
	position: absolute;
	left: 250px;
	top: 260px;
}

/* INFORM DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.informWrap {
	width: 248px;
	float: left;
	background-color:#FFFFFF;
	color:inherit;
	padding: 0px 0px 0px 0px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.informWrap img{
	width:259px;
}

.informContent {
	position: relative;
	left:25px;
	top:100px;
	margin-right:78px;
	z-index:10;
	/*width:498px;*/
}

.informWrap p {
	width: 100%;
}


/* INFORM ARCHIVE DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::::::  */
#archiveDots {
	position: absolute;
	top: 264px;
	left: 55px; 
}

.archiveYears {
	font: bold 22px Arial, Helvetica, sans-serif;
}

.archiveYearDots {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	line-height:22px;
}

#archiveSummary {
	position: absolute;
	width: 213px;
	top: 84px;
	left: 480px; 
}

#archiveImage {
	position: absolute;
	top: 112px;
	left: 275px; 
}

/* INFORM RESOURCES DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::  */
.resourceImages {
	position: absolute;
	top: 262px;
	left: 54px;
	width:652px;
	height:163px;
	z-index:20;
	cursor:pointer;
}

.resourceText {
	position: absolute;
	top: 262px;
	left: 54px;
	width:652px;
	height:163px;
	z-index:10;
	cursor:pointer;
}

.resourceItem {
	position: absolute;
	top: 75px;
	width:163px;
	height: 163px;
	display: table-cell;
	vertical-align: middle;
	z-index:1;
	text-align:center;
}


/* PORTFOLIO DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.portfolioImage {
	filter:alpha(opacity=60);				/* IE opacity -> percentage */
	opacity:0.6;							/* CSS 3 */
	-moz-opacity:0.6;						/* gecko browsers opacity -> decimal */								
}

.portfolioImageRO {
	filter:alpha(opacity=100);				/* IE opacity -> percentage */
	opacity:1;								/* CSS 3 */
	-moz-opacity:1;							/* gecko browsers opacity -> decimal */	
}

#portImage {
	position: absolute;
	top: 0px;
	left: 265px; 
}

#portThumb {
	position: relative;
	width:230px;
	left: 36px;
	top: 230px;
}

#credits {
	position: relative;
	width:197px;
	left: 0px;
	top: 10px;
	font: 9px/13px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#837b73;
	background-color:inherit;
	text-align: right;
}


/* INFORM DIVS & CLASSES  ::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#contactText {
	position: relative;
	top: 240px;
	left: 00px;
	width:170px;
	text-align: right;
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#837b73;
	background-color:inherit;
}

.contactSmall {
	font: 11px/13px Arial, Helvetica, sans-serif;
	color:#837b73;
	background-color:inherit;
}

.contactSmallLink {
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}