/*** GENERAL STYLES ***/

body {background: #fff url(../images/bkg.gif) repeat-x fixed; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1em 0;}
a {color: #0c7f94;}
a:hover {color: #e1000b;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px;}
.red {color: #e1000b;}
.teal {color: #0c7f94;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 25px 0;}
.imgright {float: right; margin: 0 0 25px 30px;}
.imgborder {border: 1px solid #ccc; padding: 4px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: url(../images/dots.gif) repeat-x; margin: 1.5em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 975px; margin: 0 auto; text-align: left; min-height: 685px; height: 685px; background: #fff;}
	html>body #outer {height: auto;}
#main {margin: 0 5px; min-height: 10px;}
#sidebar {float: left; width: 250px; padding-bottom: 30px;}
	body.home #sidebar {float: right;}
#content {float: right; width: 615px; padding: 35px 50px 50px 0;}
	body.home #content {float: left; width: 640px; padding: 10px 0 30px 30px;}


/*** TOP STYLES ***/

#top {height: 95px; background: url(../images/top.gif);}
#printlogo {display: none;}
#logo {position: relative; float: left; width: 250px; height: 95px; text-align: center; line-height: 110px; color: #000; font-size: 30px; font-family: times, "times new roman", serif; text-decoration: none; overflow: hidden;}
#logo .ir {background: url(../images/logo.gif);}
#phonenumber {position: relative; float: right; width: 310px; height: 95px; text-align: center; font-size: 12px; color: #0c7f94; text-transform: uppercase; line-height: 14px;  font-weight: bold;}
#phonenumber strong {display: block; font-size: 36px; color: #e1000b; line-height: 35px; padding-top: 30px;}
#phonenumber .ir {background: url(../images/phonenumber.gif);}


/*** NAV STYLES ***/

#nav {position: relative; height: 30px; background: #08657b url(../images/nav.gif) left top repeat-x; margin: 0 5px; border: solid #fff; border-width: 3px 0; padding-left: 10px; z-index: 10;}
#nav li {position: relative; float: left; font-weight: bold; line-height: 30px;}
#nav a {display: block; width: 10px; white-space: nowrap; color: #fff; text-decoration: none; padding: 0 12px;}
	html>body #nav a {width: auto;}
#nav li#navest a {background: #e1000b url(../images/nav-a.gif);}
#nav li.on a {background: #0c7f94 url(../images/nav-a.gif) 0 -30px;}
#nav li:hover a, #nav a:hover, #nav li#navest a:hover {background: #2f9fb1 url(../images/nav-a.gif) 0 -60px;}

#nav li:hover ul {display: block;}
#nav ul {display: none; position: absolute; left: 0; top: 30px; background: #2f9fb1; z-index: 10; border: solid #08657b; border-width: 0 2px 2px 0; border-left: 1px solid #77c0cc; padding: 5px 0;}
#nav ul li {float: none; font-weight: normal; line-height: 15px;}
#nav ul a, html>body #nav ul a {width: 200px; white-space: normal; padding: 6px 12px; background: transparent !important;}
#nav ul a:hover {background: #77c0cc !important;}


/*** CONTENT STYLES ***/

#content h1 {position: relative; background: #191919; margin: -35px -50px 35px -49px; height: 60px; padding: 15px 50px 0; color: #b2b2b2; text-transform: uppercase;}
#content h1 span {position: relative; top: 0; font-size: 18px;}
#content h1 strong {display: block; font-size: 25px; color: #fff; font-weight: normal; text-transform: none; line-height: 28px;}
#content h2 {font-size: 18px; font-weight: normal; line-height: 21px; color: #0c7f94; margin: 1.2em 0 .8em;}
#content ul {margin: 1.5em 0;}
#content ul li {padding-left: 10px; background: url(../images/arrow-teal.gif) 0 5px no-repeat; margin-bottom: 5px;}

blockquote.testimonial {position: relative; margin: 0 0 1.5em 0; padding-left: 25px;}
blockquote.testimonial .quotemark {position: absolute; left: 3px; top: 0; font-family: georgia, serif; font-size: 40px; line-height: 34px; color: #0c7f94;}
blockquote.testimonial p {font-family: georgia, serif; font-size: 14px;}
blockquote.testimonial cite {font-style: normal; font-size: 12px;}

#main h2.h2headline {background: url(../images/dots.gif) left bottom repeat-x; color: #e1000b; font-size: 19px; padding: 0 0 8px 0;}
	#content h2.h2headline {margin-bottom: 30px;}
	body.home #content h2.h2headline {margin: 0; padding-top: 4px;}
	#sidebarform h2.h2headline {background-image: url(../images/dots-sidebar.gif); font-size: 14px; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; padding: 0;}
#main h3 {font-size: 14px; margin-bottom: 1em;}

form div {clear: both; padding-top: 3px;}
form label {float: left; text-align: right; margin-right: 10px; line-height: 22px;}

#contactinfo {float: right; padding: 10px 25px 10px 25px; border-left: 1px dotted #ddd;}
#contactform {float: left;}
#contactform label {position: relative; width: 93px; padding-right: 12px; margin-right: 5px;}
#contactform .req {position: absolute; right: 0; top: 6px; color: #e1000b; font-size: 25px;}
#contactform input, #contactform textarea {width: 250px;}
#contactform textarea {height: 100px;}
#sidebar #contactform #city {width: 130px;}
#contactform #state {width: 40px;}
#contactform #zip {width: 60px;}
#contactform #contactsubmit {width: auto; margin: 5px 0 0 110px; font-weight: bold; text-transform: uppercase; background: #0c7f94; color: #fff; border: solid #ddd; border-width: 0 2px 2px 0; cursor: pointer; cursor: hand;}

.videodiv {float: right; width: 206px; padding: 10px; margin: 0 0 20px 30px; background: #eee; text-align: center;}
.videodiv img {display: block; border: 3px solid #ddd; margin-bottom: 5px;}


/*** SIDEBAR STYLES ***/

#thebanner {position: relative; width: 250px; height: 75px; margin-bottom: 1px;}
#subnav {background: #0c7f94 url(../images/subnav.gif) left top repeat-x; padding: 10px 0; margin-bottom: 10px;}
#subnav a {display: block; width: 210px; padding: 4px 20px; color: #fff; text-decoration: none; background: url(../images/arrow-white.gif) 10px 9px no-repeat;}
#subnav a:hover {background-color: #4cacbc;}
#subnav li.on a {background-color: #05596f;}

#thequote {position: relative; width: 200px; margin: 0 0 10px 0; padding: 20px 25px 0; background: #e3e3e3 url(../images/sidebarform.gif) left top no-repeat; color: #555;}
#thequote p {font-family: georgia, serif; font-size: 15px; line-height: 19px; margin-bottom: 12px;}
#thequotemark {position: absolute; left: 10px; top: 20px; font-size: 30px; line-height: 30px; color: #e1000b;}
#thequote cite {display: block; font-style: normal; font-size: 12px; background: url(../images/sidebarform-bottom.gif) left bottom no-repeat; margin: 0 -25px; padding: 0 25px 15px;}

#sidebarform {background: #e3e3e3 url(../images/sidebarform.gif) left top no-repeat; padding: 15px; font-size: 11px;}
#sidebarform .hr {background-image: url(../images/dots-sidebar.gif); margin: 1em 0;}
#sidebarform input, #sidebarform select, #sidebarform textarea {width: 130px; font-size: 11px;}
#sidebarform select {width: 136px;}
#sidebarform textarea {height: 50px;}
#sidebarform label {width: 70px;}
#sidebarform div.button {margin: 0 -15px -15px; text-align: right; padding: 8px 15px 15px; background: url(../images/sidebarform-bottom.gif) left bottom no-repeat;}
#sidebarform div.button input {width: auto; background: #e3e3e3 url(../images/arrow-red.gif) right center no-repeat; color: #e1000b; font-size: 14px; font-weight: bold; border: 0; text-transform: uppercase; margin: 0 5px; cursor: pointer; cursor: hand;}


/*** HOME STYLES ***/

#homephoto {position: relative; float: left; width: 714px; height: 250px; margin-bottom: 9px; z-index: 1;}
body.home #thequote {position: relative; float: right; width: 190px; height: 225px; margin: 0 0 9px 0; padding: 25px 30px 0; background: #0e8a9e url(../images/homequote.gif); color: #fff;}
body.home #thequote p {font-family: georgia, serif; font-size: 17px; line-height: 20px; margin-bottom: 12px;}
body.home #thequotemark {position: absolute; left: 15px; top: 25px; font-size: 30px; line-height: 30px; color: #fff;}
body.home #thequote cite {font-style: normal; background: none; display: inline;}
#homeintro {margin: 1.5em 10px;}
#homepromos {margin-right: -20px; min-height: 10px; height: 10px;}
	html>body #homepromos {height: auto;}
.homepromo {float: left; width: 200px; margin-right: 20px;}
.homepromoimg {display: block; width: 200px; height: 100px; margin-bottom: 1em;}


/*** FOOTER STYLES ***/

#footer {border-top: 1px solid #ddd; padding: 10px 0; margin: 0 5px; font-family: tahoma, sans-serif; font-size: 10px; color: #888; line-height: 13px; text-align: right;}
#footer p {margin: 0;}
#footer a {color: #888; text-decoration: none;}
#footer a:hover {color: #e1000b; text-decoration: underline;}
#associations {float: left; text-align: left;}
#associations img {float: left; margin-right: 10px;}
#creditcards {padding-top: 4px;}
#creditcards img {vertical-align: middle;}