@charset "utf-8";
/* CSS Document by Hunter Logan for The Door Store Inc., 11/2008.
Updated 06/2010 */

body {font-size: 15px; letter-spacing: .08em; font-family: /* Square721 Ex bt, */ Arial, Helvetica, sans-serif; color: #28388f;}
* {margin: 0; padding: 0;} 
li {list-style: none;}
a {text-decoration: none;}
img {border: 0}
div#box {float: left; width: 100%; background: url(images/doorstore_back.jpg) top center repeat-y;}
div#floater {position: relative; width: 701px; margin: auto;}
div#page {float: left; width: 699px; padding-left: 2px;}
div#header {float: left; width: 699px; padding-bottom: 30px;}
div#header h1 {float: left; width: 400px; height: 70px;}
div#header img {position: absolute; z-index: 1; left: 0; top: 0; font-size: 30px; font-weight: bold;}
div#header h2 {position: relative; z-index: 5; float: left; width: 460px; padding: 8px 0 0 230px; font-size: 22px;}
* html div#header h2 {font-size: 21px;}
div#header h4 {position: relative; z-index: 5; float: left; width: 330px; font-size: 15px; font-weight: bold; text-align: right; line-height: 2em; margin-top: 30px;}
* html div#header h4 {display: inline;}
div#angiebadge {float: right; width: 133px; text-align: center; margin: -184px 20px 0 0;}
* html div#angiebadge {display: inline;}
div#angiebadge a {display: block; float: right; width: 133px; cursor: pointer;}
div#angiebadge a span {float: left; width: 123px; font-size: 12px; color: #000; padding: 4px 4px 6px 4px; border: 1px solid #fdb915; border-top-width: 0;}
div#angiebadge a span em {color: #00f; font-weight: normal; font-style: normal; text-decoration: underline; }
div#angiebadge a img {float: left; width: 133px; font-size: 8px;}
div#angiebadge a:hover {background: #FEDC55;}
div#content {float: left; width: 699px; margin-top: -12px;}
div.container {float: left; width: 699px;}
div.section {float: left; width: 314px; padding: 0 0 20px 24px;}
div#content div.section h3 {float: left; width: 310px; text-align: center; font-weight: bold; font-size: 18px; line-height: 2em; border: solid #28388f; border-width: 6px 0;}
div.section h4 {float: left; width: 280px; margin:10px 0 0 12px}
* html div.section h4 {display: inline;}
ul {float: left; width: 300px; padding-top: 10px;}
li {float: left; width: 280px; line-height: 1.6em; padding-left: 20px;}
ul li span {float: left; width: 160px; text-align: right; padding-right: 3px;}
ul.links {float: left; width: 310px; padding: 2px 0;}
ul.links li {float: left; width: 310px; padding: 0;}
ul li.link {float: left; width: 310px; padding: 10px 0 0 0;}
ul.links li a, ul li.link a {display: block; text-align: center; background: #9fc5ea url(images/link_back.png) bottom left repeat-x; border-bottom: 2px solid #fff; color: #28388f; line-height: 30px; padding-bottom: 1px;}
ul.links li a:hover, ul li.link a:hover {background: #e2cfa7 url(images/link_back.png) top left repeat-x;}
div#ccblock {float: left; width: 218px; height: 47px; background: #FFF2DD; border: 4px solid #28388F; padding: 0; margin: 10px 0 0 50px; overflow: hidden;}
* html div#ccblock {display:inline;}
div#ccblock p {float: left; width: 202px; height: 47px; padding: 0 8px;}
div#ccblock div#cclogo {position: relative; top: -47px; left: 0; float: left; width: 100%; height: 47px;background: url(images/ccblock.png) top left no-repeat;}
div#footer {float: left; width: 699px; padding-bottom: 20px;}
div#footer p#copyright {float: left; width: 100%; font-size: 18px; text-align: center; line-height: 2em; border: solid #28388f; padding: 0; border-width: 6px 0;}
div#footer p {float: left; width: 680px; font-size: 18px; text-align: center; line-height: 2em;}
div#footer div#hch {position: relative; float: right; width: 206px; height: 36px; overflow: hidden; margin: 8px 8px 0 0;}
* html {display: inline;}
div#footer div#hch a {display: block; float: left; width: 100%; height: 36px;}
div#footer div#hch a:hover {background: #e2cfa7; cursor: pointer;}
div#footer div#hch a:hover img {position: relative; top:-36px;}
div#footer div#hch a img {float: left; width: 36px;}
div#footer div#hch a span {float: left; width: 170px; color: #2A0C1A; font-size: 9px; line-height: 12px; text-align: center; padding-top: 6px;}
div#footer div.valid_html, div#credits p.valid_css {float: right; width:88px; height: 31px; padding-right:20px; border-top: 6px solid #fff; overflow: hidden;}
div#footer div#valid_html a, div#credits p.valid_css a {position: relative; z-index: 20; display: block; width: 88px; height: 31px; background: url(images/vhtml401.gif) 0 -31px no-repeat;}
div#footer div#valid_css a {display: block; width: 88px; height: 31px; background: url(images/vcss.gif) 0 -31px no-repeat;}
div#footer div#valid_html a span, div#credits p.valid_css a span {position: relative; left: -5000px; width: 88px; }
div#footer div#valid_html a:hover {background: url(images/vhtml401.gif) 0 0 no-repeat;}
div#footer div#valid_css a:hover {background: url(images/vcss.gif) 0 0 no-repeat;}
/* one column layout */
div#wide {float: left; width: 699px; padding-bottom: 10px; margin-top: -12px;}
* html div#wide {display: inline;} 
div#wide h2 {float: left; width: 651px; font-size: 24px; text-align: center; border: solid #28388f; border-width: 4px 0; padding: 6px 0; margin-left: 24px;}
* html div#wide h2 {display: inline;}
div#wide h3 {float: left; width: 580px; font-size: 19px; text-align: left; font-weight: normal; margin: 0 0 0 40px; padding: 10px 0;}
* html div#wide h3 {display: inline;}
div#wide p {float: left; width: 580px; font-size: 16px; margin: 0 0 0 60px; padding: 0 0 10px 0;}
* html div#wide h3 {display: inline;}
div#gohome {float: left; width: 180px; height: 34px; padding-bottom: 20px; margin: 20px 0 0 360px;}
* html div#gohome {display: inline;}
div#gohome div.gowrap {float: left; width: 180px; border: 2px solid #28388f;}
div#gohome div.gowrap a {float: left; width: 180px; height: 30px; background: #a6c9ea url(images/link_back.png) 0 -33px repeat-x; text-align: center; color: #28388f; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0; margin: 0;}
div#gohome div.gowrap a:hover {background:#F2FB44 url(images/link_back.png) 0 0px repeat-x;}

/* contact page */
form#contact {float: left; width: 100%; margin: 0; padding: 0;}
div#cform {float: left; width: 500px; margin: 0; padding: 10px 0 0 40px;}
* html div#cform {display: inline; margin: 0 0 0 -60px;}
div#cform  p {float: left; width: 100%; padding-top: 10px;}
div#cform  p label {float: left; width: 100px; text-align: right; padding-right: 2%}
div#cform  p input {float: left; width: 260px; font-size: 15px; padding: 2px 4px;}
div#cform  p textarea {float: left; width: 350px; font-family:Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: .08em; line-height: 20px; padding: 4px;}
div#cform  p span.preview {float: left; width: 320px; background: #D3EEF6; border: 2px solid #28388f;  font-size: 1.1em; font-weight: normal; color: #28388f;  padding: 2px 0 2px 4px; margin: -2px 0 0 0;}
* html div#cform p span.preview {display: inline;}
div#cform p button {float: right; height: 34px; font-size: 14px; line-height: 28px; background: #a6c9ea url(images/link_back.png) bottom left repeat-x; border: 2px solid #D4D0C8; border-bottom-color: #404040; border-right-color: #404040; color: #000; padding: 0 8px 3px 8px; text-align: center;}
div#cform p button:hover {background:#F2FB44 url(images/link_back.png) top left repeat-x; border-color: #404040; border-bottom-color: #D4D0C8; border-right-color: #D4D0C8;}
p.warning {float: left; background: #C5E3F4 url(images/warn_back.png) top left repeat-x; text-align: center; font-size: 18px; line-height: 14px; font-weight: bold; border-bottom: 2px solid #28388f; padding: 0; margin: 0;}
* html p.warning {display: inline;}
div#privacy {float: left; width: 360px; margin: 20px 0 10px 40px; padding-bottom: 6px;}
* html div#privacy {display: inline;}
div#privacy h3 {float: left; width: 100%; font-size: 18px; font-weight: bold; text-align: center; border-bottom: #28388f 2px solid; margin: 0; padding: 0 0 4px 0;}
div#privacy p {float: left; width: 340px; padding: 6px 10px 0 10px; margin: 0;}