HTML, BODY
{
	height:100%;
}

BODY
{
	margin:0px;
	background-image: url("../images/design/body_top_black.jpg");
	background-repeat: repeat-x;
	background-position: top;
	font-family:"Trebuchet MS", "Arial"
}

DIV.body
{
	width:100%;
	min-height:100%;
	background-image: url("../images/design/body_bottom_fade.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}

DIV.stage
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:100%;
}

DIV.header
{
	padding-top:270px;
	padding-bottom:9px;
	position:relative;
	background-image: url("../images/design/header_main_image_1.jpg");
	background-position: 0px 20px;
	background-repeat: no-repeat;
}

DIV.header DIV.logo
{
	border: 1px solid #FFFFFF;
	border-top:0px;
	border-bottom:0px;
	width:300px;
	height:250px;
	position:absolute;
	top:20px;
	left:20px;
}

DIV.header DIV.logo div.opaque
{
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	opacity:0.6;
}

DIV.header DIV.logo div.image
{
	position:absolute;
	top:20px;
	left:20px;
}

DIV.header DIV.link_bar_top,
DIV.header DIV.link_bar_bottom
{
	border:1px solid #FFFFFF;
	border-top:0px;
	background-color:#7FB1BF;
	height:5px;
}

DIV.header DIV.link_bar_middle
{
	border:1px solid #FFFFFF;
	border-top:0px;
	background-color:#006380;
	height:30px;
	padding-left:20px;
}

DIV.content
{

}

DIV.section
{
	float:left;
}

DIV.section#left{ width: 180px; }
DIV.section#right{ margin-left:10px; width: 708px; }
DIV.section#copyright{ margin-bottom:25px; font-size:10px; width:100%; }

DIV.clear
{
	clear:both;
	margin-bottom:10px;
}

DIV.blue_box
{
	width:100%;
	border:1px solid #006380;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

DIV.truss
{
	padding-bottom: 75px;
	background-image: url("../images/design/blue_box_truss.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.blue_box div.fade
{
	height:45px;
	width:100%;
	background-image: url("../images/design/blue_box_fade.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

DIV.blue_box DIV.text
{
	padding-left:10px;
	padding-right:150px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:14px;
}

DIV.blue_box DIV.links
{
	padding-left:10px;
	padding-right:10px;
}
DIV.main_link
{
	float:left;
	height:30px;
	line-height:30px;
    padding-left:30px;
}
DIV.main_link a
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:30px;
	padding-right:10px;
	text-decoration: none;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

DIV.main_link a:hover
{
	color:#006380;
	background-color: #FFFFFF;
}

h2, span.title
{
	color:#006380;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #7FB1BF;
}

span.title
{
	display:block;
	margin-bottom:1px;
	padding-top:13px;
	padding-left:20px;
	background-position: 0px 16px;
	background-repeat: no-repeat;
}

DIV.side_link
{
	padding-bottom:1px;
}

DIV.side_link a
{
	padding:4px;
	display:block;
	background-color: #006380;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}

DIV.side_link a:hover
{
	color:#000000;
	background-color: #7FB1BF;
}

DIV.bottomlinks{ text-align: center; }

DIV.bottom_link
{
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	display: inline;
}

DIV.bottom_link a
{
	color:#7FB1BF;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}

DIV.bottom_link a:hover
{
	color:#000000;
}

.iHome, #home{ background-image: url("../images/graphics/house.png"); }
.iComp, #comp{ background-image: url("../images/graphics/user_suit.png"); }
.iProd, #prod{ background-image: url("../images/graphics/page_white_stack.png"); }
.iProj, #proj{ background-image: url("../images/graphics/group.png"); }
.iPhot, #phot{ background-image: url("../images/graphics/camera.png"); }
.iTool, #tool{ background-image: url("../images/graphics/calculator.png"); }