/*
 Screen style    
 Site: Haynes Consulting
*/
body { font-size: 75%; text-align: center; background: #9B896A; padding: 0 0 20px 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#wrapper:after, #content:after, .box:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #top h1 { font-size: 33px; line-height: 35px; visibility: hidden; }
.sIFR-hasFlash #top p.sifr { font-size: 17px; line-height: 15px; visibility: hidden; }

/* Wrapper */
#wrapper { width: 850px; margin: 0 auto; text-align: left; background: #fff; }

/* Header */
#header { height: 98px; position: relative; }
#accessibility { display: none; }
#logo { position: absolute; top: 23px; left: 39px; }
#logo img { display: block; }
#call { position: absolute; top: 35px; left: 692px; width: 137px; height: 33px; }
#call span { background-image: url(../images/text/call.gif); }

/* Top */
#top { background: #E6EDED; height: 204px; position: relative; }
#top .inner { float: left; width: 340px; top: 25px; left: 40px; position: absolute; z-index: 2; }
#top h1 { margin: 0; }
#top p { margin: 2px 0 0 0; line-height: 1.25; font-size: 1.17em; }
#top p.button { margin: 12px 0 0 -4px;  }
#top .decorative { position: absolute; display: block; top: 0; right: 0; z-index: 1; }

/* Home page: Top */
.home #top { background: #ECF3F3; }

/* Navigation */
#nav { height: 25px; width: 613px; padding-left: 237px; background: #73A0A0 url(../images/bg/nav.gif) no-repeat; }
#nav li { float: left; }
#nav a { color: #fff; display: block; height: 25px; line-height: 25px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; margin: 0 -1px; z-index: 1; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background: #1E3131; color: #fff; z-index: 10; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 78px; }
#nav a#nav02 { width: 99px; }
#nav a#nav03 { width: 73px; }
#nav a#nav04 { width: 91px; }
#nav a#nav05 { width: 84px; }
#nav a#nav06 { width: 112px; }
#nav a#nav07 { width: 89px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }

/* Content */
#content { float: right; width: 525px; margin: 35px 49px 32px 0; }
.home #content { float: none; background: none; width: auto; margin: 17px 19px 35px 20px; }
#content a:hover { background-color: #9B896A; color: #fff; text-decoration: none; }
#content ul { list-style: square; margin: 0.5em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }

/* Box */
.box { background: #F0EDE9; padding: 9px 12px 7px 10px; margin: 18px 0 15px 0; }
.box img { float: left; }
.box p { margin: 0 0 0 208px; font-size: 1.12em; }

/* Testimonials */
blockquote { background: #F0EDE9; padding: 10px; margin: 10px 0 20px 0; }
blockquote p { font-size: 1.09em;  }
blockquote .author { margin: 0; font-weight: bold; font-size: 0.91em; text-align: right; }
blockquote .position { margin: 0; font-size: 0.91em; text-align: right; }

/* Sidebar */
#sidebar { float: left; width: 225px; margin: 42px 0 20px 0; }
#sidebar h3 { font-size: 1.08em; text-transform: uppercase; margin: 0 0 6px 40px; }
#sidebar a { display: block; padding: 4px 10px 4px 40px; width: 175px; text-decoration: none; color: #1E3131; font-size: 1.09em; margin-bottom: 2px; }
#sidebar a.current, #sidebar a:hover { background-color: #E6EDED; }
#sidebar img{ float: left; margin-left: 40px; }


/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 300px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 130px; }
.contact-form .top { vertical-align: top; }

/* Home page: Columns */
.home-col { float: left; width: 256px; }
.middle-home-col { margin: 0 22px 0 21px; }
.home-col h2 { margin: 5px 0 4px 0; }
.home-col p { margin: 0; }
#content .home-col ul { margin: 0 0 18px 21px; list-style: none; }
#content .home-col li { background: url(../images/bg/square.gif) left center no-repeat; padding-left: 15px; margin: 0; font-size: 1.17em; }
#content .home-col li a { color: #1E3131; }
#content .home-col li a:hover { background: #1E3131; color: #fff;  }

/* Footer */
#footer { clear: both; background: #E1DBD2; font-size: 0.92em; padding: 18px 21px 18px 21px; }
#footer a { color: #1E3131; }
#footer a:hover { background: #1E3131; color: #fff; text-decoration: none; }
#footer h3 { margin: 0 0 0.15em 0; }
#footer p { margin: 0 0 0.35em 0; }

/* vCard */
#footer .vcard { float: left; width: 510px; }
#footer .vcard strong { color: #9B896A; }
#footer .vcard strong.fn { color: #1E3131; }
#footer .vcard .tel { margin-right: 16px; }
#footer .vcard p.second-line { margin-bottom: 0.85em; }
#footer .vcard li { float: left; margin-right: 13px; }
#footer .vcard .by { float: left; padding-left: 1px; }

/* Join form */
#footer form { float: right; width: 255px; }
#footer form .inputs { margin-top: 7px; }
#footer form input { margin: 0; vertical-align: middle; } 
#footer form input.text { border: 1px solid #666; padding: 2px 3px; margin-right: 5px; width: 130px; }