/* generated by csscreator.com */ 
#pagewidth{
	width:775px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
} 
 
#header{
	position:relative;
	height:183px;
	background-color:#282F39;
	width:100%;
	background-image: url(http://www.johnmooreservices.com/images/background/header-bg.jpg);
} 

#header-container{
	float:left;
	width:640px;
	height:138px;
}

#logo {
	float: left;
	height: 138px;
	width: 290px;
	display: inline;
	margin-right:1px;
	display:inline;
}
#we-fix{
	float:right;
	height:39px;
	width:484px;
	margin-top:49;
	margin-bottom:30;
	
}

#navigation {
	height: 33px;
	width: 640px;
	display: inline;
	float: left;
	margin-top: 4px;
}
 
#leftcol{
	width:200px;
	float:left;
	text-align: center;
  }
 
#twocols{
 width:575px; 
 float:right; 
  }
 
#rightcol{
	width:142px;
	float:right;
	padding-left: 4px;
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 width:425px; 
 }
 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{} 

/*hide the right column when printing*/ 
#rightcol{} 
#twocols, #maincol{width:100%; float:none;}
}
span.footertext a:hover {
	color:#721124;
	text-decoration:none;
}

h1{
	ONT-SIZE: 22px;
	COLOR:#034EA2;
	LINE-HEIGHT: 25px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square;
	LETTER-SPACING: 0px;
	font-size: 23px;
	margin-top:20px;
}

h1.multiple {
	margin-top:20px;
}

h2 {
FONT-SIZE: 16px; 
COLOR: #034EA2; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
LIST-STYLE-TYPE: square; 
LETTER-SPACING: 0px
}

h3 {
	FONT-SIZE: 16px;
	COLOR: #034EA2;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square;
	LETTER-SPACING: 0px;
	margin-bottom: -10px;
	font-weight: normal;
	margin-top:20px;
}

h4 {
	FONT-SIZE: 12px;
	COLOR: #034EA2;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square;
	LETTER-SPACING: 0px;
	margin-bottom: 3px;
	font-weight: normal;
	margin-top:10px;
}

.fineprint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	line-height: 9px;
}
.mainbody {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	display: block;
}

.mainright {
	display: inline;
	float: right;
	width: 50%;
}
.mainleft {
	float: left;
	width: 48%;
}

.wide {
	width:auto !important;
}




.rightproducts  {
	display: inline;
	float: right;
	width: 95%;
}
.leftproducts  {
	float: left;
	width: 95%;
}
.lists {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	list-style-type: square;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-bottom:11px;
	margin-top:11px;
	line-height:140%;
}
a.service, a.service:visited {
	height: 30px;
	width: 141px;
	background-image: url(http://www.johnmooreservices.com/images/rollovers/base_11.jpg);
	display: block;
}
a.service:hover {
	width: 141px;
	height: 30px;
	background-image: url(http://www.johnmooreservices.com/images/rollovers/base_mo_11.jpg);
	display: block;
}

#tanks {
	background:#B5BFC1;
}

#tanks h1 {
	text-align:center;
	color:#5B6A7F;
	margin-top:5px;
}

#tanks p {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0;
	margin-top:4px;
	padding-bottom:10px;
}

#tankless2 {;
	background:#5B6A7F;
}

#tankless2 h1 {
	text-align:center;
	color:#FF9900;
	margin-top:5px;
}

#tankless2 p {
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
}

.clear {
	clear:both;
}

span.blue, p.blue {
	color:#034EA2 !important;
}

table#logos tr td {
	text-align:center;
}

#million_links {
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

#wrapper a, #bottom_box a, p.footer_nav a {
	color:#034EA2;
	text-decoration:none;
}

#wrapper a:hover, #bottom_box a:hover, p.footer_nav a:hover {
	color:#721124;
}

#specialsarea {
	width:729px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.specialsboxleft {
	width:351px;
	height:274px;
	float:left;
}

.specialsboxright {
	width:351px;
	height:274px;
	float:right;
}

.specialstext {
	text-align:center;
}

p.specialstext {
	margin-top:5px;
}

span.specialstext {
	font-size:9px;
	color:#666666;
}

.top {
	height:25px !important;
	padding-bottom:5px;
}

#signup {
	width:775px;
	height:46px;
	background:#59697D;
	float:left;
}

#signup span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

#signupbox {
	padding-top:8px;
}

#employmentarea {
	width:590px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

p.smallblue {
	font-size:9px;
	text-align:center;
	color:#355290;
}

p.boldblue {
	font-size:12px;
	color:#034EA2;
	font-weight:bold;
	margin-bottom:0;
}

span.boldblue {
	font-size:11px !important;
	color:#355290 !important;
	font-weight:bold;
	margin:0;
}

p.nowhiring {
	font-size:12px;
	margin-top:3px;
}

#employmentarea h2 {
	font-size:18px;
	color:#355290;
	font-weight:normal !important;
	margin-top:5px;
}

#employmentarea h1 {
	font-size:22px;
	color:#355290;
	font-weight:normal !important;
	margin-top:5px;
}

#employmentarea hr {
	float:left;
}

.divfloatleft {
	width:214px;
	float:left;
}

.divfloatright {
	width:371px;
	float:right;
}

.divfloat {
	width:587px;
	float:left;
	clear:both;
}

.hr {
	padding-top:20px;
	padding-bottom:10px;
}

#contactbox {
	margin-left:20px;
	margin-top:20px;
}

/* BBB BOX */

#bbb_box {
	width:190px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#bbb_box p {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
}

#employmentarea p a.bbb_online {
	text-align:center;
	font-size:9px;
	color:#666666;
	text-decoration:underline;
}

#employmentarea p a.bbb_online:hover {
	text-decoration:none;
	color:#721124;
}

/* EMPLOYMENT FORM */

#employmentform {
	background:#BDD6FB;
	width:560px;
	margin-left:auto;
	margin-right:auto;
}

#selectposition {
	margin-top:20px;
	margin-left:20px;
}

span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-bottom:11px;
	margin-top:11px;
	line-height:140%;
}

span.boldblue {
	color:#355290;
	font-weight:bold;
}

p.small, span.small {
	font-size:9px !important;
}

p.bold, span.bold {
	font-weight:bold;
}

p.grey, span.grey {
	color:#666666 !important;
}

span.asterisk {
	font-size:9px;
	color:#034EA2 !important;
	position:relative;
	top:-3px;
}

span.denotes {
	color:#666666 !important;
	font-size:9px !important;
	position:relative;
	left:3px;
	top:-3px;
}

/* SERVICE REQUEST */

#serviceareaouter{
	background:#FFFFFF;
	text-align:left;
	width:568px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

#servicerequestarea {
	background:#FFFFFF;
	text-align:left;
	width:520px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div.space {
	width:100%;
	height:20px;
}

/* BOTTOM BOX */

#bottom_box {
	width:100%;
	background:#FFFFCC;
	clear:both;
	padding-top:21px;
	text-align:left;
}

#bottom_box p {
	margin:0;
	padding:0;
	line-height:140%;
	margin-right:15px;
}

#bottom_box p.big {
	font-size:14px;
}

#bottom_box p.blue {
	color:#034EA2;
}

#bottom_box p a.underline {
	text-decoration:underline;
}

/* FOOTER NAV */

p.footer_nav {
	padding-top:15px;
	text-align:center;
}


/*** navigation menu begins here***/
#nav, #nav ul {
	float: none;
	list-style: none;
	line-height: 1.95em;
	color: #282F39;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

* html #nav, #nav ul {
	margin-top:-5px;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
	display: block;
	padding: 5px 17px;
	color: #282F39; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(http://www.johnmooreservices.com/images/background/line.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
	background-image: none;
}
#nav a.one, #nav a.two, #nav a.three {
	text-align: left;
	font-size: 1em;
}
#nav li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 210px; 
	font-weight: normal;
	border: 1px solid #999;
	background-color: #FFFFFF;
	margin: 0;
	background-image: none;
}
#nav li li {
	padding: 0;
	width: 100%; 
	background-image: none;
}
#nav li ul a {
	padding: 5px 8px;
	width: 172px;
	* html width: 100px;
	background-image: none;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: -2em 0 0 100px;
	background-image: none;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	background-image: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	background-image: none;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
	background-color: #EDEDED;
	background-image: none;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color: #000;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #57528A;
	color: #fff;
	background-image: none;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}