@charset "utf-8";
/* CSS Document */
*:focus {
	outline: none;
}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin: 0 auto;
	padding:0;
	background:url(../images/body-bg.jpg) top center no-repeat #FFFFFF;
	color: #555555;
}
h1 {
	font-size: 24px;
	line-height: 125%;
	color: #066e8e; /* teal */
	font-weight:normal;
}
h2 {
	font-size: 16px;
	color: #5d0c7b; /* purple */
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:125%;
}
h3 {
	font-size: 15px;
	color: #066e8e; /* teal */
	font-weight:bold;
	margin-top:0;
	margin-bottom: 3px;
}

a {
	color: #5d0c7b; /* purple */
	text-decoration: none;
}
a:hover {
	color: #5d0c7b; /* purple */
	text-decoration: underline;
}
p {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height:150%;
}
#container {
	width: 800px;
	background:url(../images/body-bg.jpg) top center no-repeat;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	}
#banner {
	width: 800px;
	margin:0; 
	padding:0;
	}
#content-wrap {
	width:800px;
	margin:0;
	padding:0;
	}
	
/* NAVIGATION OF MAIN MENU */

div#nav {float:left; width:160px; color:#066e8e; background: url(../images/nav-lines.jpg) no-repeat; padding:0; margin:28px 0 0 10px; height:188px;}	

div#nav ul {margin:0; padding:0px; text-indent:30px; width: 131px;}

div#nav li {position:relative; list-style:none;}

div#nav li a {list-style:none; width: 160px; margin:0; display:block; height:28px; padding-top:10px; color:#066e8e; text-decoration:none;  font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; text-align:left;}

div#nav li a:hover {color:#5d0c7b; text-decoration:none;}

/* HOVER STATE BACKGROUND IS DIFFERENT FOR EACH NAV ITEM */
.home-hover a:hover {background:url(../images/bg-home-hover.jpg) no-repeat;}
.service-hover a:hover {background:url(../images/bg-service-hover.jpg) no-repeat;}
.equipment-hover a:hover {background:url(../images/bg-equipment-hover.jpg) no-repeat;}
.about-hover a:hover {background:url(../images/bg-about-hover.jpg) no-repeat;}
.contact-hover a:hover {background:url(../images/bg-contact-hover.jpg) no-repeat;}

/*------------ THIS STYLING KEEPS THE MAIN NAV BUTTON "ON" FOR THE ACTIVE PAGE ---------------- */

body#pageHome li#navHome a {color:#5d0c7b; text-decoration:none; background:url(../images/bg-home-hover.jpg) no-repeat;}
body#pageService li#navService a {color:#5d0c7b; text-decoration:none; background:url(../images/bg-service-hover.jpg) no-repeat;}
body#pageEquipment li#navEquipment a {color:#5d0c7b; text-decoration:none; background:url(../images/bg-equipment-hover.jpg) no-repeat;}
body#pageAbout li#navAbout a {color:#5d0c7b; text-decoration:none; background:url(../images/bg-about-hover.jpg) no-repeat;}
body#pageContact li#navContact a {color:#5d0c7b; text-decoration:none; background:url(../images/bg-contact-hover.jpg) no-repeat;}

/*-------------------------END NAV-----------------------------------------------------------------*/
#content {
	width: 575px;
	padding-right:50px;
	float:right;
	}
#fast-fact {
	width: 200px;
	float:right;
	padding: 0 0 20px 30px;
	}
#bio {
	width: 260px;
	}
#bio h3 {
	margin-bottom:0;
	}
#bio p {
	margin-bottom: 10px;
	}
.call-to-action-web {
	float:right; 
	padding:0 11px 0 0;
	visibility: visible !important;
	}

.call-to-action-print {
	float:right; 
	padding:0 11px 0 0;
	visibility: hidden !important;
	}
.logo {
	float:left; 
	padding:86px 0 0 10px;
	}
.float-left {
	float:left;
	}
.float-right {
	float:right;
	}
#footer {
	display:block;
	width: 550x;
	font-size: 10px;
	color: #999999; /*  #44c8f5 turquoise */
	border-top: dotted 1px #44c8f5;
	padding: 10px 0;
	}
#footer a {
	color: #44c8f5; /* turquoise */
	text-decoration: none;
	}
#footer a:hover {
	color: #5d0c7b; /* purple */
	text-decoration:none;
	}
table.outline {
	border-collapse: collapse;
	padding: 0;
	text-align: center;
}

table.outline thead td {
	font-size: 12px;
	font-weight: bold;
	color: #555;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #55555;
	vertical-align: bottom;
	background-color: #E3F8F9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #55555;
	border-right-color: #55555;
	border-left-color: #55555;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 3px;
}
table.outline tbody td {
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #555;
}

table.contact {
	border-collapse: collapse;
	padding: 0;
}
table.contact tbody td {
	font-size: 12px;
	padding: 5px 0 5px 0;
	vertical-align: top;
}
#content ul {
	margin:0;
	padding:0;
	margin-bottom:12px;
	}
#content li{
	margin:0;
	padding:0;
	padding:5px 10px 5px 20px;
	background:url(../images/bullet.gif) 5px 11px no-repeat;
	list-style:none;
	border-top: 1px solid #c3dffe;
	color: #02337d;
	}
.list {
	width: 130px;
	float: left;
	padding-right: 10px;
}
#fast-list {
	width: 220px;
	float:right;
	padding: 0 0 0 10px;
	}
#fast-list ul {
	margin:0;
	padding:0;
	margin-bottom:6px;
	font-size: 10px;
	}
#fast-list li{
	margin:0;
	padding:0;
	padding:3px 10px 3px 20px;
	background:url(../images/bullet.gif) 5px 8px no-repeat;
	list-style:none;
	border-top: 1px solid #c3dffe;
	color: #02337d;
	}
#fast-list h2 {
	font-size: 12px;
}
#fast-list .list {
	width: 100px;
	float: left;
	padding-right: 5px;
}

/*---------------------- MOOTOOLS ACCORDION ---------------------*/
#accordion {
	margin-top:0 !important;
	margin-bottom:0;
	width:350px;
}
h3.toggler {
	cursor: pointer;
	border-bottom: 1px dotted #555;
	font-size: 12px;
	background: #fff;
	text-transform:uppercase;
	color: #5d0c7b;
	margin: 0 0 0 0;
	padding: 5px 5px 1px 5px;
}
h3.toggler:hover {
	background: #edf7fc;
}
h3.toggler:active {
	background: #edf7fc; 
	}
div.element p {
	margin:0;
	padding:0 5px 10px 5px;
}

/*---------------------- END MOOTOOLS ACCORDION -------------------------*/