/* @override 
	http://www.koiblue.com/Moore/css/cityMoore.css
	http://localhost:8888/RENTZEL%20PUMP/WEB/CSS/rpm.css
	http://dotmangraphicdesign.com/RENTZEL/CSS/rpm.css
	http://rentzelpump.com/CSS/rpm.css
	http://rentzelpump.com/CSS/print.css
*/

body {
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: auto;
	padding: 0;}

a, a:visited {
	color: #000000;}

a:hover {
	color: black;}
	
/* HEADERS, PARAGRAPHS, LISTS, HR */

h1, #headerBox h2, #navigation2 h2, .skipNav, #navBox h2 {
	display: none;}

h2 {padding: 0px 30px 0px 60px;
	font-size: 1.2em;
	margin: 0;
	clear: both;}
	
h3 {font-size: 1.0em;
	padding: 15px 40px 0 60px;
	font-style: italic;
	margin:0;}

h4 {font-size: 0.9em;
	padding: 30px 80px 0px 60px;
	margin: 0;}

h5 {
	padding: 10px 80px 0px 60px;
	margin: 0;}

p {
	font-size: 0.9em;
	margin: 0;
	padding: 10px 40px 10px 60px;
	line-height: 1.3em;}
	
p.caption {
	padding: 30px 70px 10px 40px;
	font-weight: bold;
	font-style: italic;}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;}
	
ul li {
	margin: 0;
	padding: 0;}
	
ul.bulletList {
	margin: 10px 0 10px 90px;
	list-style-type: disc;
	list-style-position: outside;}
	
ul.bulletList li, ul.noBulletList li {
	font-size: 0.9em;
	padding: 0 0 10px 0;}

ul.noBulletList {
	margin: 0 0 10px 80px;
	}
	
ul.acrobatBullet, .pdf {
	list-style-image: url(../IMAGES/pdficon.gif);
	list-style-position: inside;
	margin: 0 0 0 60px;
	line-height: 40px;}
	
hr {display: none;}

/* END HEADERS, PARAGRAPHS, LISTS, HR */

#outerBox {
	width: 100%;
	margin: auto;
	padding: 0;
	z-index: 50;
	background: #fec200;}

#headerShell {
	width: 100%;
	height: 180px;
	background: url(../IMAGES/RENTZEL_FOOTER.jpg) repeat-x center -6px;}
	
#headerBox {
	width: 800px;
	height: 180px;
	margin: auto;}

.logoBox {
	width: 370px;
	height: 102px;
	position: relative;
	top:  86px;
	margin-left: 102px;
	z-index: 99;

  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='IMAGES/RENTZELPUMP_LOGO_TRANS.png');}
    
/* IE ignores styles with [attributes], so it will skip the following. */
.logoBox[class] {
  background-image:url(../IMAGES/RENTZELPUMP_LOGO_TRANS.png);}

.logoBox img {
	border: none;
	display: none;}

#flashContainer {
	width: 100%;
	height: 252px;
	position: absolute;
	top: 65px;}
	
#flashBox {
	width: 800px;
	height: 252px;
	margin: auto;}
	
#navBox {
	position: absolute;
	width: 140px;
	top: 204px;
	margin-left: 60px;}
	
.navigation li a, .navigation li a:hover, .navigation li a:visited {
	font-size: 0.9em;
	width:  120px;
	padding:  8px 18px;
	border: solid #FFC200;
	border-width: 1px 0;
	margin: 0;
	color: #fff;
	display: block;
	text-decoration: none;
	background-color: #000;}
	
.navigation li a:hover {
	background: #fff;
	color: #000;}

.navigation ul li a, .navigation ul li a:hover, .navigation ul li a:visited {
	border:  solid black;
	border-width: 0 0 0 4px;
	width: 108px;
	color: black;
	font-size: 0.8em;
	margin:0 0 0 16px;
	padding:  4px 0px 4px 12px;
	background: #fed731;}

.navigation ul li a:hover {
	color: white;
	background: #000;}
	
#pumpMenu {
	display: none;}
	
.pumpSwitchMenu {
	margin: 25px 0 10px 40px;
	height: 37px;
	border-bottom: 1px solid black;}
	
.pumpSwitchMenu ul li
	{display: inline;}
	
.pumpSwitchMenu ul li a, .pumpSwitchMenu ul li a:hover, .pumpSwitchMenu ul li a:visited {
	background: #c21617;
	border-right: 1px solid black;
	color: black;
	line-height: 45px;
	text-decoration: none;
	padding: 5px 10px;}
	
.pumpSwitchMenu ul li a:hover {
	background: white;
	}

#middleShell {
	width:100%;
	padding: 0px;
	background: url(../IMAGES/RENTZEL_SWIRL.jpg) no-repeat right 0}
	
#mainBox {
width: 800px;
margin: auto;}

/* MAIN CONTENT */

#mainText {position: relative;
	margin-left: 200px;
	width: 600px;
	padding: 30px 0;
	border-left: 3px solid #F3B400;}
	
img.noBorderPic {
	border: none;
	float: right;
	margin: 0px 80px 30px 20px;}
	
img.leftPic {
	float: left;
	margin: 20px 20px 30px 60px;}
	
img.rightPic {
	float: right;
	margin: 20px 20px 30px 20px;}

a img.leftPic, a:hover img.leftPic, a:visited img.leftPic, a img.rightPic, a:hover img.rightPic, a:visited img.rightPic {
	border: solid #F3B400;
	border-width: 4px;}
	
a:hover img.leftPic, a:hover img.rightPic {
	border: solid white;
	border-width: 4px;}

/* END MAIN CONTENT */

/* START CONTACT US PAGE */

ul.homeOffice, ul.lubbockOffice {
	width: 230px;
	margin: 0 0 0 70px;
	float: left;}
	
ul .contactHeader {
	padding: 15px 5px 5px 0px;
	font-size: 1.2em;}
	
li.address {}
	
ul.homeOffice li, ul.lubbockOffice li {
	margin: 0 10px 10px 0px;
	font-size: 0.9em;}
	
ul.staffBox {
	margin: 5px 0 0 20px;}
	
ul.staffBox li {
	padding: 2px;}

/* END CONTACT PAGE */

.hackDiv { /*USED TO CLEAR FLOATS*/
	clear: both;}

.footerBox {
	width: 100%;
	height: 230px;
	margin: auto;
	padding: 0;
	background: #000;}
	
.footerText {
	width: 800px;
	text-align: center;
	font-size: 0.8em;
	padding: 20px 0 60px 0;
	margin: auto;
	color: #FFC200;}

.footerText a, .footer Text a:visited {
	color: #000;}

.footerText a:hover {
	color: white;}
	.footerBox p.webmaster {
	margin: 0;
	color: #666;
	}
.footerBox p.webmaster a, .footerBox p.webmaster a:visited {
	color: #fff;
	text-decoration: none;}
.footerBox p.webmaster a:hover {
	color: #666;}