@charset "utf-8";
/* CSS Document */
/*---   Layout   ---*/
html, body {
	height:100%;
	margin:0;
	padding:0;
	background:#000;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:12px;
	overflow:hidden;
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #969696;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #000000;
}
h1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:2px;
	font-size:27px;
	margin-bottom: 0px;
    margin-top: -1ex;
    line-height: 4ex;
}
.mercury h1, .water {
	color: #278CFF;
}
.services h1, .wind {
	color: #FFCC00;
}
.showcase h1, .fire {
	color: #CC0000;
}
.resources h1, .earth {
	color: #99CC00;
}
h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:2px;
	font-size:16px;
	color:#CCC;
	line-height:16px;
	margin-bottom: 10px;
    margin-top: 10px;

}
hr{
	color:#FFF;
	filter:alpha(opacity=10);
	opacity: 0.10;
}
p, td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
h3{
	font-size:10px;
}
input, select, textarea{
	background-color:#000;
	color:#FFF;
}
img{border:0}
*{outline:none;}
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
}
.mercury a:link, .mercury a:visited, .mercury a:active {
	color: #278CFF;
	text-decoration: none;
}
.mercury a:hover {
	color: #278CFF;
	text-decoration: underline;
}
.services a:link, .services a:visited, .services a:active {
	color: #FFCC00;
	text-decoration: none;
}
.services a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
.showcase a:link, .showcase a:visited, .showcase a:active {
	color: #CC0000;
	text-decoration: none;
}
.showcase a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.resources a:link, .resources a:visited, .resources a:active {
	color: #99CC00;
	text-decoration: none;
}
.resources a:hover {
	color: #99CC00;
	text-decoration: underline;
}
#BG{
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#mainBox{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:2;
}
#main{
	width:575px;
	position:absolute;
	left:188px;
	top:0px;
	z-index:2;
	margin-top:100px;
	padding-bottom:30px;
}
#mainBG{
	position:absolute;
	left:170px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=0);
	opacity: 0.0;
}
#footer{
	text-align:center;
	width:100%;
	height:24px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:8;
}
#nav{
	width:170px;
	height:100%;
	position:absolute;
	top:230px;
	left:0px;
	z-index:7;
	visibility:hidden;
}
#navBlocker{
	background:#000000;
	filter:alpha(opacity=0);
	opacity: 0.0;
	width:170px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
#contentBlocker{
	background:#000000;
	filter:alpha(opacity=0);
	opacity: 0.0;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:170px;
	z-index:200;
}
#shadowBlock{
	background:#000000;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:300;
	visibility:hidden;
}
#shadowBox{
	position:absolute;
	width:1px;
	height:1px;
	top:50%;
	left:50%;
	z-index:301;
	visibility:hidden;
}
#lightBox{
	border:1px solid #333;
	background:#000000;
	position:relative;
	width:630px;
	height:370px;
	left:-315px;
	top:-185px;
}
/*---   NAV   ---*/
.highlight{
	background-image:url(../images/highlight.png);
	background-position:center right;
	background-repeat:no-repeat;
	height:24px;
	width:0px;
	float:right;
	display:inline;
}
#nav a{
	display:block;
	line-height:24px;
	letter-spacing:1px;
}
.divider{
	width:170px;
	height:1px;
	background-color:#FFF;
	filter:alpha(opacity=5);
	opacity: 0.05;
}
.initClose{
	height:0px;
}
/*HIGHLIGHTS*/
.mercury_on{
	color:#278CFF;	
}
.mercury_off{
	color:#FFFFFF;
}
.mercury_sub_on{
	background-color:#00011C;	
}
.mercury_sub_off{
	background-color:#00022A;
}
.services_on{
	color: #FFCC00;	
}
.services_off{
	color: #FFFFFF;
}
.services_sub_on{
	background-color: #282402;	
}
.services_sub_off{
	background-color: #443D04;
}
.showcase_on{
	color:#CC0000;
}
.showcase_off{
	color:#FFFFFF;
}
.showcase_sub_on{
	background-color:#220000;
}
.showcase_sub_off{
	background-color:#330000;
}
.resources_on{
	color:#99CC00;	
}
.resources_off{
	color:#FFFFFF;
}
.resources_sub_on{
	background-color:#202800;	
}
.resources_sub_off{
	background-color:#3D4B01;
}
/*MAIN NAV*/
.level_1{
	width:170px;
	height:auto;
	background-repeat:no-repeat;
	background-position:7px 3px;
	overflow:hidden;
}
.level_1 a{
	padding-left:40px;
}
#mercury{
	background-image:url(../images/water.png);
}
#services{
	background-image:url(../images/wind.png);
}
#showcase{
	background-image:url(../images/fire.png);
}
#resources{
	background-image:url(../images/earth.png);
}
#mercury a:hover {
	color: #278CFF;
}
#services a:hover {
	color: #FFCC00;
}
#showcase a:hover {
	color: #CC0000;
}
#resources a:hover {
	color: #99CC00;
}
/*SUB NAV*/
.level_2{
	width:170px;
	height:auto;
	text-align:right;
	overflow:hidden;
	background-position:center right;
	background-repeat:no-repeat;
}
.level_2 a{
	padding-right:10px;
	padding-left:0px;
}
#mercury-sub a{
	color:#278CFF;
}
#mercury-sub a:hover {
	color: #A6D0FF;
}
#services-sub a {
	color: #FC0;
}
#services-sub a:hover {
	color: #FFEC9D;
}
#showcase-sub a: {
	color: #F11200;
}
#showcase-sub a:hover {
	color: #FD9E11;
}
#resources-sub a {
	color: #9C0;
}
#resources-sub a:hover {
	color: #E3FF91;
}
/*Content Specific*/
#supportFrame{
	width:750px;
	border:0px;
	overflow:hidden;
}
#fontNav{
	display:none;
}
.small{
	font-size:9px;
}
.clientImg{
	float:left;
	margin:10px;
}
.assImg{
	padding-right:10px;
}
.lImg{
	padding-right:10px;
}
.centerTable{
	margin:auto;
}
.contactForm{
	width:200px;
}
.showcaseImg{
	float:left;
	margin:10px;
	border:1px solid #333;
}
.showcaseImg:hover{
	border:1px solid #A8B0BD;
}
.showcaseInfo{
	visibility:hidden;
	height:0px;
	width:0px;
	overflow:hidden;
}
#showcaseHeader{
	width:590px;
	height:30px;
	float:left;
	line-height:30px;
	padding-left:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:2px;
	font-size:20px;
	color: #CCC;
	padding-bottom:5px;
}
#showcaseClose{
	width:30px;
	height:30px;
	float:right;
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	background-position:center;
}
#showcaseClose:hover{
	cursor:pointer;
}
#showcaseBody{
	width:607px;
	height:302px;
	margin:auto;
	overflow:hidden;
	position:relative;
}
#showcaseImage{
	position:absolute;
	height:302px;
	white-space:nowrap;
}
.showcaseWrap{
	padding-right:13px;
	display:inline;
}
#showcaseFooter{
	width:607px;
	margin:auto;
	padding-top:7px;
}
#showcaseLink{
	width:500px;
	float:left;
}
#showcaseLink  a:link, #showcaseLink a:visited, #showcaseLink a:active {
	color: #7E929A;
	text-decoration: none;
	font-size:10px;
	letter-spacing:1px;
}
#showcaseLink a:hover {
	color: #7E929A;
	text-decoration: underline;
	font-size:10px;
	letter-spacing:1px;
}
#showcaseThumbs{
	float:right;
	height:10px;
}
.showcaseThumb{
	float:right;
	width:10px;
	height:10px;
	border:1px solid #333;
	background-color:#111;
	margin-left:7px;
	cursor:pointer;
}
.contactInfo{
	font-size:14px;
}
.toggler{
	cursor:pointer;
}
.toggler:hover{
	text-decoration:underline;
	color: #FFCC00;
}
#template_search{
	width:725px;
	height:85px;
}
#template_results{
	width:720px;
	height:500px;
}