@charset "utf-8";
body {
	width: 100%;
	position: absolute;
	background-color:#633;
}
h1 {
	font-size: 200%;
	font-weight: bold;
	padding-bottom: 20px;
}
p {
	padding: 5px;
}
p img {
	float: right;
	border-color: #999;
	border-width: 5px;
	border-style: solid;
	margin-left: 25px;
}


#wrapper {
	width: 800px;
	background-color: #633;
	margin-left: auto;
	margin-right: auto;
	
	
	
}
#banner {
	background-image: url(../images/sliced/header_branding.png);
	background-repeat: no-repeat;
	position: relative;
	top: -76px;
	left: 0px;
	width: 728px;
	height: 97px;
	z-index: 5;
	
}

#contentContainer {
	background-image:url(../images/sliced/side_bars.gif);
	background-repeat: repeat-y;
	/* background-color: #CCC; */
	background-color: #633;
	z-index: 10;
}
#contentWindow {
	margin: 40px 60px 0px 36px;
	z-index: 3;
	background-image:url(../images/left_nav.gif);
	background-repeat: repeat-y;
}
#contentMain {
	position: relative;
	
}
#contentColumn {
    position: relative;
	left: 150px;
	width: 560px;
	top: -30px;
	
}
#nav{
	width: 130px;
	margin-left: 10px;
	position: absolute;
	top: -30px;
	
	
}
body#homepage  li#homenav, 
body#contact li#contactnav,
body#aboutpage li#aboutnav,
body#servicespage li#servicesnav
{
	background-image:url(../images/nav_btn_down.gif);
	background-repeat: no-repeat;
	cursor: default;
}
#nav_main li {
	background-image:url(../images/nav_btn_up.gif);
	background-repeat: no-repeat;
	width: 95px;
	
	
	margin-bottom: 5px;
	
}
#nav_main li a {
	display: block;
	width: 95px;
	height: 30px;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	
}
#nav_main li:hover {
	background-image: url(../images/nav_btn_hover.gif);
	
}
#nav_main li a{

	

}
	
	
#content_sub {
	display:none;
}
#nav_sub {
	display: none;
}
#site_info {
	background-color: #c8c8c8;
	position: absolute;
	text-align: center;
	font-weight: bold;
	z-index: 2;
	width: 800px;
	height: 30px;
	
}
#contentColumn li {
	font-weight: bold;
	font-size: 110%;
	list-style: disc;
	margin-left: 15px;
}
#contentColumn .sublist {
	margin-left: 60px;
	margin-bottom: 10px;

}
#contentColumn .sublist li
{
	font-weight: normal;
	font-size: 100%;
	list-style: square;
}
#contentColumn li p {
	margin-left: 15px;
	margin-right: 15px;
	font-weight: normal;
	font-size: 90%;
}
.frameTop {
	background-image: url(../images/sliced/frame_top_all.png) ;
	background-repeat: no-repeat;
	height: 53px;
	z-index: 10;
    position: relative;
}
.frameBottom {
	background-image: url(../images/sliced/frame_bottom_all.png);
	background-repeat: no-repeat;
	position: relative;
	height: 54px;
	margin-top: 0px;
	z-index: 3;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}