@import url('yui-reset.css');

*{border:0px solid #eee;padding:0;list-style:none;background-color: #f5f1e0; }
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Times New Roman,Helvetica,sans-serif;font-size:15px;cursor:default;background:url(../images/lightingbg.png) no-repeat top left #f5f1e0;color:#555; }
h2,.large,.left{ }
h2,.box{padding-bottom:5px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:180%;height:180%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#cont{position:absolute;top:0;left:0;z-index:999;overflow:auto;}
#menu{position:absolute;top:0px;left:208px;z-index:100;width:100%;line-height:12px}
#menu div{height:66px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}

ul{float:left;}
.contentlist{margin-left: 50px; margin-top: 15px; margin-bottom: 15px;padding-right: 270px;}
.contentlist li{margin-bottom: 5px;}

li a{height:12px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:#fff}

.box{position:absolute;top:120px;left:140px;width:800px;padding-left:35px;padding-bottom: 30px;}
.box div{line-height:23px;padding:107px 30px; width:730px;}
.box div p{padding-right: 200px;}

.box div a{text-decoration:underline;}
.large{text-align:right;top:45%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:140px;font-size:13px}
.large h2{font-size:60px}

h2{font-family: "Arial Black"; padding-right: 200px;font-size: 15px;line-height:20px;}
h3{position:relative;border-bottom-width:1px; border-color: #efefef; padding:30px 30px 10px 30px;margin:0 -30px 0px -30px;text-transform:uppercase;line-height:20px;font-weight:bold;}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}


/* Tooltip  */

#tooltip{
	position:absolute;
	border:1px dotted #111;
	background:#A20181; opacity: 0.5; filter: alpha(opacity=50);
	padding-left:30px;	padding-right:30px; padding-top: 10px; padding-bottom: 10px;
	color:#FFF;
	font-family: Verdana;
	font-size: 11px;
	display:none;
	z-index: 809999999;
	}	

/*  */


#logo{
position: absolute;
top: 40px;
left: 27px;
z-index: 999999;


}

#headerphotos{
position: fixed;
top: 0;
left: 407px;
z-index: 999999;
}

/*  */


.fade {
  position: relative;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


/*  */

#ticker-area{
margin: 0px 20px;
position: absolute;
top: 57px;
left: 170px;
z-index: 9999;
font-family: arial narrow;
font-size: 15px;
line-height: 20px;
width: 300px;
color: #333;
}





/* MENU ITEMS */

.navholder{font-size:16px;font-family:Times New Roman, Times;position: fixed;top: 0px;left: 0px; color: #999; z-index: 9999;height: 60px;background: #f5f1e0;padding-top: 140px;overflow: hidden;}
.tabs{list-style: none;}
.tabs li{padding: 5px 8px 5px 8px;float: left;}
.tabs li a{font-style: italic;font-weight: normal;}
.tabs li a:hover{color: #111;}
.tabs li a.active{color: #111;}
.tabs li.cat{padding-left: 200px;}

.tabs li.ho{position: fixed;top: 223px;left:10px;float: left;}
.tabs li.company{position: fixed;top: 263px;left:10px;float: left;}
.tabs li.people{position: fixed;top: 303px;left:10px;float: left;}


.tabs li.co{position: fixed;top: 223px;left:70px;float: left;}
.tabs li.co span{font-weight: bolder;font-size: 12px; color: #333;}


ul.tabs li {
	list-style:none;
	display:inline;
}

#applicationsmarkets, #uniqueproductproperties, #competitivestrengths, #thecompany, #thepeople, #content_7 { display:none; }

#corner{text-align: right;position:fixed;right:0;}

#imagerotate{
position: fixed;
bottom: 0;
right: 0;
z-index: 9999999999999999;
}
.innerfade li{
position:fixed;right:0;bottom:0;}

.imgheader{position: absolute; top: 0; left: 740px;}

.contimg{}

.footerbar{position: fixed; bottom: 0; left: 0; height:50px; background:url(../images/footerbar.png) no-repeat bottom left;width: 100%;z-index: 1;}

.topbar{position: fixed; top: 0; left: 0; height:5px; background:url(../images/lightingbgslim.png) no-repeat top left #004990;width: 100%;z-index: 99999999;}

.lightbulbicon{position: fixed; bottom: 13px; left:22px; z-index: 9999999;font-family: Times New Roman;font-size: 13px;color: #999; font-style: italic;}



.panel {
position: absolute;
top: 275px;
left: 10px;
display: none;
background: transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 130px;
height: auto;
padding: 15px 10px 6px 13px;
z-index: 999999;
}

.panel p{
margin: 10px 5px 10px 0;
color: #999;
line-height: 23px;
font-style: italic;
width: 140px;
float: left;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #555;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #999;
text-decoration: none;
border-bottom: 1px solid #999;
}

.tabs li.co trigger{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index: 99999999999;

}

.tabs li.co trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

.tabs li.active.co trigger {
background:#222222 85% 55% no-repeat;
color: white;
z-index: 99999999999999;

}


.names{font-family: Arial; }

.subtitle{font-family: "Arial Black"; }

.bulletpoints{font-size: 9.5px;font-weight: 100;margin-left: 0px;}


