/*------ General Formating -----*/
body {
	font-family: arial;
	font-size: 10pt;
	background: #79797b;
}
img { border: none; }
p { margin: 8px 0 8px 0; }
hr {
	border: none;
	background: #000;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div.gray { background: #e6e6e7; }
.heading { font-size: 12pt; }
.subheading { font-size: 10pt; }
.red { color: #cc2229; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.center { text-align: center; }
.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
.fleft { float: left; }
.fright { float: right; }
/*------ Main Layout -----*/
#container {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 774px;
	margin: 0 0 0 -387px;
	background: url('../images/background.jpg') repeat-y #fff;
	overflow: hidden;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 80px;
}
#masthead {
	position: absolute;
	top: 18px;
	left: 210px;
	width: 564px;
	height: 31px;
}
#navigation {
	position: absolute;
	left: 0px;
	top: 78px;
	width: 151px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 151px;
	height: 28px;
	border-bottom: 1px solid #fff;
}
#navigation li.active { background: url('../images/nav_back.jpg') no-repeat; }
#navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 8pt;
	margin: 7px 0 0 20px;
}
#navigation a:hover { text-decoration: underline; }
#byline {
	position: absolute;
	left: 210px;
	top: 53px;
	width: 282px;
	height: 18px;
}
#divider {
	position: absolute;
	top: 75px;
	left: 154px;
	width: 760px;
	margin: 0;
	padding: 0;
}
#content {
	margin: 76px 0 0 180px;
	padding-top: 10px;
}
.graybar { background: url('../images/contact_back.jpg') top right repeat-y; }
/*------ Index Formatting -----*/
#splash {
	position: absolute;
	left: 210px;
	top: 56px;
	width: 498px;
	height: 195px;
}
#main {
	margin: 258px 0 0 164px;
	width: 610px;
	border-top: 1px solid #000;
	background: url('../images/main_back.jpg') top right repeat-y;
}
#main p { padding: 10px; }
#main div.left {
	float: left;
	width: 459px;
	border-right: 1px solid #000;
}
#main div.right {
	float: left;
	width: 140px;
	margin: 5px 0 0 5px;
	background: #e6e6e7;
}

/*------ Staff Formatting -----*/
.staff {
	float: left;
	width: 250px;
}
.staff div { clear: left; }
.staff div img {
	float: left;
	margin: 0 15px 20px 0;
}

/*------ History Formatting -----*/
div.history p { width: 320px; }

/*------ Equipment Formatting -----*/
#equipment {
	background: url('../images/equipment_back.jpg') top right repeat-y;
	margin: 5px 0 0 170px;
	border-top: 1px solid #000;
}
#equipment div.left {
	float: left;
	width: 369px;
}
#equipment div.left span, div.left p { padding-left: 10px; }
#equipment div.right { float: left; }
#equipment div.right p { margin-left: 24px; }

/*------ Service Formatting -----*/
img.bullet {
	float: left;
	clear: left;
	margin: 5px 5px 0 10px;
}
span.bullet {
	float: left;
	margin: 3px 0 0 0;
}
/*------ Catalog Layout -----*/
div.seperator {
	margin: 30px 0 30px 60px;
	width: 300px;
	height: 1px;
	font-size: 0px;
	overflow: hidden;
	line-height: 1px;
	background: #000;
}
