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

body {
	width:860px;
	margin:0 auto;
	margin-top:10px;
	background-color:#FFF;
	background-image: url(images/bg-tile2.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
	font-size: 10pt;
}



/* FAUX LAYOUT WRAPPER */

/* This div is optional: keeps navigation bar and content block the same size when one of them has a larger height then the other. */


#wrapper{
	width:860px;
	margin-top:10px;
}

#container {
	position: relative;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}


/* ----- HEADER ----- */


#header {
	background:url(images/header-dragon-plumbing4.jpg);
	height: 185px;
	width: 860px;
	margin: 0;
	padding: 0;
}



/* ----- NAVIGATION ----- */


#nav-pos {
	width:208px; /* for modern browsers */
	height:500px !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	float:left;
	position: absolute;
}


#navmenu {
	position: absolute;
	left: -20px;
	top: 2px;
	border: 0px;
}
#navmenu ul {list-style:none;}
#navmenu li {display:block;}
#navmenu a.topmenu {float: left;height: 38px;}
#navmenu a.topmenu span {display: none;}
#navmenu1 a.topmenu{ width: 202px; background:url(images/nav.jpg) no-repeat;}
#navmenu2 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -38px no-repeat;}
#navmenu3 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -76px no-repeat;}
#navmenu4 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -114px no-repeat;}
#navmenu5 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -152px no-repeat;}
#navmenu6 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -190px no-repeat;}
#navmenu7 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -228px no-repeat;}
#navmenu8 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -266px no-repeat;}
#navmenu9 a.topmenu{ width: 202px; background: url(images/nav.jpg) 0px -304px no-repeat;}

#navmenu1 a.topmenu:hover,#navmenu1 a.active { background-position:-202px 0px; }
#navmenu2 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -38px; }
#navmenu3 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -76px; }
#navmenu4 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -114px; }
#navmenu5 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -152px; }
#navmenu6 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -190px; }
#navmenu7 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -228px; }
#navmenu8 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -266px; }
#navmenu9 a.topmenu:hover,#navmenu1 a.active { background-position:-202px -304px; }




/* ----- MAIN CONTENT ----- */


#content {
	width:600px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	margin:0px 0px 0px 240px;
	padding-top: 10px;
}

.box {
	width: 588px;
	height: auto;
	padding: 12px;
}

.column {
	width: 160px;
	margin: 12px;
	float: left;
	text-align: center;
	min-height: 400px;
}

.floatpic {
	float: left;
	margin-top: 12px;
	border: 0px;
}

.clearfix:after {   
	content: ".";   
	visibility: hidden;  
	display: block;   
	height: 0;   
	clear: both;
}

p {
	margin: 6px 30px 10px 8px;
}


h1,h2,h3,h4,h5,h6 {
	font-weight: bold; margin-bottom: 2px;
}
h1 {
	font-size: 22px;
	color: #E51D1F;
	margin: 12px 20px 2px 2px;
	padding: 0;
}
h2 {
	font-size: 16px;
	color:#696969;
	margin-bottom: 8px;
}
h3 {
	font-size: 14px;
	color: #91b642;
	margin-left: 8px;
}

a:link {
	color: #CD0000;
	text-decoration: none;
	font-weight: bold;
	
}
a:visited {
	text-decoration: none;
	color:#7C1416;
}
a:hover {
	text-decoration: underline;
	color:#59B614;
}
a:active {
	text-decoration: none;
	color: #5CC302;
}

.spacer {clear: both}

hr {width: 560px; margin: 20px 0; text-align:left}
	



/* ----------- forms ----------- */
.myform {
	width: 450px;
	position: relative;
	float: left;
	clear:right;
	padding: 12px 8px 2px 8px;
	margin: 12px 8px 2px 8px;
}

#stylized{
border:solid 1px #CCC;
background:#FFF;
}

#stylized fieldset{
border:solid 1px #fff;
margin: 8px;
clear: both;
}

#stylized label{
font-weight:bold;
text-align:left;
float: left;
clear: both;
margin-right: 280px;
}

#stylized select{
float: left;
margin-left: 6px;
}

#stylized input{
	font-size:12px;
	padding:4px 2px;
	margin:6px 10px;
	float: left;
	display: inline;
}

#stylized textarea{float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 8px;
clear: both;
}

.inputfield { width: 340px; margin-left: 180; clear: both}

.radio {
display: inline!important;
font-size:12px;
padding:4px 2px;
border:solid 1px #FFFFFF;
width:12px;
margin: 2px 10px;
list-style:none;
}



#stylized button{
margin-left:10px;
width:150px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


#stylized description {width:450px; margin: 8px; clear: both}



/* ----- FOOTER ----- */



#footer { 
margin-top:10px;
width:860px;
height:24px;
color: #FFF;
text-align: center;
letter-spacing: .1em;
font-size: 12px;
font-weight: bold;
}
.service-list {
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.5em;
	color: #333;
}