@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}

#container {
	margin: 0 auto;
	width: 1024px;
	height:100%;
	position:relative;
	border: 0px solid #FFFFFF;
} 
#logo {
	background:url(../images/01_logo2.jpg) no-repeat;
	width:1024px;
	height:137px;
	position:relative;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
}
#links {
	position:absolute;
	top:16px;
	left:810px;
	padding:0;
	margin:0;
	line-height:18px;
}

#links a {   
	display:block;   
	width:120px;      
	font-family:arial, verdana, sans-serif;
	color:#000000;  
	font-size:12px;
	font-weight:600;
	text-decoration:none;
  } 
#links a:visited {   
	display:block;   
	width:100px;      
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:none;
  }  
#links a:hover {   
	display:block;   
	width:100px;      
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:none;
  }  
#links a:active {   
	display:block;   
	width:100px;      
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:none;
  }
#navigation {
	width:1024px;
	height:71px;
	position:relative;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
}


#multi-level {height:37px; position:relative; z-index:100; top:41px; background:#fff url(../dropdown/image_drop_back.gif) repeat-x; left:50px;border:0px solid #000; border-width:0 0px; width: 922px;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:14px;}

.menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; padding-left:40px;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:50px; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(../dropdown/image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(../dropdown/image_drop_1a.gif) right top; padding:0 15px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:26px;}

.menu li.top a.top_link span.drop {background: url(../dropdown/image_drop_0a.gif) right top; padding:0 25px 0 0;}
/*ICON IMAGES TOP LEVEL NAVIGATION */
.menu li a#home b.b_top {background:transparent url(../dropdown/home.gif) no-repeat center center;}
.menu li a#architectural b.b_top {background:transparent url() no-repeat center center;}
.menu li a#industrial b.b_top {background:transparent url() no-repeat center center;}
.menu li a#laboratory b.b_top {background:transparent url() no-repeat center center;}
.menu li a#lighting b.b_top {background:transparent url() no-repeat center center;}
.menu li a#optical b.b_top {background:transparent url() no-repeat center center;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link {background: url(../dropdown/image_drop_1b.gif);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(../dropdown/image_drop_1b.gif) right top;}
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {background: url(../dropdown/image_drop_0b.gif) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(../dropdown/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left; padding-left:40px;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(../dropdown/dropa_0.gif) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(../dropdown/drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(../dropdown/dropb_0.gif) right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(../dropdown/dropba_1.gif) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(../dropdown/drop_1.gif) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(../dropdown/dropb_1.gif) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:url(../dropdown/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(../dropdown/dropb_1.gif) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(../dropdown/info3.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(../dropdown/info3.gif) no-repeat center center;}

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(../dropdown/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}

#textwrapper {
	width:1024px;
	height:100%;
	position:relative;
	top:0px;
	left:0px;
}
.titletab {
	position:absolute;
	top:20px;
	left:0px;
	width:380px;
	height:28px;
	z-index:10;
}
.titletab {
	background:#650101;
	color:#fff;
	margin:0 0;
}
 .rtop, .rbottom {
	 display:block;
	 background:#fff;
 }
 /* Font Styles */
.title {
	padding-left:10px;
	font-size:18px;
	font-weight:600;
	text-align:left;
}
/* Block Height */
 .rtop *, .rbottom *{
	 display:block;
	 height:1px;
	 overflow:hidden; 
	 background:#650101;}
 /* Corners Rounded */
.rr1 {margin: 0 6px 0 0; }
.rr2 {margin: 0 4px 0 0; }
.rr3 {margin: 0 3px 0 0; }
.rr4 {margin: 0 1px 0 0; height: 2px;
}

.copy {
	width:902px;
	height:100%;
	top:0px;
	margin-left:50px;
	padding-top:68px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	background-color:#FFFFFF;
}
#topcopy {
	width:890px;
	top:0px;
	margin-left:10px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:18px;
}
#topcopy a {         
	font-family:arial, verdana, sans-serif;
	color:#AD6769;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
  } 
#topcopy a:visited {         
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:underline;
  }  
#topcopy a:hover {         
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:underline;
  }  
#topcopy a:active {          
	font-family:arial, verdana, sans-serif;
	color:#AD6769;  
	font-size:12px; 
	text-decoration:underline;
  }

/*content div*/
.content {
	width:890px;
	position:relative;
	top:20px;
	left:6px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:18px;
}
/*long pink table*/
table#long {    
	background-color:#FFFFFF;    
	border: solid #000 1px;    
	width: 100%;
}
table#long td {    
	padding: 1px;    
	border: solid #000 1px;
}
.data {
	color: #000000;
	text-align: center;
	background-color: #bc7678;
}
.toprow {    
	font-style: italic;    
	text-align: center;    
	background-color: #FFFFFF;
}
.middlerow {    
	font-style: italic;    
	text-align: center;    
	background-color: #FFFFFF;
}
.leftcol {    
	font-weight: bold;    
	text-align: left;    
	background-color: #bc7678;
}
/*Invisible table w/ pink background*/
#columns {
	width: 99%;
	padding: 0;
	margin: 0;
	border:none;
	border-top:solid #000 1px;
}
th {
	font: bold 12px arial, verdana, sans-serif;
	color: #000000;
	border:none;
	letter-spacing: 1px; 
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffffff;
}
td {
	border:none;
	background: #fff;
	padding: 0px 6px 6px 12px;
	color: #000000;
}

/*Key notes div*/
.keynotes {
	width:890px;
	position:relative;
	top:-10px;
	left:6px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:18px;
}

#footer {
	width:922px;
	height:80px;
	margin-top:4px;
	margin-left:50px;
	background-color:#650101;
}
.footernav {
	width:922px;
	height:12px;
	position:relative;
	float:left;
	top:10px;
	left:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#FFFFFF;
}
.address {
	width:922px;
	height:30px;
	position:relative;
	float:left;
	top:30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:400;
	color:#FFFFFF;
}
 /* bottom copywrite and designed by container */ 
#btminfo {
	width:922px;
	position:relative;
	margin-left:50px;
}
 /* copywrite container */ 
.copywrite {
	width:200px;
	position:relative;
	margin-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:400;
	color:#FFFFFF;
}
 /* designer container */
.designer {
	width:252px;
	position:relative;
	float:right;
	left:0px;
	top:-14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:400;
	color:#FFFFFF;
}