﻿
body {
	background-color: #333333;
	margin-top: 0em;
	margin-bottom: .82em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .82em;
	line-height: 1.35em;
}
img {
	border-style: inherit;
	border-width: 0;
	border-color: inherit;
}

hr {
	border: 1px dotted #808080;
	margin: 16px 0px 8px 0px;
	display: block;
}

#header img {
	float: left;
}

#container {
	margin: 0 auto;
	width: 800px;
}


/* Main Naviation */
#mainNav { 
	font-size: .75em;
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#mainNav > li {
	float: left;
}

#mainNav a:hover img {	
	display: none;
}

#mainNav a {
	display: block;
	height: 20px;
}

#home {
	background: url(../images/tnav/Home_on.gif) no-repeat; 	
}
#home a { width: 79px; }
#contactus {
	background: url(../images/tnav/ContactUs_on.gif) no-repeat; }
#contactus a { width: 143px; }
#latestnews {
	background: url(../images/tnav/LatestNews_on.gif) no-repeat; }
#latestnews a { width: 151px; }
#links {
	background: url(../images/tnav/Links_on.png) no-repeat; }
#links a { width: 90px; }
#ourlocation {
	background: url(../images/tnav/OurLocation_on.gif) no-repeat; }
#ourlocation a { width: 159px; }
#ourcustomers {
	background: url(../images/tnav/OurCustomers_on.gif) no-repeat; }
#ourcustomers a { width: 178px; }

#searchtext {
	display: block;
	height: 20px;
	width: 174px;
	background: url(../images/tnav_bckgrndFill.jpg);
}
#searchtext input {
	border: 1px solid #DE2516;
	margin: 1px;
	font-size: .95em;
	width: 150px;
}
#page {
	background: #FFFFFF url(../images/snav_bckgrnd.jpg) repeat-y;
	float: left;
}

/* DROP NAVIGATION */
.loadMenu:hover .menu { 
	display: block; 
	padding: 0px;
	margin: 0px;
}
.menu {
	display: none;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	position: absolute;
	border-top: 1px #aaa dotted;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu a {
	clear: both;
	display: block;
	background-image: url('../images/subnav_bckgrndFill.png');
	background-repeat: no-repeat;
	color: White;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	text-indent: 20px;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	border-bottom: 1px #aaa dotted;
}
.menu a:hover {
	background-position: left top;
	background: #990000 url('../images/snav_RObckgrndFill.jpg');
	background-repeat: no-repeat;
}
.menu ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
.menu li { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

/* SIDE NAVIGATION */
#nav {
	font-size: .7em;
	display: block;
	float: left;
	width: 148px;
}
#nav > ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	float: left;
}
#nav > ul > li > a {
	background-position: left top;
	clear: both;
	display: block;
	color: White;
	font-weight: bold;
	text-decoration: none;
	width: 128px;
	height: 20px;
	background: url('../images/snav_bckgrndFill.png');
	padding-left: 20px;
	line-height: 20px;
	border-bottom: 1px #aaa dotted;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	overflow: hidden;
}
#nav > ul > li > a:hover {
	background-position: left top;
	background: #8A1010 url('../images/snav_RObckgrndFill.jpg');
	background-repeat: no-repeat;
}

#search {
	margin: auto;	
	width: 143px;
	height: 80px;
	clear: both;
}
#search a
{
	width: 143px;
	height: 80px;
	display: block;
	border-bottom: 1px #aaa dotted;
	background: url(../images/tnav/Search_on.png) no-repeat;
	
}
#search:hover a img {	
	display: none;
}

/* HOMEPAGE */
#homePg {
	padding: 0px;
	float: right;
	width: 652px;
	background-color: #FFFFFF;
	background-image: url('../images/homepage/bckgrnd_homepg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#represents {
	padding: 0px;
	float: right;
	width: 164px;
	background-image: url('../images/homepage/hmpg_representingBkgrnd.png');
	background-repeat: repeat;
	background-position: left top;
	display: block;
	min-height:100%
}
#represents ul{
	padding: 0px;
	margin: 6px 2px 8px 6px;
	list-style: disc;
	list-style-position: inside;
}
#represents li {
	text-align: left;
	font-size: .82em;
	line-height: 1.75em;
	padding: 0px;
	margin: 0px;
}
/* CONTENT */
#banner {
	padding: 0px;
	float: right;
	width: 652px;
	background-color: #FFFFFF;
	
}
#content {
	margin: 0px 0px 0px 0px;
	float: right;
	background-color: #FFFFFF;
	width: 652px;
	min-height: 280px;
	display: block;
}
#content h6 {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.25em;
	margin: .8em 0em .6em 0em;
	color: #990000;
}
#content h4 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.25em;
	margin: .8em 0em .6em 0em;
	color: #990000;
}
#content h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25em;
	margin: 0em 0em .8em 0em;
	color: #990000;
}
#content p {
	font-size: .82em;
	line-height: 1.35em;
	margin-top: .41em;
	margin-bottom: .82em;
	padding-bottom: .8em;
}
#content .equipWrap 
{
	overflow: hidden;	
	float: left;
	width: 652px;
}
#content .equipment {
	float: left;
	padding: 8px;
	width: 200px;
	border-right: dotted 1px #808080;
	margin-bottom: -600px; 
	padding-bottom: 600px;
}
#content .noborder {
	margin-top: 0em;
	margin-bottom: .8em;
	float: left;
	padding: 8px;
	width: 200px;
	border: none;
	display: block;
}
#content .TwoColLeft {
	margin-top: 0em;
	margin-bottom: .8em;
	float: left;
	padding: 8px;
	width: 309px;
	border-right: dotted 1px #808080;
	display: block;
	margin-bottom: -600px; 
	padding-bottom: 600px;
}
#content .TwoColRight {
	margin-top: 0em;
	margin-bottom: .8em;
	float: left;
	padding: 8px;
	width: 309px;
	border: none;
	display: block;
}
#content .OneColRight {
	margin-top: 0em;
	margin-bottom: .8em;
	float: left;
	padding: 8px;
	width: 636px;
	border: none;
	display: block;
}
#content .equipWrap ul {
	padding: 0em 0em .4em 0em;
	margin: 0em;
	list-style-type: none;
}
#content .equipWrap li {
	background-position: left top;
	padding: 0px 0px 0px 12px;
	font-size: .78em;
	line-height: 1.25em;
	margin: 0em 0em .25em 0em;
	text-indent: 0px;
	text-align: left;
	background-image: url('../images/arrowSmall.gif');
	background-repeat: no-repeat;
	list-style-type: none;
}
#content a,
#content a:link,
#content a:visited {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover,
#content a:active {
	color: #FF0000;
}
#content a.manlogo,
#content a.manlogo:visited,
#content a.manlogo:link {
	padding: 0em;
	margin: 0em 0em .6em 0em;
	border: 1px solid #808080;
	display: block;
}
#content a.manlogo:hover,
#content a.manlogo:active {
	border: 1px solid #FF0000;
}
#content iframe {
	border: 1px solid #AFAFAF;
	background-color: #FFFFFF;
}
.pcontent
{
	padding: 10px;
}

/* --- SEWER MAINTENANCE SUBNAV --- */
.equipWrap h4 
{
	margin: 0;
	padding: 0;
}
#contentSewer-Nozzle a {
	display: block;
	background-image: url('../images/banners/btn_NozzlesAccess.jpg');
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	max-width: 198px;
	max-height: 103px;
	min-height: 103px;
}
#contentSewer-Nozzle a:hover {
	background-image: url('../images/banners/btn_NozzlesAccess.jpg');
	background-position: 0px -103px;
}
#contentSewer-Nozzle a span {
	display:none;
}

#contentSewer-Cleaning a {
	display: block;
	background-image: url('../images/banners/btn_PipeCleanEquip.jpg');
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	max-width: 198px;
	max-height: 103px;
	min-height: 103px;
}
#contentSewer-Cleaning a:hover {
	background-image: url('../images/banners/btn_PipeCleanEquip.jpg');
	background-position: 0px -103px;
}
#contentSewer-Cleaning a span {
	display:none;
}

#contentSewer-Inspect a {
	margin: 0em 0em .6em 0em;
	display: block;
	background-image: url('../images/banners/btn_SewrPipeInspEquip.jpg');
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	max-width: 198px;
	max-height: 103px;
	min-height: 103px;
}
#contentSewer-Inspect a:hover {
	background-image: url('../images/banners/btn_SewrPipeInspEquip.jpg');
	background-position: 0px -103px;
}
#contentSewer-Inspect a span {
	display:none;
}

.postDate { font-size: 80%; color: #999; }

/* Used Equipment */
h2
{
   color: #dd2516; 
   margin: 1em 0 0 5px;
}
#ulsearch 
{
    list-style: none;
    margin: 10px 0 0 5px;
   
}
#ulsearch li
{
    float: left;
    font-weight: bold;
    padding-right: 10px;
}
.buttons
{
    margin: 10px 30px 0 0;
    float: right;
}
.equipment p
{
    margin-bottom: 0 !important;
}
#images
{
    float: right;
    padding: 10px 5px;
    width: 416px;
}
#images img
{
    float: left;   
}
#images img.right
{
    float: right;   
}
#equipInfo
{
    padding: 10px 5px;
    width: 200px;
    float: left;
}
#equipInfo p
{
    margin-bottom: 0 !important;
}
.medium { padding-bottom: 5px; }
.searchEquipment { display: inline-block; width: 149px; height: 21px; background: url("../images/submit-search-ro.png"); }
.searchEquipment:hover img { display: none; }
.allUsedEquipment { display: inline-block; width: 149px; height: 21px; background: url("../images/show-all-ro.png"); }
.allUsedEquipment:hover img { display: none; }
.submitOffer { display: inline-block; width: 149px; height: 16px; background: url("../images/submit-offer-ro.png"); }
.submitOffer:hover img { display: none; }

/* Footer */
#footer
{
	clear: both;
	border-top: solid 2px #FF0000;
	color: White;
	font-size: .85em;
	padding-top: 4px;
	margin-bottom: 12px;
	vertical-align: top;
	padding-bottom: 8px;
}
#footer em
{
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;	
}
#footer div
{
	float: left;
	padding: 0 4px 0 0px;
	margin-right: 12px;
	margin-bottom: 12px;
}
#footLinks
{
	color: #c1c1c1;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	text-align: right;
}
#footLinks li
{
	float: left;
	padding-left: 10px;
}
#footLinks a
{
	color: #c1c1c1;
	text-decoration: none;
	font-weight: bold;
}
#footLinks a:hover
{
	color: #fff;
}

.clear
{
    clear: both;
}

.memberControl
{
	margin-left: 40px;
}




