@charset "utf-8";
/* CSS Document */


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background:#336699 url('../images/background.png') no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#000000;
	text-align:left;
}

em{
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color:#222222;
	text-align:center;
}

h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
color:#006098;
text-align:left;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	color:#cc3300;
	text-align:center;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-align:center;
	font-style: normal;
}

#maincontainer{
width: 1060px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: url('../images/main-background.png') repeat-y;
}

#topsection{
background: url('../images/tom-dinardo-plumbing-header-tv.png')  no-repeat center top;
height: 175px; /*Height of top section*/
}

#topsection2{
background: url('../images/sub-head-background.png')  no-repeat center top;
height: 48px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn-home{
margin: 0 230px 0 62px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1060px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 163px; /*Width of right column*/
margin-left: -215px; /*Set left margin to -(RightColumnWidth)*/
background: none repeat scroll 0 0 #F0F0F0;
text-align:center;
}

#bottom{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 0px;
}

#bottom-fade{
width: 1060px; /*Width of main container*/
height: 9px;
margin: 0 auto; /*Center container on page*/
}

#footer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#footer a{
color: #ffffff;
font-weight:bold;
text-decoration:none;
}

#footer a:hover{
color:#cccccc;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube-content{
margin: 10px 10px 10px 0px; /*Margins for inner DIV inside each column (to provide padding)*/
float:right;
width:525px;
}

.home-insert{
	margin: 32px 0 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	width:200px;
	float:right;
	font-size:12px;
	line-height: 20px;
}

.content-insert{
margin: 20px 0 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
width:200px;
float:left;
font-size:12px;
line-height: 20px;
}

.home-footer{
margin: 20px 0 20px 40px;
float:left;
font-size:11px;
line-height: 20px;
color:#ffffff;
}

.social-media{
margin: 40px 0 20px 0;
float:right;
font-size:11px;
line-height: 20px;
color:#ffffff;
width:280px;
}

.social-media-content{
margin: 14px 0 20px 0;
float:right;
font-size:11px;
line-height: 20px;
color:#ffffff;
width:280px;
}

.top_menu{
margin-bottom: 0; 
margin-left: 0; 
margin-top: 0px; 
padding: 6px 0px 0px 90px;
}

.top_menu li{
float:left; 
color:#ffffff; 
margin-right: 10px;
list-style:none; 
background-color: transparent;
border-right: 1px solid #eeeeee;
}

.top_menu li a{
display:block; 
margin-right: 10px;
text-decoration:none; 
color:#666666; 
font-family: arial, sans-serif; 
font-size: 11px;
font-weight:bold;
padding: 6px 4px;
}

.top_menu li a:hover{
background-color: #336699;
color:#ffffff;
}
.specials {
	background-color: #FAD08C;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-style: dashed;
	text-align: center;
	}
#maincontainer #contentwrapper #contentcolumn-home .innertube-content table tr td .specials tr td h1 strong {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}
#maincontainer #contentwrapper #contentcolumn-home .innertube-content table tr td ul li {
	line-height: 12px;
}
.bullethead {
	line-height: 12px;
}