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

body {
background: #000;
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: 30px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

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

/*Wrapper*/

#wrapper {
margin: 0 auto;
width: 100%;
}

/*Header*/
#header {
color: #FFFFFF;
margin:0 auto;
padding: 20px 10px 0px 10px;
width: 920px;
}

#logo {
color: #8abe1b;
float: left;
font-size: 15px;
width: 440px;
}

#logo h1 {
color: #FFFFFF;
font-size: 24px;
padding: 0 0 5px 0;
}

#logo img {
float: left;
}

#phone {
background: #8abe1b url(../images/phone_bg.jpg) bottom no-repeat;
float: right;
font-size: 20px;
padding: 0 0 10px 0;
text-align: center;
width: 340px;
}

#phone p {
clear: both;
}

#phone img {
float: right;
margin: 0;
}

#phone span {
font-size: 24px;
}

/*TopNav*/
#topNav-wrapper {
clear: both;
float: left;
width: 100%;
margin: 20px 0 0 0;
background:#004f91 url(../images/nav-bg.jpg) repeat-x left top;
}

#topNav {
font-size: 16px;
margin: 0 auto;
width: 920px;
}

#topNav ul {
padding: 9px 0;
}

#topNav li {
border-right: #FFFFFF 1px solid;
display: inline;
padding: 0 20px;
line-height:20px;
}

#topNav li.last {
border: 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-container{
clear:both;
overflow:hidden;
margin:0 auto;
width:100%;
background:#fff;
}

#main {
padding: 20px 0 20px 0;
width: 940px;
margin:0 auto;
}

/*Banner*/
#banner {
float: left;
width: 940px;
}

#bannerImg {
float: left;
padding: 0 10px 20px 0;
width: 690px;
}

#rightpannel {
width:230px;
float:right;
}

#services {
background: #8abe1b url(../images/services_bg.jpg) bottom no-repeat;
float: left;
width: 230px;
}

#services ul {
float: left;
font-size: 12px;
line-height: 30px;
padding: 30px 5px 50px 5px;
text-align: center;
text-transform: uppercase;
width: 210px;
}

#services li {
background: url(../images/services_sep.jpg) bottom center no-repeat;
list-style: none;
}

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

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

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

/*Content*/

#content {
background: url(../images/content_bg.jpg) repeat-y;
color: #555555;
float: left;
line-height: 18px;
width: 700px;
margin:0 0 20px 0;
}

#content h1, #content h2, #content h3 {
color: #8abe1b;
}

#content h4, #content h5, #content h6 {
color: #555555;
padding: 0;
}

#content p {
padding: 0 0 15px 0;
line-height:20px;
}

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

#content ul {
line-height: 30px;
padding: 0 30px 0 0;
}

#content li {
background: url(../images/bullets.jpg) center left no-repeat;
list-style: none;
padding: 0 0 0 30px;
}

#content a:active,
#content a:link,
#content a:visited {
color: #555555;
text-decoration: none;
}

#content a:hover {
color: #555555;
text-decoration: underline;
}

/*Text Area*/

#textArea {
background: url(../images/textArea_sep.jpg) bottom center no-repeat;
float: left;
padding: 20px 20px 10px 10px;
width: 670px;
}

#textArea img {
float: right;
padding: 3px 0 3px 10px;
}

#whyChooseUs {
float: left;
padding: 20px 20px 10px 10px;
width: 670px;
}

#callUs {
color: #FFFFFF;
float: left;
font-size: 24px;
padding: 20px 15px 10px 15px;
width: 670px;
}

#callUs div {
background: #8abe1b url(../images/callUs_bg.jpg) bottom no-repeat;
float: left;
padding: 20px 0 20px 30px;
width: 640px;
}

#callUs span {
font-size: 30px;
}

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

/*Column Right*/

#columnRight {
float: left;
padding: 10px 0 0 10px;
width: 230px;
margin:0 0 20px 0;
}

#contactForm {
color: #555555;
float: left;
overflow: hidden;
padding:20px 10px 20px 10px;
width: 210px;
}

#contactForm h3 {
color: #555555;
float: left;
text-transform: uppercase;
width: 210px;
}

#contactForm form {
float: left;
width: 210px;
}

#contactForm label {
float: left;
padding: 5px 0;
width: 210px;
}

.formField {
clear: both;
float: left;
width: 210px;
}

#Comment {
clear: both;
float: left;
margin: 0 0 10px 0;
width: 210px;
}

.formFieldBtn {
background: url(../images/submit_bg.jpg) center no-repeat;
border: none;
color: #FFFFFF;
float: right;
font-size: 14px;
padding: 6px 0;
width: 92px;
}

#promo {
background: #8abe1b url(../images/promo_bg.jpg) bottom no-repeat;
color: #FFFFFF;
float: left;
font-size: 16px;
padding: 0 0 165px 0;
margin:10px 0 10px 0;
text-align: center;
width: 230px;
}

#promo h3 {
clear: both;
font-size: 30px;
padding: 10px 0 5px 0;
}

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

/*Footer*/

#footerContainer {
background: #000000 url(../images/footer_bg.jpg) top repeat-x;
clear: both;
float: left;
width: 100%;
}

#footer {
color: #FFFFFF;
line-height: 20px;
margin: 0 auto;
padding: 25px 0 20px 0;
width: 940px;
}

#footer p {
padding: 0 0 0 10px;
}

#footer ul {
}

#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;
}

#yodle {
float: right;
}

/*Important Classes*/
.text {font-style: italic; margin-bottom: 25px;}
.text span {font-style: normal; font-weight: bold; float: right; margin-top: 5px;}