/* Styles for mawilliamsdraincleaning.com */

html {
height: 100%;
margin: 0; }

body, html {
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#ecf1f4 url(../images/bg.gif) top left repeat-x
}

html, h1, h2, h3, h4, h5, h6, a, div, span, em, img, ul, font {
font-size: 100%;
text-decoration: none;
line-height: 1.25em;
font-weight: normal;
font-style: normal;
color: #333;
outline: none;
border: 0;
padding: 0;
margin: 0; }

ul li {
list-style-position: inside;
margin: 4px 0 0 0; }

.clear {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;}

/* STIE STYLES */

#container {
	margin: 0px auto 0px auto;
	width:760px;
	height: auto;
}
.line_01 {
	background:transparent url(../images/bg_dashed_line.en-us.gif) repeat-x scroll center top;
	padding:0.5em 0pt;
}

.copyright {
	color:#999;
	font-size:9px
}

.disc {
	color:#333;
	font-size:9px
}
h1 {
	font-size:18px; 
	color:#054c80; 
	font-weight:bold
}
h2 {
	font-size:14px; 
	color:#054c80; 
	font-weight:bold
}
h3 {
	font-size:14px; 
	color:#fe8400; 
	font-weight:bold
}

h4 {
font-size: 15px;
font-weight: bold;
color: #333;
border-bottom: 1px dotted #054c80;
padding: 0 0 6px;
margin: 0 0 20px 0; }

.lbl01 {
	font-weight:bold;
	color:#054c80;
	padding:10px 0px 2px 0px;
}

/* HEADER - SPLASH */

.header {
height: 110px;
padding: 10px 0 0 0; }

.header-left {
width: 450px;
float: left; }

.header-right {
float: left;
width: 310px;
text-align: center;
padding: 30px 0 0 0; }

.contractor-number {
height: 18px;
font-size: 12px;
text-align: right;
font-weight: bold;
color: #054c80;
line-height: 18px;
padding: 0 10px 0 0; }

.splash {
height: 200px;
background: #054c80;
border-top: 1px solid #000;
padding: 6px 0 0 0; }

.nav {
height: 26px;
background: #054c80;
border-bottom: 1px solid #01345a;
border-top: 1px solid #01345a;
text-align: center;
padding: 4px 0 0 0; }

/* CONTENT */

#content {
height: auto;
background: url(../images/bg.png) 0% 0% repeat-y white;
padding: 0;
margin: 0; }

/* LEFT COLUMN */
.left-column {
float: left;
width: 200px;
height: auto;
background: #f7f37e;
padding: 10px; }

/* RIGHT COLUMN */
.right-column {
float: left;
width: 500px;
height: auto;
background: #fff;
padding: 20px 20px 10px 20px; }

/* FLOAT BOX */
.float-box {
margin: 20px;
background: #eee;
text-align: center;
border: 1px solid #ccc;
padding: 10px; }

/* FOOTER */

.footer {
padding: 0 0 10px 0; }

.footer ul {
list-style: none;
margin: 10px 0; }

.footer ul li {
float: left;
border-right: 1px solid #ccc;
padding: 0 4px;
margin: 0 4px 0 0; }

.footer ul li a {
color: #666;
font-size: 11px; }

.footer ul li a:hover {
color: #054c80; }

.footer ul li.last {
border: none; }

/* STYLES */

.center {
text-align: center; }

.margin20 {
margin: 20px 0; }

.estimate {
float: right;
margin: -15px 0 0 0; }

.head-img {
margin: 0 0 20px 0; }

ul.services {
margin: 4px 0 20px 0; }

ul.services li {
list-style: disc inside;
margin: 0 0 4px 4px; }

/* MKFORM */
.mkform ol {
list-style: none; }