/* General
********************************/
body				{ margin: 0; background: #808080 }
h1					{ color: #515151; font: normal 20px verdana,sans-serif; margin: 26px 0 0 0; }
h2					{ color: #515151; font: normal 16px verdana,sans-serif; margin: 20px 0 2px 0; }
blockquote			{ color: #ffffff; font: italic 14px/1.5em georgia,serif; padding: 10px; margin: 10px 30px 10px 0; background: url('images/quotes.gif') no-repeat top left; }

#topSpace			{ height: 100px; background: #515151 }

#navContainer		{ height: 20px;	 background: #494748 }
#nav				{ color: #f0f0f0; font: 10px verdana,sans-serif; width: 700px; height: 16px; padding-top: 4px; margin: auto; }
#nav #currentPage	{ color: #f0f0f0; }
#nav a				{ margin-right: 24px; }
#nav a:link			{ color: #a3a3a3; text-decoration: none; }
#nav a:visited		{ color: #a3a3a3; text-decoration: none; }
#nav a:active		{ color: #a3a3a3; text-decoration: none; }
#nav a:hover		{ color: #f0f0f0; text-decoration: none; }

#containerOutside	{ height: 440px; background: #999 url('images/bkgd.jpg') no-repeat top left; }
#containerInside	{ color: #f0f0f0; font:11px/1.4em verdana,sans-serif; width: 700px; height:440px; margin: 0 auto; background: url('images/filament_logo.gif') no-repeat bottom left; }
#containerInside a:link		{ color: #666666; text-decoration: none; }
#containerInside a:visited	{ color: #666666; text-decoration: none; }
#containerInside a:active	{ color: #666666; text-decoration: none; }
#containerInside a:hover	{ color: #f0f0f0; text-decoration: none; }

#content			{ width: 380px; float: left; }
#content ul			{ margin: 0 10px 0 10px; padding: 0; }
#content ul li		{ padding: 0 0 0 10px; list-style: none; background: url('images/list_square.gif') no-repeat 0 .5em; }

#footer				{ color: #cccccc; font: 11px/1.4em verdana,sans-serif; width:700px; padding-top:4px; margin: 0 auto; }
#footer a:link		{ color: #cccccc; text-decoration: none; }
#footer a:visited	{ color: #cccccc; text-decoration: none; }
#footer a:active	{ color: #cccccc; text-decoration: none; }
#footer a:hover		{ color: #ffffff; text-decoration: none; }

/* controls
****************************/
#content .controls				{ margin-top: 20px; } 
#content .controls a			{ color: #666666; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; text-decoration: none; }
#content .controls a:visited	{ color: #666666; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; text-decoration: none; }
#content .controls a:active		{ color: #666666; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; text-decoration: none; }
#content .controls a:hover		{ color: #4d4d4d; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; text-decoration: none; background: #bdbdbd; }
#content .controls .off			{ color: #808080; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #808080; margin: 1px; }
#content .controls .on			{ color: #4d4d4d; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; background: #bdbdbd; }
#content .controls .results		{ color: #4d4d4d; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #757575; margin: 1px; background: #bdbdbd; }


/* lighting catalog box
****************************/
#content a.box { 
	color: #f0f0f0; 
	font: 11px arial,sans-serif; 
	text-decoration: none;
	
	padding: 10px;
	border: 1px solid #808080; 
	margin: 10px 0; 
	
	width: 200px; 
	display: block;
	background: #9E9E9E;
	}

#content a.box:link		{ color: #f0f0f0; text-decoration: none }
#content a.box:visited	{ color: #f0f0f0; text-decoration: none }
#content a.box:hover	{ color: #f0f0f0; text-decoration: none; background: #a8a8a8; }
#content  .box .info	{ color: #5b5b5b }

/* lighting portfolio box
****************************/
#content a.portfolioBox { 
	color: #f0f0f0; 
	font: 11px/1.3em arial,sans-serif; 
	text-decoration: none;
	
	padding: 10px;
	border: 1px solid #808080; 
	margin: 10px 0; 
	
	width: 300px; 
	display: block;
	background: #9E9E9E;
	}

#content a.portfolioBox:link	{ color: #f0f0f0; text-decoration: none }
#content a.portfolioBox:visited	{ color: #f0f0f0; text-decoration: none }
#content a.portfolioBox:hover	{ color: #f0f0f0; text-decoration: none; background: #a8a8a8; }
#content  .portfolioBox .info	{ color: #5b5b5b }

/* BUTTONS
********************************/
#buttons			{ color: #f0f0f0; padding: 4px 0; } 
#buttons a:link		{ color: #f0f0f0; font: 11px verdana,sans-serif; padding: 2px 8px; border: 1px solid #757575; margin: 1px; text-decoration: none; background: #757575; } 
#buttons a:visited	{ color: #f0f0f0; font: 11px verdana,sans-serif; padding: 2px 8px; border: 1px solid #757575; margin: 1px; text-decoration: none; background: #757575; } 
#buttons a:active	{ color: #f0f0f0; font: 11px verdana,sans-serif; padding: 2px 8px; border: 1px solid #757575; margin: 1px; text-decoration: none; background: #757575; } 
#buttons a:hover	{ color: #f0f0f0; font: 11px verdana,sans-serif; padding: 2px 8px; border: 1px solid #808080; margin: 1px; text-decoration: none; background: #808080; } 

/* FORMS
********************************/
form 					{ color: #4D4D4D; font: 12px arial,helvetica,sans-serif; padding:0; margin:0 }
input, select, textarea { color: #4D4D4D; font: 12px arial,helvetica,sans-serif; padding: 1px; background: #FAFAF0; }
input[type="radio"]		{ background: transparent; }

.fieldName				{ color: #666666; font: 12px arial,helvetica,sans-serif; text-align: right; padding: 4px; border: 1px solid #B3B2A1; background: #E8E6CF; }
.fieldNameRow			{ color: #666666; font: 12px arial,helvetica,sans-serif; padding: 4px 8px; border: 1px solid #B3B2A1; background: #E1DFC8; }
.sectionName			{ color: #4c4c4c; font: bold 12px arial,helvetica,sans-serif; padding: 4px 8px; border: 1px solid #B3B2A1; background: #E1DFC8; } 
.sectionBreak			{ color: #4c4c4c; padding:  4px 8px; border: 1px solid #B3B2A1; background: #E1DFC8; }
.fieldInput				{ color: #666666; font: 12px arial,helvetica,sans-serif; padding: 0 4px; border: 1px solid #B3B2A1; }

.required				{ color: #f00; font: 11px verdana; white-space: nowrap; }
.error					{ color: #ff0000 }
.error b				{ color: #ff0000 }
.update					{ color: #BDFAAF }