/*
	STYLESHEET FOR BO DESIGN
	CREATED 02/16/10
	Peter DeMarco
	Ten Squirrel, LLC
*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(http://blueoctanedesign.com/_img/bg.gif);
}

img {
	border: none;
}

.clear {
	width: 100%;
	clear: both;
}

#inner {
color:#fff;
font-size:12px;
margin-left:10px;
margin-right:10px;
}

#inner h1 {
color: #fff;
}

hr{}


/*
	MAIN DIV STYLES
*/

#contentHolder {
	width: 1000px;
	height: 600px;
	margin: 0px auto;
	position: relative;
	margin-top: 150px;
	background-image:;
	background-repeat: no-repeat;
}

#contentInner {
	width: 794px;
	position: relative;
	margin: 0px auto;
}

#header, #main, #footer {
	background-color: #000;
}

#header {
	position: relative;
	padding: 8px;
	height: 75px;
}

#main {
	position: relative;
	border-bottom: 9px solid #000;
}

#footer {
	color: #FFF;
	position: relative;
	font-size: 8px;
	padding-left: 8px;
	border-bottom: 8px solid #000;
}



/*
	HEADER STYLES
*/

#topNav {
	position: absolute;
	right: 0px;
	top: 8px;
	width: 400px;
	height: 75px;
}

#preload {
	position: absolute;
	top: -800px;
}

#topNav a {
	margin-right: 2px;
}

#topNav a:hover, #topNav a.current {
/* 	outline: 1px solid #003BFF; */
}



/*
	MAIN STYLES
*/

#leftPipes {
	position: absolute;
	left: -93px;
	top: 0px;
	height: 498px;
}


#rightPipes {
	position: absolute;
	right: -93px;
	top: 0px;
}

#mainTopLeft, #mainTopRight, #mainBottomLeft, #mainBottomRight {
	overflow: hidden;
}

#mainTopLeft {
	float: left;
	width: 165px;
	height: 222px;
	margin-left: 8px;
}

#mainTopLeft2 {
font-size:11px;
color:#fff;
padding:10px;
padding-top:1px;
background:url(http://blueoctanedesign.com/_img/ulbg.jpg) no-repeat;
}

#mainTopLeftNav {
	float: left;
	width: 165px;
	height: 222px;
	margin-left: 8px;
	background:url(http://blueoctanedesign.com/_img/ulbg.jpg) no-repeat;
	color:#fff;
	line-height:25px;
	font-size:11px;
	text-indent:10px;
	padding-top:5px;
	text-align:right;
	text-transform:uppercase;
}

#mainTopLeftNav a{
color:#fff;
padding-right:10px;
}

#mainTopLeftNav 
{
text-decoration:none;
color:#000;
}


a, a:visited {
	color: #2d9fc3;
	text-decoration: none;
	}
	
a:hover {
	color: #2d9fc3;
	text-decoration: none;
	}
.current{background-color:#2d9fc3}

#mainTopRight {
	position: relative;
	margin-left: 182px;
	width: 605px;
	height: 221px;
	color:#fff;
	font-size:11px;
}

#mainBottomLeft {
	position: absolute;
	top: 230px;
	left: 8px;
}

#mainBottomRight {
	background-image: url( "/_img/bottom-texture-bg-secondary-content.jpg" );
	background-repeat: no-repeat;
	margin-left: 182px;
	width: 605px;
	height: 156px;
	position: relative;
	margin-top: 9px;
	color:#fff;
}

#mainBottomRight div p{
padding-right:0px;
padding-left:0px;
padding-top:0px;
}

.lineUp{width:500px;}


/*
	FOOTER STYLES
*/

#footer #right {
	position: absolute;
	right: 10px;
	top: 0px;
	text-align: right;
	color: #CCC;
}

#footer a, #footer a:visited {
	color: #CCC;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
/* 	text-decoration: underline; */
}


/*
  BOTTOM BOX STYLES
*/

#fuel {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 390px;
  height: 145px;
  margin: 0px;
  padding: 0px;
  color: #FFF;
}

#fuel div {
  width: 380px;
  height: 106px;
  padding: 5px;
  background-color: #000;
  margin-top: 5px;
  color: #FFF;
  font-size: 12px;
}

#fuelLong {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 590px;
  height: 145px;
  margin: 0px;
  padding: 0px;
  color: #FFF;
}

#fuel div p {
  margin-top: 0px;
}

#fuelLong div {
  width: 580px;
  height: 106px;
  padding: 5px;
  background-color: #000;
  margin-top: 5px;
  color: #FFF;
  font-size: 12px;
}

#fuelLong div p {
  margin-top: 0px;
}

#burn {
  position: absolute;
  top: 8px;
  left: 405px;
  width: 195px;
  height: 145px;
  margin: 0px;
  padding: 0px;
}

#burn div {
  height: 106px;
  width: 181px;
  margin-top: 5px;
  padding: 5px;
  background-color: #000;
}