/* CSS Document */
body	{
width:100%;
height:100%;
margin:0;
padding:15px 0;
background-color:#E3E8ED;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
font-size:11px;
}
div	{
margin:0;
padding:0;
}
p	{
margin:0 0 10px 0;
line-height:1.5em;
clear:left;
}
img	{
margin:0;
padding:0;
}
h1	{
color:#007DC4;
font-size:16px;
margin:0 0 10px 0;
}
h2	{
color:#666666;
font-size:14px;
margin:0 0 10px 0;
}
h3	{
color:#666666;
font-size:12px;
margin:0 0 10px 0;
}
a	{
text-decoration:none;
color:#007DC4;
}
a:hover	{
text-decoration:underline;
color:#007DC4;
}
/*structure*/
#container	{
width:762px;
text-align:left;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
border:1px solid #333333;
}
/*banner includes the masthead and top nav*/
#banner	{
width:100%;
height:320px;
position:relative;
}
/*logo includes the logo and position statement*/
#logo	{
width:100%;
height:120px;
}
/*the blue banner without the 2 plumbers*/
#banner_pic1	{
width:100%;
height:94px;
background-color:#008ACE;
}
/*the phone number on top*/
#phone	{
color:#1D6FAB;
margin:0;
font-size:16px;
font-weight:bold;
padding:0;
}
/*general content*/
#content	{
padding:0 20px ;
margin:0 0 30px 0;
}
/*left content*/
#left_c	{
width:500px;
float:left;
}
/*right content*/
#right_c	{
float:left;
padding:0 0 0 20px;
}
/*blue box on home page that list services*/
#box	{
background-image:url(images/box.jpg);
background-repeat:no-repeat;
width:200px;
height:270px;
}
#box img	{
margin:10px 0 0 20px;
}
#box ul	{
color:#FFFFFF;
clear:both;
margin:0 0 0 30px;
padding:70px 0 0 0;
}
#box ul li	{
font-weight:bold;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
margin:5px 0 0 0;
padding:0;
}
#footer	{
clear:both;
width:100%;
height:28px;
background-color:#007DC4;
margin:0;
color:#FFFFFF;
padding:0;
}
/*end stucture*/

/*navigation*/
#top_nav ul	{
margin:5px 0 0 10px;
padding:0;
width:645px;
}

#top_nav ul li	{
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#top_nav ul li a	{
text-decoration:none;
color:#333333;
font-weight:bold;
display:block;
font-size:13px;
padding:0 3px;
margin:0;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
border-right:1px solid #333333;
}
#top_nav ul li a.last	{
border:none;
}
#top_nav ul li a:hover, #top_nav ul li a:active	{
text-decoration:underline;
color:#007DC4;
}
#top_nav ul li a.uberlink{
text-decoration:underline !important;
color:#007DC4 !important;
}
/*custom class*/
/*banner*/
/*the picture of plumbers*/
.plumber	{
position:absolute;
right:0;
top:19px;
}
/*logo*/
.stuart	{
margin:20px 0 0 20px;
}
/*position statement*/
.statement	{
margin-left:140px;
}
/*end of banner*/

/*right footer*/
.right_f	{
float:right;
margin:8px 15px 0 0 ;
}
.right_f a	{
color:#FFFFFF;
text-decoration:none;
}
.right_f a:visited	{
color:#FFFFFF;
text-decoration:none;
}

.right_f a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/*left footer*/
.left_f	{
float:left;
margin:8px 0 0 15px;
}
.left_f a	{
color:#FFFFFF;
text-decoration:none;
}
.left_f a:visited	{
color:#FFFFFF;
text-decoration:none;
}

.left_f a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/*clearing floats*/
.clear	{
clear:both;
width:100%;
}
/*for faq Q and A*/
.faq	{
font-size:14px;
color:#007DC4;
font-weight:bold;
}
/*for home page list*/
ul.main_list	{
margin:0 0 15px 15px;
padding:0;
}
ul.main_list li	{
line-height:1.5em;
margin:0;
padding:0;
}
/*for all the photos in the middle of the main 
content, ie on the right of left area*/
.pic	{
float:right;
margin:0 0 10px 10px;
clear:right;
}
/*home page logo of Master Plumbers & Mechanical Contractors Association*/
.small_logo	{
margin-right:10px;
float:left;
}
.blue	{
color:#007DC4;
}
#content .clear p {
	font-size: 10px;
	color: #007DC4;
	background-color: #F7F7F7;
	padding: 5px;
}
.plogo {
	height:81px;
	width:227px;
	border:1px solid #ccc;
	padding:3px;
}