body {background: #7e0713 url('../img/background-gradient.gif') repeat-x; font: 12px Arial, sans-serif; line-height: 133%; text-align: center; letter-spacing: .03em}
a {color: #435b79}
strong {font-weight: bold}
em {font-style: italic}

#content-wrapper {background: #fff; width: 850px; margin: 0 auto; padding: 28px; border: solid #5c0003; border-width: 0 1px 2px 1px; } /*actual width including padding is 926px*/

#header {width: 850px; clear: both}
#header #logo {float: left; margin: 0 0 0 5px; clear: both;}

#utility-nav {clear: both; text-align: right; float: right; margin-bottom: -3px}
#utility-nav ul {float: right; background: #f1f1f2 url('../img/utility-nav-background.gif') no-repeat; height: 22px; margin: 0 3px 0 0; padding: 0 0 0 30px;}
#utility-nav li { float: left; font: 11px ; font-weight: bold ;padding: 4px 10px 0 3px }
#utility-nav li a {color: #6d6e71; text-decoration: none}
#utility-nav li a:hover {color: #2D2D2D;}
#utility-nav li a.current {color: #4a6f8b}

#main-nav {clear: both; background:url('../img/main-nav-shadow.gif') center top no-repeat; padding: 3px; }
#main-nav ul{background: #8d0e1a url('../img/main-nav-background.gif') repeat-x;height: 26px; width: 842px; clear: both; border: solid 1px #fff}
#main-nav li {float: left;  font: 11px Arial Black, Arial, sans-serif; text-transform: uppercase; margin: 0px 2px 0 0;}
#main-nav li a{color: #fff; text-decoration: none; padding: 5px 13px 6px 8px; background: url('../img/main-nav-background-primary.gif') top right no-repeat; display: block;}
#main-nav li a:hover, #main-nav li a.current {background: url('../img/main-nav-background-primary-over.gif') top right no-repeat;}
#main-nav li.last-child a{background: url('../img/main-nav-background-primary.gif') top left no-repeat;}
#main-nav li.last-child a:hover, #main-nav li.last-child a.current  {background: url('../img/main-nav-background-last-child-hover.gif') top right repeat-x; padding-right: 30px}


#main-nav ul ul {height: 13px; width: inherit; display: block; position: absolute; top: 136px; background: none; border: none; z-index: 999999; padding-top: 2px; margin-top: -2px; }
#main-nav ul ul li {font-family: Arial, sans-serif; padding: 3px 0 3px; background: url('../img/secondary-nav-background.gif') repeat-x bottom left #efe6cc; display: block; float: left; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 4px 0}
#main-nav ul ul li.last-child {background: transparent url('../img/secondary-nav-background-last-child.png') no-repeat bottom right; padding-right: 20px}
#main-nav ul ul li a{text-decoration: none; color: #77787b; padding: 0 12px; border-right: solid 1px #b9b8b4; line-height: 10px; background: none; margin: 0}
#main-nav ul ul li.last-child a, #main-nav ul ul li.last-child a:hover,  #main-nav ul ul li.last-child a.current{border: none; background: none; padding-right: 20px}
#main-nav ul ul li a:hover, #main-nav ul ul li a.current{color: #4c4d4f; background: transparent;  padding: 0 12px; }

#footer {clear: both; color: #ECE7DB; font-size: 9px; width: 850px; margin: 0 auto 5px; text-align: center;}
#footer a{color: #ECE7DB;}
#footer #footer-links ul{clear: both; color: #ECE7DB; margin: 0 auto; text-align: center; list-style-type: none; width: auto; }
#footer #footer-links li{padding: 0 4px; border-right: 1px solid  #ECE7DB; line-height: 9px; display: inline}
#footer #footer-links li.last-child {border: none}
#footer #footer-links li a{color: #ECE7DB; text-decoration: none}
#footer #footer-links li a:hover{text-decoration: underline}
#footer p{clear: both; margin-top: 5px; width: 75%; margin: 10px auto 0; line-height: 13px; color: #deb8b9}

#content {margin: 0 4px; text-align: left; background-image: url(../img/content-back.gif); height: 100%}
#content.index {background-image: none}

#copy{float: left; width: 510px; color: #333333; font-size:12px ; margin: 0 0 0 50px;}

#header-image{height: 189px; background: url(../img/header-image-shadow.jpg) bottom center no-repeat; background-color: #fff}
h1 {font: 18px arial, sans-serif; font-weight: bold; line-height: 18px;margin: -3px 0 0 0; float: left; width: 842px; height: 192px; background-repeat: no-repeat; background-color: #fff}
h1 .line-1{background: url(../img/headlines-line-1.gif) no-repeat top left; padding:12px 6px 4px 12px; color: #4a6f8b; position: relative; top: 132px; left: 37px; background-repeat: no-repeat;}
h1 .line-2{background: url(../img/headlines-line-2.gif) no-repeat bottom right; padding: 7px 12px 8px 6px; text-transform: uppercase; position: relative; top: 164px; left: -35px; color: #fff; background-repeat: no-repeat; }

/*\*/
html*h1 .line-1{
top: 132px; /*for safari*/
}/**/


/*\*/
html*h1 .line-2{
top: 163px; /*for safari*/
}/**/

h2 {font: 23px "Times New Roman", Times, serif; font-style: italic; color: #8D212C; margin: 0}
h3 {color: #947a2e; font-weight: bold; font-size: 12px; margin-top: 8px; }

#copy {margin-top: 20px; overflow-x: visible}
#copy p.subhead {font-size: 13px; line-height: 18px; margin-top: 0}

#copy p {font-size: 11px; line-height: 13px; margin: 2px 0 12px}
#copy ul {font-size: 11px; line-height: 13px; list-style-type: disc; padding-left: 1.2em; margin-bottom: 12px}
#copy ul ul {padding-left: 2.2em; margin-bottom: 5px; list-style-type:circle}
#copy li {margin: 2px 0; }

#copy ul.blue-boxed {list-style-type: none; padding-left: 0; font-size: 10px; font-weight: bold; }
#copy ul.blue-boxed li{background-color: #50708d; color: #fff; padding: 6px; margin: 0 2px 2px 0; display: block; float: left; min-width: 10%; max-width: 15%; min-height: 4em}

.general-links {}
.general-links h4, .general-links h4 a {font-size: 11px; font-weight: bold; color: #4d4d4f; text-decoration: none;}
#copy .general-links ul li {margin-bottom: 6px; width: 85%}

#copy  #survey {background: url(../img/survey-label.jpg) no-repeat left center; padding: 8px 0px 8px 30px; width: 135px; float: right; border: 1px solid #B3B3B3; }
#copy  #survey h2 {font-size: 12px; font-weight: bold; color: #50708C; margin: 8px 0 0 0}
#copy  #survey p {margin: 0 0 8px}


form#survey-form p {margin: 9px 0 5px 0; padding: 0; }
form#survey-form input {border: 1px #333333  solid}

form#survey-form h4 {font-weight: bold; margin-top: 7px}

form#survey-form .radio {margin: 0 0 5px 0; padding: 0; }
form#survey-form .radio td {text-align: center; width: 70px; font-size: 10px; line-height: 16px; color: #aaa}

form#survey-form .validate {color: red}

form#service-request .validate {color: red; width: 200px; position: relative; top: -16px; display: block}

form#service-request .row {clear: both; display: block}

form#service-request .double-left {float: left;}
form#service-request .double-right {float: left;}

form#service-request label.double-right, form#service-request label.double-left, form#service-request label {float: left}

#service-request label {display: block; clear: none; width: 87px; text-align: right; float: left}
form#service-request textarea {width: 482px; border: 1px solid #000}

.location-slideshow { float: right; text-align: center; font-weight: bold; margin: 5px -35px 5px 20px; background: url(../img/location-slideshow-shadow-bottom.gif) bottom no-repeat; padding-bottom: 10px}
.location-slideshow img {padding: 10px 10px 5px;  background: url(../img/location-slideshow-shadow-top.gif) no-repeat}
.location-slideshow a {text-decoration: none; color: #414042; line-height: 13px}

form#service-request input {width: 387px; margin: 0 0 20px 8px; border: 1px solid #000}
form#service-request input.double-left {width:145px;}
form#service-request input.double-right {width:145px; }
form#service-request input.butn {width: auto; float: right; margin-right: 25px; padding: 0 25px}


form#contact .validate {color: red; width: 200px; position: relative; top: -16px; display: block}


#contact {width: 400px;}
#contact label {clear: none; text-align: left;}
form#contact textarea {width: 400px; border: 1px solid #000}

form#contact input {width: 250px; margin: 0 0 10px 0px; border: 1px solid #000}
form#contact select {width: 250px; margin: 0 0 10px 0px; border: 1px solid #000}

form#contact .butn {width: auto; float: right; margin-right: 0px; padding: 0 25px}

form#contact input.error {border-color: red;}
form#contact .validate {position: relative; margin-top: 10px; }





/*right-sidebar*/
#right-sidebar {width: 156px; float: right; background-color: #f8f8f8; padding: 13px 20px 0px 20px; margin: 0 20px 0 20px}
.sidebar-boxed {border: 1px solid #B3B3B3; margin-bottom: 32px; background-color: #F2F2F2; font-size: 11px}
#right-sidebar h2 {font-family: arial, sans-serif; font-style: normal;  }

#right-sidebar #sign-up label {font: 14px "Times New Roman", Times, serif; font-style: italic; color: #808080}
#right-sidebar #sign-up {margin-bottom: 31px;}
#right-sidebar #sign-up #l415505-415505{color: #808080; border: solid 1px #808080; padding: 1px; width: 125px}
#right-sidebar #sign-up .butn {background-color: #50708C; color: #fff; text-transform: uppercase; border: none; padding: 1px 0; width: 27px; text-align: center}


#right-sidebar #locations { font-size: 11px; color: #262626; background: url(../img/locations-label.jpg) no-repeat center left;  padding: 3px 0  6px 25px;}
#locations.sidebar-boxed h2{color: #666; text-transform: uppercase; padding-left: 1px; margin-top: 8px; font-weight: bold; font-size: 13px}
#locations.sidebar-boxed ul {padding-left: 15px; margin-bottom:4px}
#locations.sidebar-boxed ul a{color: #262626; }
#locations.sidebar-boxed ul a:hover{color: #a21623}
#locations.sidebar-boxed li {list-style-type: disc; margin: 4px 0; }

#map.sidebar-boxed {background: url(../img/map-label.jpg) no-repeat left center; padding-left: 22px}
#map.sidebar-boxed img {display: block}

#survey.sidebar-boxed {background: url(../img/survey-label.jpg) no-repeat left center; padding-left: 25px}
#survey.sidebar-boxed h2 {font-size: 12px; font-weight: bold; color: #50708C; margin: 8px 0 0 0}
#survey.sidebar-boxed p {margin: 0 0 8px}

.client-testimony{color: #58595b; font-size: 10px; line-height: 14px}
.client {color: #6d0108;  text-transform: uppercase; font: 14px Arial Black, Arial, sans-serif; }
.testimony {color: #8a8989; font-size: 20px; font-weight: bold; letter-spacing: -.01em; margin-left: -.28em; text-transform: lowercase}
.client-testimony p {margin-bottom: 20px}

.area-links{color: #58595b; font-size: 10px; line-height: 14px; margin-bottom: 20px; margin-top: -6px}
.area {color: #6d0108;  text-transform: uppercase; font: 14px Arial Black, Arial, sans-serif; }
.links {color: #8a8989; font-size: 20px; font-weight: bold; letter-spacing: -.01em; margin-left: -.28em; text-transform: lowercase}
.area-links ul li {font-weight: bold; margin-top: 4px}
.area-links a{color: #4d4d4f}

/*index-page - content area has a different width*/
#content.index {margin: 38px 3px 0 3px }
.index #copy{float: left;width: 680px; color: #333333; font-size:12px; margin: 0 }
.index #copy a{color: #333333}
.index #right-sidebar {width: 156px; float: right; padding: 0; margin: 0; background-color: transparent;}

.index #slideshow {border: 1px solid #B3B3B3; background-color: #fff; padding: 7px; margin-bottom: 15px}

.index #slideshow .slideshow-control {float: left; padding: 0; margin: 2px 0 0 0; }
.index #slideshow .slideshow-control li {margin: 0 5px 5px 0; padding: 0; text-align: center; background: no-repeat center center; height: 79px; width: 154px; display: block }
.index #slideshow .slideshow-control a {display: block; border: solid 10px #EFE2C9; vertical-align: middle; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: -.02em; font-size: 12px; font-weight: bold; height: 36px; padding-top: 23px}
.index #slideshow .slideshow-control a .slideshow-control-name {visibility: hidden}
.index #slideshow .slideshow-control a:hover, .index #slideshow a.activeSlide {border-color: #8D212C;visibility: visible;}
.index #slideshow a.activeSlide .slideshow-control-name, .index #slideshow a:hover.activeSlide .slideshow-control-name{visibility: visible;}
.index #slideshow a.activeSlide {background: url(../img/slideshow-controll-active-background.png) no-repeat center center; }

.index #slideshow .slideshow {height: 336px; margin-left: 159px; }
.index #slideshow .slideshow li {color:#262626; font-size: 17px; list-style-type: none; height: 332px; line-height: 23px; padding-left: 25px; background: #EFE2C9 url('../img/slideshow-read-more.jpg') no-repeat bottom right; }
.index #slideshow .slideshow li img{border-bottom: 1px solid #fff; position: relative; left: -25px}
.index #slideshow .slideshow li a{color:#3A3A3A; text-decoration: none; display: block; width: 480px; height: 332px;}

.index p {margin-top: 9px; line-height: 15px}
.index-image {border: solid 4px #50708d; margin: 4px 11px 0 8px; float: left}

.index h1{font: 27px "Times New Roman", Times, serif; font-style: italic; color: #8D212C; letter-spacing: .04em; margin: 0; height: auto; width: auto; float: none; }
.left-column {width: 256px; float: left; letter-spacing: .007em}
.right-column {width: 245px; float: right; letter-spacing: .007em}
.callout {font-size: 10px; line-height: 13px; font-weight: bold; text-align: center; border-top: 1px dashed #50708C; border-bottom: 1px dashed #50708C; padding: 12px 3px}