/* Main Style Sheet - Kildress Plumbing */

{
margin: 0;
padding: 0;
}

body
{
background: #fff;
font-family: Arial, Helvetica, San-serif;
font-size: 12px;
color: #000;
line-height: 1;
}

#container
{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

#header
{
width: 800px;
height: 120px;
margin: 0px;
}

#logo
{
float: left;
width: 180px;
height: 120px;
margin: 0px;
}

#mainpromotion
{
width: 800px;
height: 400px;
}

#contactimage
{
width: 800px;
height: 400px;
background:url(../images/map.gif)
}

.mainbody
{
width: 800px;
}

.subbody
{
width: 800px;
}

#mainbodypic
{
float: left;
width: 100px;
padding-left: 10px;
}

.mainbodytext
{
float: left;
width: 150px;
padding-left: 0px;
}

#mainbodycontainer01
{
float: left;
margin-top: 20px;
width: 260px;
}

#mainbodycontainer02
{
float: left;
margin-top: 20px;
width: 260px;
}

#mainbodycontainer03
{
float: right;
margin-top: 20px;
width: 260px;
}

#mainbodyspacer
{
float:left;
margin-top: 20px;
width: 10px;
}

.contacttextbox
{
float: left;
margin-top: 10px;
width: 260px;
}

.contactnumber
{
float: right;
width: 620px;
height: 90px;
margin: 0px;
}

.detailedtitle
{
float: left;
width: 440px;
}

.detailedlogo
{
float: right;
width: 350px;
}

#detailedpic
{
float: left;
margin: 20px 0px 0px 10px;
width: 240px;
height: 240px;
}

.detailedtext
{
float: right;
margin-top: 20px;
width: 525px;
}

#subboxes
{
width: 800px;
height: 120px;
margin: 0px;
padding: 0px;
}

#subboxcontainer01
{
float: left;
margin-top: 20px;
width: 260px;
height: 120px;
}

#subboxcontainer02
{
float: left;
margin-top: 20px;
width: 260px;
height: 120px;
}

#subboxcontainer03
{
float: right;
margin-top: 20px;
width: 260px;
height: 120px;
}

#subboxspacer
{
float:left;
margin-top: 20px;
width: 10px;
height: 120px;
}

#subboxpic
{
float: left;
width: 100px;
}

.subboxtext
{
float: left;
width: 150px;
padding-left: 10px;
}

.promotiontextbox
{
float: right;
margin-top: 150px;
width: 260px;
background: #000;
opacity: 0.8;filter:alpha(opacity=80);
}

.footer
{
width: 800px;
height: 130px;
background: #000;
margin: 20px 0px 0px 0px;
}

#footercontainer01
{
float: left;
margin-top: 20px;
width: 260px;
height: 100px;
}

#footercontainer02
{
float: left;
margin-top: 20px;
width: 260px;
height: 100px;
}

#footercontainer03
{
float: right;
margin-top: 20px;
width: 260px;
height: 100px;
}

#footerspacer
{
float:left;
margin-top: 20px;
width: 10px;
height: 100px;
}

.footertext
{
float: left;
width: 250px;
padding-left: 10px;
}

#clear
{
clear: both;
}


/* Typeography */

h1
{
font-size: 45px;
line-height: .8;
color: #000;
}

h2
{
font-size: 24px;
line-height: 1;
color: #000;
}

h3
{
font-size: 12px;
line-height: 1;
color: #000;
font-weight: 400;
}


.mainbody h1
{
font-size: 45px;
line-height: .8;
color: #000;
margin: 10px 0px 5px 10px;
}

.mainbody h2
{
font-size: 24px;
line-height: 1;
color: #000;
margin: 10px 0px 5px 10px;
}

.mainbody h3
{
font-size: 12px;
line-height: 1;
color: #000;
font-weight: 400;
margin: 10px 0px 5px 10px;
}

.contactnumber h1
{
font-size: 25px;
line-height: 1;
text-align: right;
color: #000;
}

.contactnumber h1 strong
{
font-size: 35px;
line-height: 1;
text-align: right;
color: #006DAE;
}

.subboxtext h1
{
font-size: 24px;
line-height: 0.8;
text-align: left;
color: #000;
margin-top: 0px;
margin-bottom: 5px;
}

.subboxtext h2
{
font-size: 18px;
line-height: 1;
text-align: left;
color: #000;
margin-top: 0px;
margin-bottom: 5px;
}

.subboxtext h3
{
font-size: 12px;
line-height: 1;
text-align: left;
color: #006DAE;
margin-top: 0px;
margin-bottom: 5px;
}

.mainbodytext h1
{
font-size: 24px;
line-height: 0.8;
text-align: left;
color: #000;
margin-top: 0px;
margin-bottom: 5px;
}

.mainbodytext h2
{
font-size: 18px;
line-height: 1;
text-align: left;
color: #000;
margin-top: 0px;
margin-bottom: 5px;
}

.mainbodytext h3
{
font-size: 12px;
line-height: 1;
text-align: left;
color: #006DAE;
margin-top: 0px;
margin-bottom: 5px;
}

.promotiontextbox h1
{
font-size: 45px;
line-height: 1;
text-align: left;
color: #fff;
text-transform: uppercase;
margin: 10px 0px 5px 10px;
}

.promotiontextbox h2
{
font-size: 24px;
line-height: 1;
text-align: left;
color: #fff;
text-transform: uppercase;
margin: 10px 0px 5px 10px;
}

.promotiontextbox h3
{
font-size: 16px;
line-height: 1;
text-align: left;
color: #006DAE;
text-transform: uppercase;
margin: 10px 0px 10px 10px;
}

.contacttextbox h1
{
font-size: 16px;
line-height: 0.5;
text-align: left;
font-weight:300;
color: #fff;
margin: 10px 0px 5px 10px;
}

.contacttextbox h2
{
font-size: 14px;
line-height: 0.5;
text-align: left;
font-weight:300;
color: #fff;
margin: 10px 0px 5px 10px;
}

.contacttextbox p
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
margin: 10px 0px 5px 10px;
}

.footertext p
{
font-size: 12px;
line-height: 1;
text-align: left;
color: #fff;
margin-top: 0px;
margin-bottom: 5px;
}

/* Navigation */

.nav
{
float: right;
width: 620px;
margin-right: 0px;
margin-top: 0px;
}

.nav ul
{
margin: 0;
text-align: right;
}

.nav li
{
display: inline;
}



/* Links */

h1 a:link, a:visited, a:active
{
text-decoration: none;
color: #000;
}

h1 a:hover
{
text-decoration: none;
color: #006DAE;
}

h2 a:link, a:visited, a:active
{
text-decoration: none;
color: #000;
}

h2 a:hover
{
text-decoration: none;
color: #006DAE;
}

.selected
{
font-size: 12px;
line-height: 1;
color: #000;
text-decoration: none;
font-weight:700;
padding: 5px;
}


.mainbody h1 a:link, .mainbody h1 a:visited, .mainbody h1 a:active
{
text-decoration: none;
color: #000;
font-size: 24px;
line-height: 0.8;
}

.mainbodytext h1 a:hover
{
text-decoration: none;
color: #006DAE;
font-size: 24px;
line-height: 0.8;
}


.mainbody h3 a:link, .mainbody h3 a:visited, .mainbody h3 a:active
{
font-size: 16px;
text-decoration: none;
color: #006DAE;
}

.mainbody h3 a:hover
{
font-size: 16px;
text-decoration: none;
color: #ccc;
}

.nav li a:link
{
font-size: 12px;
line-height: 1;
color: #006DAE;
text-decoration: none;
font-weight:700;
padding: 5px;
}

.nav li a:visited
{
font-size: 12px;
line-height: 1;
color: #006DAE;
text-decoration: none;
font-weight:700;
padding: 5px;
}

.nav li a:active
{
font-size: 12px;
line-height: 1;
color: #006DAE;
text-decoration: none;
font-weight:700;
padding: 5px;
}

.nav li a:hover
{
font-size: 12px;
line-height: 1;
color: #999;
text-decoration: none;
font-weight:700;
padding: 5px;
}

.contacttextbox a:link
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.contacttextbox a:visited
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.contacttextbox a:active
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.contacttextbox a:hover
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #006DAE;
}

.footertext a:link
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.footertext a:visited
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.footertext a:active
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #fff;
}

.footertext a:hover
{
font-size: 12px;
line-height: .5;
text-align: left;
font-weight:300;
color: #006DAE;
}