@import url("css/reset.css");
@import url("css/layout.css");
@import url("css/navigation.css");

body { font-family: Arial, Helvetica, Sans-serif; font-size: 70%; color: #3b4a55; line-height: 1.3; background: #382a04 url(images/body_bg.jpg) top repeat-x; }
#wrapper { background: #1d262d; }
#header { background: url(images/head_bg.jpg) no-repeat; }
h1.logo { background: url(images/logo.png) 30px 15px no-repeat; width: 592px; height: 82px; padding: 15px 0 0 30px; }
h1.logo a { width: 562px; height: 67px; padding: 15px 0 0 30px; display: block; }
#header * { text-indent: -9999px; }

#content-shell { background: #fff url(images/container_top.jpg) center top no-repeat; }
#content-body { background: transparent url(images/container_bottom.jpg) center bottom no-repeat; min-height: 370px; padding: 0 10px 10px; }


h1, h2, h3, h4, h5, h6 { padding: 0.5em 0 0.25em; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; padding-bottom: 0; color: #1e262c; } /* this is a subsectionhead, no padding below */
h5+p { padding-top: 0; }
h6 { font-size: 0.9em; }

a { color: #1e262c; }
a:hover { color: #b6810b; }
p, ul { padding: 1em 0 0.5em; }
.right { text-align: right; }
strong { color: #1e262c; }

.left { float: left; }
img.left { padding: 0 10px 0 0; }

h1.sectionhead { font-size: 1.5em; font-family: Arial Narrow, HelveticaNeue Condensed; text-transform: uppercase; }
span.first-word { color: #b6810b; }

p.readmore { margin-right: 10px; overflow: hidden; }
p.readmore a { float: right; display: block; background: url(images/readmore.gif) no-repeat; width: 86px; height: 18px; text-align: center; text-transform: uppercase; font-size: 0.9em; color: #bfcad3; padding-top: 5px; text-decoration: none; }
p.readmore a:hover { color: #b6810b; }

#servicesbox { background: url(images/servicesbox.gif) no-repeat; height: 205px; width: 499px; padding: 20px 25px; overflow: hidden; margin-top: 10px; }
#servicesbox p { padding: 0.8em 0 0.3em; }
#servicesbox #col1 h1.sectionhead { padding-top: 0; margin-top: -5px; }
#servicesbox #col1 { width: 170px; float: left; border-right: 1px solid #d7d7d7; }
#servicesbox #col2 { padding-left: 5px; float: right; width: 220px; }
#servicesbox address { background: url(images/carrier.gif) right center no-repeat; padding: 1em 0; margin-top: -1.2em; line-height: 1.4; }
#servicesbox #col2 a { text-decoration: none; color: #3b4a55; }
#servicesbox p.more { text-align: right; margin-right: 20px; padding-top: 0.5em; }
#servicesbox p.more a { text-decoration: none; color: #3b4a55; }
#servicesbox a:hover { text-decoration: underline !important; }

ul.diamond { list-style-type: none; margin-left: 20px; padding-top: 5px; line-height: 1.4; }
ul.diamond li { background: url(images/bullet.png) left 5px no-repeat; padding-left: 15px; }

#mapbox { background: url(images/mapbox.gif) center top no-repeat; width: 385px; height: 130px; margin-top: 10px; padding: 20px 20px 20px 160px; }
#mapbox p.more { text-align: right; margin-right: 20px; padding-top: 0.5em; }
#mapbox p.more a { text-decoration: none; color: #fff; }
#mapbox a:hover { text-decoration: underline !important; }

#footer { background: url(images/footer.jpg) no-repeat; width: 686px; height: 63px; margin: 0 auto; color: #a7b4be; padding: 0 20px; line-height: 1.5; }
#footer a { color: #6289a7; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
p#creditcards { width: 180px; float: left; }
p#copyright { width: 500px; float: right; text-align: right; }

.hentry h3 { font-size: 1.3em; }
.hentry h3 a { color: #1e262c; text-decoration: none; }
.hentry h3 a:hover { color: #b6810b; }

#comment { width: 530px; }

.testi { padding: 10px 20px; margin: 10px 20px; background: #e6ecf4; border: 1px solid #76889e; }
.testi-auth { text-align: right; margin-right: 20px; font-weight: bold; }
blockquote p { quotes: "\201C" "\201D"; }
blockquote p:before { content: open-quote; font-weight: bold; }
blockquote p:after { content: close-quote; font-weight: bold; }
blockquote p { font-style: italic; }

.free-item ul { margin-left: 30px; list-style-type: circle; }
#logos p { text-align: center; margin-top: 10px; vertical-align: middle; }
#logos p img { vertical-align: middle; }