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

body {
background: #FFFFFF url(../images/body_bg.jpg) bottom repeat-x;
font:normal 12px Arial, Helvetica, sans-serif;
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: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1, h2, h3, h4 {
padding: 0 0 5px 0;
}

a:link, a:active, a:visited
{
color:#6BA9C9;
text-decoration: underline;
}

a:hover
{
color:#6BA9C9;
text-decoration:none;
}

/*Wrapper*/

#wrapper {
border-top: #497891 5px solid;
margin: 0 auto;
overflow: hidden;
width: 940px;
}

/*Header*/
#header {
padding:30px 0 0 0;
width: 940px;
}

#header h1 {
color: #497891;
font:normal 22px Arial, Helvetica, sans-serif;
padding: 0 0 0 20px;
}

#header h1 span {
font:normal 36px Arial Black;
line-height: 30px;
text-transform: uppercase;
}

#header p  {
color: #857866;
font:normal 14px Arial, Helvetica, sans-serif;
padding: 0 20px 0 0;
}

#header p span {
color: #ceb89b;
font:normal 30px Arial Black;
}

/*TopNav*/
.topNav {
float: left;
padding:20px 0 0 0;
width: 940px;
}

.topNav ul {
background:#bddfef url(../images/navright.jpg) no-repeat right top; 
float:left;
font:normal 15px Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding:0 9px 0 0;
margin:0;
height: 40px;
}

.topNav li {
float: left;
padding:0;
display:inline;
background:url(../images/libg.jpg) repeat-x left top; 
}

.topNav li a:link, .topNav li  a:visited, .topNav li a:active {
color:#47758d;
float:left;
display: inline;
padding:15px 15px 5px 15px;
text-decoration: none;
}

.topNav li a:hover{
text-decoration: underline;
}

.topNav li.on {
color: #FFFFFF;
float: left;
background:url(../images/activeleft.jpg) repeat-x left top;
padding:0 0px 13px 25px;
text-decoration: none;
}

.topNav li.on a {
color: #FFFFFF;
float:left;
background:url(../images/activeright.jpg) no-repeat right top;
text-decoration: none;
padding:10px 23px 3px 0;

}

/*Banner*/
#header .banner {
background: url(../images/ban-new.jpg) top center no-repeat;
color: #FFFFFF;
float: left;
font-size: 16px;
padding: 60px 0px 0px 40px;
width: 900px;
height: 240px;
}

#header .banner h1 {
color: #c3fff2;
font-size: 45px;
padding: 0 0 5px 0;
}

#header .banner p {
float:left;
color:#fff;
font:normal 18px Arial, Helvetica, sans-serif;
padding:0 0 5px 0;
}

.banner span {
font-size: 24px;
}

/*Main*/

#main {
float: left;
width: 940px;
}

/*Content*/

.content {
float: left;
padding: 30px 0 0 10px;
width: 640px;
}

.content h2 {
border-bottom: #497891 1px solid;
font-family: Arial Black;
color: #5b6265;
margin: 0 0 20px 0;
text-transform: uppercase;
}

.content h3, .content h4, .content h5, .content h6 {
color: #958570;
}

.content ul {
color: #6ba9c9;
line-height: 26px;
padding: 0 0 15px 0;
}

.content li {
list-style: inside square;
}

/*Text Area*/

.textArea {
border-bottom: #497891 1px solid;
color: #666666;
line-height: 18px;
padding: 0 0 30px 0;
margin-bottom: 20px;
}


.textArea p {
padding: 0 0 18px 0;
}

.textArea a:active,
.textArea a:link,
.textArea a:visited {
text-decoration: none;
}

.textArea a:hover {
text-decoration: underline;
}

.whyChooseUs {
border-right: #d3d3d3 1px solid;
margin: 30px 0 0 0;
padding-right: 10px;
}

.callUs {
padding: 30px 0 20px 15px;
}

.callAction {
background: #497891;
color: #FFFFFF;
font-size: 18px;
padding: 8px 0;
text-align: center;
}

.callAction span {
font-size: 20px;
}

/*Column Right*/

#columnRight {
float: right;
padding: 20px 0 0 30px;
width: 257px;
}

.heading {
background: #4a7994 url(../images/services_title_bg.jpg) top center no-repeat;
padding: 10px 0 0 15px;
text-transform: uppercase;
width: 242px;
margin: 10px 0 0 0 ;
color: #fff;
}

.hours {
background: #4a7890 url(../images/services_bg.jpg) bottom center no-repeat;
color: #FFFFFF;
margin: 0;
text-transform: uppercase;
width: 247px;
padding: 10px;
}

.hours td {
padding: 3px;}


.services {
background: #4a7890 url(../images/services_bg.jpg) bottom center no-repeat;
color: #FFFFFF;
margin: 0;
text-transform: uppercase;
width: 257px;
}


.services ul {
color: #FFFFFF;
line-height: 38px;
padding: 10px 0 10px 20px;
width: 225px;
}

.services li {
list-style: none;
}

.services li a:active,
.services li a:link,
.services li a:visited {
color: #FFFFFF;
text-decoration: none;
}

.services li a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.contactForm h3 {
color: #2f485c;
font-family: Arial Black;
text-transform: uppercase;
padding: 10px 10px 5px 20px;
}

.contactForm form {
padding: 0px 15px;
width: 220px;
margin: 0px;
}

.contactForm label{
color:#497891;
clear: both;
margin: 2px 0;
padding: 0;
width: 200px;
}

.contactForm input{
color:#497891;
clear: both;
margin: 2px 0;
padding: 0;
width: 217px;
border: #4a7994 1px solid;
}

.contactForm textarea{
color:#497891;
border: #4a7994 1px solid;
margin: 2px 0;
padding: 0;
height:50px;
clear: both;
width: 217px;
}

.contactForm input.formFieldBtn {
border: none;
color: #FFFFFF;
margin: 5px 0 5px 0;
width: 94px;
height: 35px;

}


/*Footer*/

#footer {
background: #666666 url(../images/footer_top.jpg) no-repeat top;
color: #FFFFFF;
float: left;
line-height: 20px;
margin: 10px 0;
text-align: center;
width: 940px;
padding-top: 10px;
}

#footer p {
}

#footer img {
float: left;
margin: 0;
}

#footer ul {
clear: both;
font:normal 14px Arial, Helvetica, sans-serif;
padding: 0 0 5px 0;
}

#footer li {
border-right: #ffffff 1px solid;
display: inline;
list-style: none;
padding: 0 10px;
}

#footer li.last {
border: none;
}

#footer a:active,
#footer a:link,
#footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/*Important Classes*/

.blue {
color: #497891;
}

.text {font-style: italic; margin-bottom: 25px;}
.text span {font-style: normal; font-weight: bold; float: right; margin-top: 20px;}

/* form validation error */
.yodlecms_formErrorDiv { margin:5px 0; font-size:12px; color:red;}    
.yodlecms_formError {border:1px solid red!important;}


/* business hours */
.hours {padding: 5px;}
.hours table {font-size: 11px; border: 1px solid #ccc; font-weight: bold; margin:0 auto;}
.hours table td {padding: 3px 10px;}

.service-detail img {padding:6px;}