/*---- RESET ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*---- END RESET ---*/

/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-active h1{visibility: hidden; line-height: 1em; margin:0; min-height:50px;}
.sIFR-active #home .container li{visibility: hidden; line-height: 1em; margin:1px auto; padding:5px 0 0 0; width:260px;}
.sIFR-active #home .container li.hover{background:transparent url(images/homeLinkBG.png);}
.sIFR-active #content h2{visibility: hidden; line-height: 1em; margin:5px 0 -5px 0; height:auto;}
.sIFR-active #galleryNav h2{visibility: hidden; line-height: 1em; margin:5px 0 10px 0; height:auto;}
/*---- END sIFR ---*/

body{text-align:center; background:#452F0A url(images/backgrounds/siteBG.gif) repeat-x; color:#d8c7a5; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em;}
#siteContainer{width:960px; text-align:left; margin:0 auto;}
	#header{text-align:center; margin:0 0 20px 0;}
		#logo{margin:0 0 30px 0;}
		#nav{margin:0;}
	#equote a{width:186px; height:115px; background:url(images/equote.jpg) no-repeat; text-indent:-9999em; position:absolute; top:0;}
	#equote a:hover{background-position:0 -115px;}
	#theblog a{width:186px; height:115px; background:url(images/theblog.jpg) no-repeat; text-indent:-9999em; position:absolute; top:0; margin-left: 780px;}
	#theblog a:hover{background-position:0 -115px;}


	#content{float:left; background:transparent url(images/contentBG.png); /*background:#3f361b; opacity:.8; filter:alpha(opacity=80);*/ width:640px; color:#fff; text-align:center;}
		#content .container{border:1px solid #72acc6; width:560px; padding:20px; margin:20px auto; text-align:left;}
			#photoCredit{text-align:right; margin:10px 0 -10px 0; padding:0;}
			iframe#map{width:560px; height:300px; border:1px solid #72acc6;}
			ul#subnav{text-align:center; border-bottom:1px solid #72acc6; border-top:1px solid #72acc6; padding:20px 0; font-size:13px; text-transform:uppercase; font-weight:bold; line-height:1.3em;}
			ul#subnav li{display:inline; width:auto;}
			.sub-section ul{margin:0 0 0 10px;}
			#contactMain{border-bottom:1px solid #72acc6; border-top:1px solid #72acc6; padding:10px 0; margin:10px 0;}
			ul.press li{margin:8px 0;}
			#lightingFlashReplace{margin:0 0 20px 0;}
			
			.clients{margin:20px 0;}
			.clients ul{float:left; margin:0 0 0 15px; width:30%;}
			
			.clients ul.col2{width:47%;}
			
			.quote{margin:5px 0;}
				.quote-photo{width:140px; margin:0 0 0 10px; float:left;}
					.quote-photo img{border:1px solid #72acc6;}
				.quote-content{width:400px; float:left;}
			
			#credits ul li{display:inline;}
			#credits img{border:1px solid #72acc6; margin:0 0 10px 5px;}
			
	#content.gallery{opacity:1; filter:alpha(opacity=100); min-height:600px; display:block;}
	#galleryNav{width:260px; float:left; margin:0 0 0 10px; padding:20px; background:#fff; color:#333; height:560px; overflow:auto;}
		#galleryNav select{width:260px; margin:0 0 10px 0; border:1px solid #33CCFF;}
		#galleryNav a{color: #33CCFF;}
	#footer{text-align:center; font-size:10px;}
		#logo_small{margin:20px 0 30px 0;}
		#footer ul li{display:inline; margin:0 0 0 5px;}
		ul.mainNav{margin:0 0 10px 0;}
		ul.mainNav li{margin:0 0 0 30px; display:inline;}
		ul.subnav li{display:inline; margin:0 0 0 5px;}
		ul.mainNav a{color:#d8c5a5; font-family:"Times New Roman", Times, serif; font-size:28px;}
		p.contactInfo{margin:15px 0 10px 0;}
#home .column{width:302px;}
	#home .left{margin:0 25px 0 0;}
	#home .middle{margin:0;}
	#home .right{margin:0 0 0 25px;}
	#home .container{width:300px; background:#6d623d; text-align:center; border:5px solid #211d09;}
	#home .container div{border:1px solid #09F; margin:10px; height:610px; width:280px;}
		#home .container div ul{position:relative; top:130px; font-size:40px; font-family:"Times New Roman", Times, serif; line-height:1em;}
		#about{background:url(images/home-about.jpg) no-repeat;}
		#services{background:url(images/home-services.jpg) no-repeat;}
		#portfolio{background:url(images/home-portfolio.jpg) no-repeat;}
	/*#home .container div:hover{background-position:0 -610px;}*/
	#home .content{margin:20px 0 0 0;}
	
form{text-align:center;}
form fieldset{width:200px; margin:0 auto; border:1px solid #72acc6; padding:20px;}
form input, form select{border:0 none; padding:5px;}
form#pressLogin{margin:100px 0;}
form#pressLogin label{font-size:36px; font-weight:bold; display:block;}
form optgroup{font-style:normal; padding:0 5px;}


a{color:#fff; text-decoration:underline;}
	#footer a{color:#ccc;}
a:hover{text-decoration:none;}

p{padding:0 0 10px 0;}
h1{font-family:"Times New Roman", Times, serif; font-size:36px; color:#fff; font-weight:normal; line-height:.9em; margin:0 0 15px 0; text-transform:uppercase;}
h2{font-family:"Times New Roman", Times, serif; font-size:18px; color:#8fdbff; font-weight:normal; line-height:.9em; margin:15px 0 5px 0; text-transform:uppercase;}
h3{font-family:"Times New Roman", Times, serif; font-size:14px; color:#fff; font-weight:normal; line-height:1em; margin:15px 0 5px 0; text-transform:uppercase;}
hr{border:0 none; background:#72acc6; color:#72acc6; height:1px; margin:10px 0;}

.column{float:left; width:50%;}
.clear{clear:both;}
.auto{width:auto;}
.placeholder{width:10%; height:500px; display:block;}
.listing{margin:0;}

body.print{margin:30px; background:#352D16; color:#fff; text-align:left;}
body.print a{color:#fff; text-decoration:underline;}
body.print #contactMain{text-align:center;}

body.mobile{margin:10px; background:#352D16; color:#fff; text-align:left;}
body.mobile a{color:#fff; text-decoration:underline;}
body.mobile #contactMain{text-align:center;}

#lightingDesigner #login{margin:0 auto; width:800px;}
	#lightingDesigner #login #logo{float:right;}
	#lightingDesigner #login form{float:left; width:430px;}
	#lightingDesigner #login form table{border-spacing:5px;}
	#lightingDesigner #login form table table{border-spacing:0;}
	#lightingDesigner #login form select{width:106px;}
	#lightingDesigner #login form label{font-size:12px;}
	#lightingDesigner #login form label.inline{display:inline; padding:0 2px;}
	
	#lightingDesigner #login .container{width:790px; background:#6d623d; border:5px solid #211d09; margin:20px 0 0 0;}
	#lightingDesigner #login .container div#form{border:1px solid #09F; margin:9px; background:#433214; padding:10px; text-align:left; height:540px; overflow:auto;}


#lightingDesigner{text-align:center;}
#lightingDesigner #lightingContain{text-align:left; width:1000px; margin:0 auto;}
#lightingDesigner #info{float:left; margin:17px 0 0 10px; text-align:left; color:#fff;}
	#lightingDesigner #info strong{color:#d8c7a5;}
	#lightingDesigner #info p{padding:0 0 5px 0;}
	#lightingDesigner #info h1{text-transform:none; font-size:30px; margin:0 0 5px 0;}
	#lightingDesigner #info h1 span{color:#8fdbff;}
#lightingDesigner #logo{float:right; margin:0 0 -15px 0; position:relative; z-index:10;}
#lightingDesigner .left{margin:0 10px 0 0; width:710px;}
	#lightingDesigner .left .container{width:700px; background:#6d623d; text-align:center; border:5px solid #211d09;}
	#lightingDesigner .left .container div{border:1px solid #09F; margin:9px;}
#lightingDesigner .right{margin:0; width:260px; overflow:visible;}
	#lightingDesigner .right .container{width:258px; background:#6d623d; border:5px solid #211d09;}
	#lightingDesigner .right .container div{border:1px solid #09F; margin:9px; background:#433214; padding:10px; text-align:left; height:430px; overflow:auto;}
#lightingDesigner form{padding:0 0 10px 0; text-align:left; font-size:11px; line-height:1.1em;}
#lightingDesigner form label{font-size:18px; font-weight:bold; display:block;}
#lightingDesigner form select{width:200px; margin:7px 0;}
#lightingDesigner form h1{font-size:24px; margin:5px 0 18px 0;}