@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #454545;

	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
	text-align: left;
	}

a:link {color: #b0b0b0;}
a:visited {color: #B0B0B0;}
a:hover {color: white;}
a:active {color: #B0B0B0;}



div#main {
	width:800px;
	height:640px;
	position: relative;
	background-color:#000000;
	background:url(../images/space_bkgd_800.jpg) no-repeat center;
	z-index: 40;
	}

div#buContainer {
	width:163px;
	position: absolute;
	left: 586px;
	top: 0px;
	visibility: visible;
	z-index: 60;
	}

div#blContainer {
	position:absolute;
	width:569px;
	height:273px;
	z-index:60;
	left: 181px;
	top: 354px;
	visibility: visible;
}

.box{width:570px;height:273px;}	


/* CONTENT: Highlight boxes */

#AllHighlights {
	position: absolute;
	width:569px;
	height: 273px;
	visibility: visible;
	left: 0px;
	top: 0px;
	z-index: 30;
	}

.highlightUp{
	position:absolute;
	width:569px;
	height: 91px;
	visibility: visible;
	z-index: 20;
}

.highlightOver{
	position:absolute;
	width:569px;
	height: 91px;
	visibility: hidden;
	z-index: 20;
}

/* Image Maps for Highlight boxes */

#Highlight1a{left:0px; top:0px; background-image:url(../images/buttons/Customers_up.png);}
#Highlight2a{left:0px; top:91px; background-image:url(../images/buttons/Solutions_up.png); }
#Highlight3a{left:0px; top:181px; background-image:url(../images/buttons/Commitment_up.png);}

#Highlight1b{left:0px; top:0px; background-image:url(../images/buttons/Customers_over.png);}
#Highlight2b{left:0px; top:91px; background-image:url(../images/buttons/Solutions_over.png);}
#Highlight3b{left:0px; top:181px; background-image:url(../images/buttons/Commitment_over.png);}

.imapHighlights{
	display:block;
	width: 569px;
	height: 91px;
	background-image:url(../images/imapHighlights_transparent.gif);
	position:absolute;
	z-index: 10;
	}

#imapH1a{left:0px; top:0px;}
#imapH2a{left:0px; top:0px;}
#imapH3a{left:0px; top:0px;}

#imapH1b{left:0px; top:0px;}
#imapH2b{left:0px; top:0px;}
#imapH3b{left:0px; top:0px;}


/* CONTENT: Detail boxes */

#AllDetails {
	position: absolute;
	width:569px;
	height: 273px;
	left: 0px;
	top: 0px;
	z-index: 50;
	visibility:hidden;
	}
#Detail1 {
	position:absolute;
	visibility: hidden;
	background-image:url(../images/boxes_detail_customers.png);
	z-index: 40;
	left: 0;
	top: 0;
	width: 569px;
	height: 273px;
}						
#Detail2 {
	position:absolute;
	visibility: hidden;
	background-image:url(../images/boxes_detail_solutions.png);
	z-index: 40;
	left: 0;
	top: 0;
	width: 569px;
	height: 273px;
}
#Detail3 {
	position:absolute;
	visibility: hidden;
	background-image:url(../images/boxes_detail_commitment.png);
	z-index: 40;
	left: 0;
	top: 0;
	width: 569px;
	height: 273px;
}
#Detail4 {
	position:absolute;
	visibility: hidden;
	background-image:url(../images/boxes_detail_contact.png);
	z-index: 40;
	left: 0;
	top: 0;
	width: 569px;
	height: 273px;
}
#Detail5 {
	position:absolute;
	visibility: hidden;
	background-image:url(../images/boxes_detail_casestudies.png);
	z-index: 40;
	left: 0;
	top: 0;
	width: 569px;
	height: 273px;
}

/* Image Maps for Detail boxes */	
.imapDetails{
	display:block;
	width: 569px;
	height: 273px;
	background-image:url(../images/imapDetails_transparent.gif);
	position:absolute;
	z-index: 10;
	}

#imapD1{left:0px; top:0px;}
#imapD2{left:0px; top:0px;}
#imapD3{left:0px; top:0px;}
#imapD4{left:0px; top:0px;}
#imapD5{left:0px; top:0px;}



#hover1 {
	position:absolute;
	visibility: hidden;
	left: -17px;
	top: 16px;
	height: 59px;
	width: 20px;
}
#hover2 {
	position:absolute;
	visibility: hidden;
	left: -17px;
	top: 109px;
	width: 20px;
	height: 59px;
}
#hover3 {
	position:absolute;
	visibility: hidden;
	left: -17px;
	height: 59px;
	width: 20px;
	top: 198px;
}

.hover{background-image:url(../images/buttons/bar_hover_04.png);}


/*---------------------------------*/

td.nav {width: 155px; height:23px;}
td.navRHS {width: 161px; height:23px;}
td.spacer {width: 2px; text-align:center}

.style1 {font-size: 9px;}
.style2 {font-size: 10px; font-weight:bold; text-align:center;}
.style3 {font-size: 10px; font-weight:bold; color:#00CCFF;}
.style4 {font-size: 9px; font-weight:bold; color:#FFFFFF; }
.style5 {color: #75BDE6}
.style6 {color: #D9DAE8}