/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color:#e8ebef;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

a {color:#123359;
text-decoration:none;
}

a:hover {color:#123359;
text-decoration:underline;
}

a:visited {color:#123359;
text-decoration:underline;
}

#wrapper { 
 margin: 0 auto;
 width: 785px;
 background-color:#FFF;
 height:100%;

}
#header {
 width: 705px;
 color: #333;
 padding: 20px;
 height: 100px;	
 background-color:#FFF;
 background-image:url(images/line.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 margin: 0px 20px 0px 20px;
}
#menu {
 width: 745px;
 color: #333;
 padding: 5px 0px;
 height: 20px;	
 background-color:#FFF;
 background-image:url(images/line.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 margin: 0px 20px 0px 20px;
}

#banner {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 379px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner.jpg);
 background-repeat:no-repeat;
}
#banner_boxes {
 width: 745px;
 height: 346px;	
 margin: 4px 20px 0px 20px;
 background-image:url(images/JM_banner_03.jpg);
 background-repeat:no-repeat;
}

#content { 
 width: 745px;
 color: #333;
 margin: 16px 20px 0px 20px;
 height: 140px;
}


#footer { 
 width: 785px;
 margin: 10px 0px 0px 0px;
 padding: 12px 30px 0px 30px;
 font-size:9px;
 color:#666;
 background-color:#e8ebef;
 float:left;
}

#footer a{
	color:#666;
	text-decoration:none;
}

#footer a:hover{
		color:#666;
		text-decoration:underline;
}

#footerlogos{
	float:left;
	text-align:center;
	height:50px;
	width:765px;
	background-color:#FFF;
	padding: 0 10px 5px 10px;}

.boxes {
	width:162px;
	height:69px;
	float:left;
	padding:30px 10px 10px 10px;
	margin-right:5px;
	font-size:10px;
	display:block;
}

.boxes_end {
	width:162px;
	height:69px;
	float:left;
	padding:30px 10px 10px 10px;
	font-size:10px;
	display:block;
}

.box1 {
	background-image:url(images/box1.jpg);
	background-repeat:no-repeat;
}

.box2 {
	background-image:url(images/box2.jpg);
	background-repeat:no-repeat;
}

.box3 {
	background-image:url(images/box3.jpg);
	background-repeat:no-repeat;
}

.box4 {
	background-image:url(images/box4.jpg);
	background-repeat:no-repeat;
}



#banner_wwd {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 182px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner_wwd.jpg);
 background-repeat:no-repeat;
}

#banner_maint {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 182px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner_maint.jpg);
 background-repeat:no-repeat;
}
#banner_test {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 182px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner_test.jpg);
 background-repeat:no-repeat;
}

#banner_contact {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 182px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner_contact.jpg);
 background-repeat:no-repeat;
}

#banner_res {
 width: 705px;
 color: #333;
 padding: 0px 20px;
 height: 182px;	
 background-color:#CCC;
 margin: 4px 20px 0px 20px;
 background-image:url(images/banner_res.jpg);
 background-repeat:no-repeat;
}

/*.submenu {
	width:162px;
	height:69px;
	float:left;
	padding:10px 10px 10px 10px;
	margin-right:5px;
	font-size:10px;
	display:block;
}*/

#submenu {
	width: 162px;
	float:left;
	margin-top:24px;
	}
	
#submenu li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	}	
	
#submenu li a:link, #menu2 li a:visited {
	color: #3688BA;
	background:  url(images/menu2.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu li a:hover {
	color: #3688BA;
	background:  url(images/menu2.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}
	
.sub_content{
	width:562px;
	float:left;
	padding:10px;
	height:auto;
}

.title {
	width:100%;
	height:32px;
	border-bottom: solid 1px #CCC;
	margin-bottom:10px;
}
.title em{display:none;}

.title_commercial{
	background-image:url(images/title_commercial.gif);
	background-repeat:no-repeat;
}

.title_maint{
	background-image:url(images/title_maint.gif);
	background-repeat:no-repeat;
}

.title_test{
	background-image:url(images/title_test.gif);
	background-repeat:no-repeat;
}
.title_contactus{
	background-image:url(images/title_contactus.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}

.title_contactus a {display:block;}

.title_contactus2{
	background-image:url(images/title_contactus.gif);
	background-repeat:no-repeat;
}

.title_whatwedo{
	background-image:url(images/title_whatwedo.gif);
	background-repeat:no-repeat;
}

.title_residential{
	background-image:url(images/title_residential.gif);
	background-repeat:no-repeat;
}

.title_whatwedo_sub1{
	background-image:url(images/title1.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
.title_whatwedo_sub2{
	background-image:url(images/title2.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
.title_whatwedo_sub3{
	background-image:url(images/title3.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
.title_whatwedo_sub4{
	background-image:url(images/title4.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
.title_whatwedo_sub5{
	background-image:url(images/title5.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}

.title_maint_sub1{
	background-image:url(images/maint1.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}

.title_maint_sub2{
	background-image:url(images/maint2.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
#content_sub { 
 width: 745px;
 height: 660px;
 color: #333;
 margin: 16px 20px 0px 20px;
 background-color:#FFF;
}

#content_sub_maint { 
 width: 745px;
 height: 700px;
 color: #333;
 margin: 16px 20px 0px 20px;
 background-color:#FFF;
}

#content_sub_test { 
 width: 745px;
 height: 1050px;
 color: #333;
 margin: 16px 20px 0px 20px;
 background-color:#FFF;
}

#content_sub_res { 
 width: 745px;
 height: 460px;
 color: #333;
 margin: 16px 20px 0px 20px;
 background-color:#FFF;
}

#content_sub_con { 
 width: 745px;
 height: 550px;
 color: #333;
 margin: 16px 20px 0px 20px;
 background-color:#FFF;
}

/*form*/
#contact-form p{
	margin:0;
	padding:0 0 10px 0;
}
#cf_name, #cf_email, #cf_subject, #cf_message{
	background:#FFF;
	border:1px solid  #CCC;
	padding:7px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#cf_name, #cf_email, #cf_subject{
	width:80%;
	color:#000;
}
#cf_message{
	width:100%;
}
.button-bg{
	color:#FFF;
	border:0;
	background:#123359;
	padding:8px 10px;
}



/*common style*/
.clear{
	clear:both;
}
.highlight{
	font-weight:bold;
	color:#3ca0b3;
}

img{
	border:0;
}
.clear{
	clear:both;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignJustify{
	text-align:justify;
}
.alignCenter{
	text-align:center;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

.errorMsg, .infoMsg{
	float:left;
	padding:10px;
	width:95%;
	margin:0 0 20px 0;
}
.errorMsg h3{
	color:#C30;
}
.infoMsg h3{
	color:#123359;
}
.errorMsg ul{
	padding-left:14px;
}

.main_table td{
    padding: 10px;
    border:#FFF 1px solid;
}

.pushboxes li {
	/*margin-left:524px;*/
	padding:0px;
}

#banner_buttons {
	width:218px;
	margin-left:524px;
}

#banner_buttons img {margin:0;}

#welcome {
	width: 255px;
	margin: 0 10px 0 0;
	padding: 28px 10px 10px 0px ;
	float:left;
	background-image:url(images/title_welcomehp.gif);
	background-repeat:no-repeat;
	}
	
#testimonial {
	width: 255px;
	margin: 0 10px 0 0;
	padding: 28px 10px 10px 0px ;
	float:left;
	background-image:url(images/title_testhp.gif);
	background-repeat:no-repeat;
}

#contact {
	width: 185px;
	padding: 28px 10px 10px 0px ;
	float:left;
	background-image:url(images/title_contacthp.gif);
	background-repeat:no-repeat;
}

blockquote {
	background-color:#efefef;
	padding:10px;
	margin:10px 0;
}

cite {
	padding-top: 10px;
	font-weight:bold;
	line-height:24px;
	text-align:right;
}

.banner_RM{
	margin:8px 0 0 0;
}