@charset "UTF-8";
/* CSS Document */

body {
background: #285207;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0 auto;
}

/*Reset Styles!*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

h1 {
font-size: 32px;
}

h2 {
font-size: 20px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}

h1, h2, h3, h4 {
margin: 0 0 15px 0;
}

/*Wrapper*/

#wrapper {
background: #b0c1a3;
margin: 10px auto 0 auto;
overflow: hidden;
padding: 0 46px;
width: 977px;
}

/*Header*/
#header {
float: left;
width: 977px;
}

#logo {
color: #000000;
float: left;
   padding: 15px 0 0 10px;
width: 500px;
}

#logo h1 {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0;
padding: 10px 0 0 0;
width: 350px;
}

#logo img {
float: left;
margin: 0 20px 0 0;
}

#logo p {
color: #FFFFFF;
float: left;
font-size: 16px;
}

#phone {
float: right;
padding: 30px 20px 0 0;
text-align: right;
}


#phone p {
font-size: 16px;
}

#phone span.white {
font-size: 20px;
}

#phone span.black {
font-size: 26px;
}

/*Banner*/
#banner {
float: left;
padding: 20px 0 0 0;
width: 977px;
}

/*TopNav*/
#topNav {
float: left;
padding: 10px 0;
width: 977px;
   text-align: center;
}

#topNav ul {
background: url(../images/mainNav_bg.jpg) center no-repeat;
color: #FFFFFF;
float: left;
font-family: Trebuchet Ms;
font-size: 14px;
padding: 15px 0;
width: 977px;
}

#topNav li {
border-right: #393939 1px solid;
display: inline;
   padding: 11px 17px;
}


#topNav li.last{
border-right: 0 none; 
}


#topNav li a:link, #topNav li  a:visited, #topNav li a:active {
color: #FFFFFF;
text-decoration: none;
}

#topNav li a:hover{
color: #FFFFFF;
text-decoration: underline;
}

/*Main*/

#main {
float: left;
width: 977px;
}

/*Content*/

#content {
background: url(../images/content_bg.jpg) repeat-y;
float: right;
overflow: hidden;
width: 732px;
}

#content img {
float: left;
margin: 0;
}

/*Text Area*/

#textArea {
background: url(../images/content_sep.jpg) bottom center no-repeat;
float: left;
margin: 0 0 20px 0;
padding: 10px;
padding-bottom: 30px;
width: 712px;
}

#textArea h1, #textArea h2, #textArea h3, #textArea h4, #textArea h5, #textArea h6 {
font-family: Trebuchet Ms;
float: left;
margin: 0;
padding: 0 0 20px 0;
width: 712px;
} 

#textArea p {
line-height: 18px;
padding: 0 0 20px 0;
}

#textArea p.text {font-style: italic; margin-bottom: 25px;}

#textArea p.text span {font-style: normal; font-weight: bold; float: right;}

#textArea a:active,
#textArea a:link,
#textArea a:visited {
text-decoration: none;
}

#textArea a:hover {
text-decoration: underline;
}

#textArea .float_right {float: right; margin: 0 0 10px 10xp;}

#textArea ul {margin: 10px 20px;}

#whyChooseUs {
color: #4a4a4a;
float: left;
padding: 0 80px 0 10px;
width: 210px;
}

#whyChooseUs h4 {
background: url(../images/WhyChooseUs_title.jpg) left top no-repeat;
margin:0;
padding: 0 0 10px 15px;
}

#whyChooseUs ul {
float: left;
line-height: 22px;
padding: 0 0 10px 0;
width: 210px;
}

#whyChooseUs li {
background: url(../images/bullets1.jpg) center left no-repeat;
list-style: none;
padding: 0 0 0 15px;
}

#services {
float: left;
width: 415px;
}

#services h4 {
background: url(../images/services_title.jpg) left top no-repeat;
margin:0;
padding: 0 0 10px 15px;
width: 405px;
}

#services ul {
float: left;
line-height: 22px;
padding: 0 0 10px 0;
width: 405px;
}

#services li {
background: url(../images/bullets2.jpg) center left no-repeat;
list-style: none;
padding: 0 0 0 15px;
color:#020202;
}
#services li a:link, #services li a:visited, #services li a:active {
color:#020202;
font-weight: bold;
}
 #services li a:hover
 {
 color:#818181;
 }
#callUs {
background: url(../images/callUsBox.jpg) center no-repeat;
clear: both;
color: #285207;
float: left;
font-size: 22px;
font-style: italic;
font-weight: bold;
margin: 20px 0;
padding: 22px 10px;
text-align: right;
width: 706px;
}

#callUs p {
padding: 0 40px 0 0;
}

#callUs p span.black {
color: #000000;
font-size: 34px;
}

/*Column Left*/

#columnLeft {
float: left;
width: 234px;
}

#contactForm {
background: url(../images/contactForm_bg.jpg) repeat-y;
color: #5a5a5a;
float: left;
margin: 0 0 10px 0;
width: 234px;
}

#contactForm p {
clear: both;
color: #c4c4c4;
padding: 5px 0 0 0;
}

.contact_title {
background: url(../images/contactForm_title.jpg) top;
color: #FFFFFF;
float: left;
padding: 8px 0 17px 40px;
width: 194px;
}

#contactForm form {
float: left;
padding: 0 15px 0 15px;
width: 204px;
}

.formField {
border: #baaf86 1px solid;
float: left;
margin: 0 0 8px 0;
width: 194px;
}

.Month {
border: #baaf86 1px solid;
float: left;
margin: 0 5px 8px 0;
width: 50px;
}

.Day {
border: #baaf86 1px solid;
float: left;
margin: 0 5px 8px 0;
width: 50px;
}

.Hour {
border: #baaf86 1px solid;
float: left;
margin: 0 0 8px 0;
width: 85px;
}

#Comment {
border: #baaf86 1px solid;
float: left;
margin: 0 0 8px 0;
width: 194px;
}

.formFieldBtn {
background: #516443;
border: #FFFFFF 1px solid;
color: #FFFFFF;
float: right;
margin: 15px 10px;
padding: 3px 10px;
}

#promo {
background: #030303 url(../images/promo_bg.jpg) top left no-repeat;
color: #FFFFFF;
float: left;
width: 233px;
}

#promo h3 {
float:left;
font-family: Trebuchet Ms;
font-weight: normal;
margin: 0 0 10px 0;
padding: 10px 0 20px 0;
text-align: center;
width: 233px;
}

#promo p {
clear: both;
color: #c4c4c4;
line-height: 18px;
padding: 0 20px 20px 20px;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
}

#columnLeft ul {
float: left;
}

#columnLeft img {
float: left;
}

#columnLeft li {
list-style: none;
}

#columnLeft a:active,
#columnLeft a:link,
#columnLeft a:visited {
text-decoration: none;
}

#columnLeft a:hover {
text-decoration: underline;
}

/*Footer*/

#footer {
color: #FFFFFF;
float: left;
line-height: 22px;
margin: 10px 0;
width: 977px;
}

#footer p {
padding: 0 0 0 5px;
}

#footer ul {
}

#footer li {
border-right: #FFFFFF 1px solid;
display: inline;
font-weight: bold;
list-style: none;
}

#footer a:active,
#footer a:link,
#footer a:visited {
color: #FFFFFF;
padding: 1px 6px;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#footer li.last {
border: none;
}

#yodle {
float: right;
}

/*Important Classes*/

.white {
color: #FFFFFF;
}

.black {
color: #000000;
}
