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

body {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	background-color: #1c1c1c;
	margin: 0px;
	padding: 0px;
}

a {
	outline:none;
	color:#09F;
	text-decoration:none;
}

a:visited {
	color:#09F;
}

img {
	border:none;
}


.mainContain {
	background-color: #222121;
	position: relative;
	width: 984px;
	margin: auto;
}
#logoBar {
	background-image: url(images/apexd_01.png);
	background-repeat: no-repeat;
	height: 79px;
	width: 984px;
}

#logoBar h1 {
	display:none;
}

#navBar {
	position: relative;
	height: 43px;
	width: 984px;
	text-indent:-9999px;
}

#navBar a:hover {
	background-position:0 -43px;
}

#leftSpacer {
	background-image: url(images/apexd_02.png);
	position: absolute;
	height: 43px;
	width: 336px;
}
#homeBtn {
	background-image: url(images/home_btn.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 43px;
	width: 121px;
	left: 336px;
}
#portBtn {
	background-image: url(images/port_btn.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 43px;
	width: 158px;
	left: 457px;
}
#servBtn {
	background-image: url(images/serv_btn.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 43px;
	width: 128px;
	left: 615px;
}
#contactBtn {
	background-image: url(images/contact_btn.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 43px;
	width: 169px;
	left: 743px;
}
#rightSpacer {
	background-image: url(images/apexd_07.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 43px;
	width: 72px;
	left: 912px;
}


#header {
	height:122px;
	width:984px;
}

#content {
	width:984px;
	height:678px;
	background-color:#222121;
	background-image:url(images/apexd_08.png);
	background-repeat:no-repeat;
	position: relative;
}

#content2 {
	width:984px;
	background-color:#222121;
	background-image:url(images/apexd_08.png);
	background-repeat:no-repeat;
	position: relative;
}

#footer {
	height: 27px;
	width: 958px;
	padding-left: 25px;
	color: #595959;
	background-image: url(images/footer_10.png);
	background-repeat: repeat-x;
}
#leftExtra {
	background-image: url(images/lefty.png);
	position: absolute;
	height: 800px;
	width: 10px;
	left: -9px;
	background-repeat: repeat-y;
	z-index: -1;
}
#rightExtra {
	background-image: url(images/righty.png);
	position: absolute;
	height: 800px;
	left: 983px;
	background-repeat: repeat-y;
	width: 10px;
	z-index: -1;
}
#bigBox {
	background-image: url(images/apexm_03.png);
	position: absolute;
	height: 550px;
	width: 499px;
	left: 58px;
	top: 93px;
}

#servBox {
	background-image: url(images/apexs_03.png);
	position: absolute;
	height: 550px;
	width: 499px;
	left: 58px;
	top: 93px;
}

#mainContent {
	position: absolute;
	left: 25px;
	top: 50px;
	font-size: 13px;
	width: 450px;
}

#quickPorts {
	position: relative;
	width: 306px;
	left: 13px;
	top: 53px;
}

#lilBox {
	background-image: url(images/apexm_06.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 449px;
	width: 336px;
	left: 587px;
	top: 172px;
}

li:hover {
	color:#09F;
}

li span {
	display:none;
}

li:hover span {
	display:block;
    position:absolute;
	top:300px;
	left:10px;
	padding:10px;
	background-color:#CCC;
	border:thin solid #000;
	color:#000;
	z-index:100;
}

#callNow {
	position:absolute;
	top:320px;
	left:20px;
	font-size:24px;
}

#bigBadBox {
	background-image: url(images/apexb_03.png);
	position: absolute;
	height: 545px;
	width: 873px;
	left: 61px;
	top: 93px;
}
#portHead {
	background-image: url(images/apexpf_03.png);
	background-repeat: no-repeat;
	height: 61px;
	width: 873px;
}
#portMain {
	background-image: url(images/apexpf_05.png);
	background-repeat: repeat-y;
	width: 873px;
}
#portContents {
	font-size: 13px;
	position: relative;
	width: 823px;
	left: 25px;
}

#bennettContents {
	font-size: 13px;
	position: relative;
	width: 823px;
	left: 25px;
	height:678px;
}

#portFoot {
	background-image: url(images/apexpf_07.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 873px;
}

#bennettHead {
	background-image: url(images/bennetthead.png);
	background-repeat: no-repeat;
	height: 61px;
	width: 873px;
}

#contactContent {
	position: absolute;
	width: 800px;
	left: 25px;
	top: 50px;
	font-size: 13px;
}

.biggie {
	font-size: 24px;
	color: #09F;
}

.biggie2 {
	font-size: 24px;
	color: #09F;
	text-decoration:underline;
}

.biggie3 {
	font-size: 24px;
	color: #FFF;
	text-decoration:underline;
}

#portContain {
	position: relative;
	width: 873px;
	left: 61px;
	padding-top: 93px;
}

#portContents a {
	position:relative;
}

#portContents a span{
	display:none;
}

#portContents a:hover span {
	display:block;
    position:absolute;
	top:-25px;
	left:100px;
	padding:10px;
	background-color:#CCC;
	border:thin solid #000;
	color:#000;
	z-index:100;
	width:350px;
}