@charset "utf-8";
/* CSS Document for huntercanhelp.com by Hunter Logan, Dec 2009. */

/* global settings */
body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; background: #100214; letter-spacing: .08em;}
/* {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; background: #11021a; letter-spacing: .08em;} */
* {margin: 0; padding: 0; border: 0;}
a {text-decoration: none;}
p {text-indent: 20px; color: #FFB75A; padding: .2em 0 .4em 0; line-height: 1.35em;}
p strong {color: #FFDC75; font-weight: normal; font-size: 1.2em;}
p em {color: #DDBE22; font-size: 16px; font-style: normal; font-weight: bold;}
h1, h2 {font-weight: bold; color: #EBDE73; font-style: normal; font-weight: normal;}
h1 {text-align: center; font-size: 32px;}
h2 {font-size: 28px; color: #F7D472;}
h3 {font-size: 22px; font-weight: normal; color: #EBDE73;  line-height: 1.2em; padding: 10px 0 6px 0;}
h4 {font-size: 16px; font-weight: normal; color: #EBDE73; text-align: center;}

/* sets up whole page */
div#wholepage {width: 960px; margin: auto; padding: 0;}
* html div#wholepage {height: 1px;}
div#pageback {float: left; width: 100%; background: url(images/huntercanhelp_900px.png) top left no-repeat; padding: 0; margin: 0;} 
div#header {float: left; width: 100%; height: 180px; overflow: hidden;}
div#header h1 {position: relative; top: -150px; width: 900px; z-index: 10;}
div#header h2 {position: relative; top: -80px; font-size: 18px; text-align: right;  color: #E5CD69; width: 400px; margin-left: 440px; z-index: 40;}
* html div#header h2 {float: left; display: inline;}
div#textcover {position: relative; top: 0; left: 0; padding-top: 150px; width: 900px; height: 0; overflow: hidden; z-index: 30; background: url(images/huntercanhelp_900px.png) top left no-repeat;}

/* content block */
div#content_wrapper {position: relative; float: left; width: 720px; margin-left: 240px; z-index: 80;}
* html div#content_wrapper {display: inline;}
div#content_lead {float: left; width: 462px; padding: 0}
div#content_lead h2 {float: left; width: 100%; text-align: center; padding: 14px 10px 10px 0;}
h3#head1 {float: left; width: 460px; text-align: center; height: 106px; padding: 0; overflow: hidden;}
h3#head1 span#htext1 {float: left; width: 88%; height: 84px; padding: 20px 6% 0 6%; overflow: hidden;}
h3#head1 span#hback1 {display: block; position: relative; top: -104px; float: left; width: 100%; height: 106px; background: url(images/hch_head1.png) top left no-repeat;}
h3#head2 {float: left; width: 460px; height: 60px; overflow: hidden; margin-top: 20px;}
* html h3#head2 {display: inline;}
h3#head2 span#htext2 {float: left; width: 88%; height: 40px; padding: 20px 6% 0 6%; overflow: hidden;}
h3#head2 span#hback2 {display: block; position: relative; top: -56px; float: left; width: 100%; height: 62px; background: url(images/hch_head2.png) top left no-repeat;}
h3#head3 {float: left; width: 460px; height: 76px; overflow: hidden; padding: 0; margin-top: 20px;}
* html h3#head3 {display: inline;}
h3#head3 span#htext3 {display: block; float: left; width: 88%; height: 40px; padding: 10px 6% 0 6%; overflow: hidden;}
h3#head3 span#hback3 {display: block; position: relative; top: -50px; float: left; width: 100%; height: 76px; background: url(images/hch_head3.png) top left no-repeat;} 
h3#contact_head {float: left; width: 460px; height: 76px; overflow: hidden; padding: 0;}
div.textbox {float: left; width: 456px; border: #e8a155 solid; border-width: 0 2px;}
h3#contact_head span#htext_contact {display: block; float: left; width: 88%; height: 40px; padding: 10px 6% 0 6%; overflow: hidden;}
h3#contact_head span#hback_contact {display: block; position: relative; top: -50px; float: left; width: 100%; height: 76px; background: url(images/hch_contact.png) top left no-repeat;}
h3#contact_thanks {float: left; width: 460px; height: 76px; overflow: hidden; padding: 0;}
h3#contact_thanks span#htext_cthanks {display: block; float: left; width: 88%; height: 40px; padding: 10px 6% 0 6%; overflow: hidden;}
h3#contact_thanks span#hback_cthanks {display: block; position: relative; top: -50px; float: left; width: 100%; height: 76px; background: url(images/hch_contact_thanks.png) top left no-repeat;}
h3#contact_fail {float: left; width: 460px; height: 76px; overflow: hidden; padding: 0;}
h3#contact_fail span#htext_cfail {display: block; float: left; width: 88%; height: 40px; padding: 10px 6% 0 6%; overflow: hidden;}
h3#contact_fail span#hback_cfail {display: block; position: relative; top: -50px; float: left; width: 100%; height: 76px; background: url(images/hch_contact_fail.png) top left no-repeat;} 
div.textwrap {float: left; width: 436px; border-top: 2px solid #C35A45; padding: 4px 10px 0 10px; background: #0E021D;}
div.lead_boxbtm {float: left; width: 460px; height: 20px; overflow: hidden; background: url(images/hch_heads_btm.png) bottom left no-repeat;}
div#content_lead p {float: left; width: 420px; padding: 8px 8px 0 8px;}
div#content_add {float: right; width: 238px; padding: 68px 6px 0 6px;}
div#content_add h3 {float: left; width: 236px; background: #240b14; text-align: center; font-size: 18px; margin-top: 24px; border: solid #722F41; border-width: 1px 1px 0 1px; padding: 8px 0 10px 0;}
* html div#content_add h3 {display: inline;}
div.c_add_box {float: left; width: 236px; background: #0E021D; padding: 0 0 16px 0; border: solid #722F41; border-width: 0 1px 1px 1px;}
div.c_add_box h4 {float: left; width: 216px; border-top:1px solid #C75C46; padding: 12px 10px 0 10px;}
div.c_add_box p {float: left; width: 204px; padding: 10px 10px 0 20px;}
div.c_add_box p strong {display: block; font-size: 16px; color: #EBDE73; padding: 0 8px 10px 8px;}

/* content_wide pages */
div#content_wide {float: left; width: 720px; padding: 0}
div#content_wide div.wide_heading {float: left; width: 720px; height: 82px; padding: 0; overflow: hidden;}
div#content_wide div.wide_heading h2 {float: left; width: 650px; height: 30px; line-height: 30px; padding: 0 0 0 20px;margin: 0;}
div#content_wide div.wide_heading h3 {float: left; width: 650px; height: 30px; line-height: 30px; padding: 0 0 0 60px; margin: 0;}
div#content_wide div.wide_heading div#before_after_back {position: relative; top: -60px; float: left; width: 720px; height: 82px; background: url(images/hch_before_after_head.png) top left no-repeat;}
div#content_wide div.wide_heading div#badger_before_back {position: relative; top: -60px; float: left; width: 720px; height: 82px; background: url(images/hch_badger_before_head.png) top left no-repeat;}
div#content_wide div.wide_heading div#badger_after_back {position: relative; top: -60px; float: left; width: 720px; height: 82px; background: url(images/hch_badger_after_head.png) top left no-repeat;}
div.wide_box {float: left; width: 716px; border: #e8a155 solid; border-width: 0 2px;}
div.widewrap {float: left; width: 696px; border-top: 2px solid #C35A45; padding: 10px 10px 0 10px; background: #0E021D;}
div.widewrap h4#permission {float: left; width: 620px; font-size: 14px; font-style: italic; font-weight: bold; padding: 10px 0 0 60px; } 
div.wide_btm {float: left; width: 720px; height: 20px; overflow: hidden; background: url(images/hch_heads_btm_wide.png) bottom left no-repeat;}
div.widewrap p {float: left; width: 696px; padding-bottom: 10px;}
div.widewrap a {display: block; float: left; width: 348px; text-align: center; color: #FFDC75; padding: 16px 0;}
div.widewrap a span {display: block; text-align: center; padding-top: 6px;}
div.widewrap a:hover {background: #FFB75A; color: #0E021D; font-weight: bold;}

/* addinfo */
div#addinfo {float:left; width: 200px; margin: 80px 0 0 -930px; padding: 0;}
* html div#addinfo {display: inline;}
div#addinfo p {font-size: 14px;}
div#addinfo p strong {color: #DDBE22; font-size: 15px;}
div.infowrap {float: left; width: 190px; border: 1px solid #722F41; margin-top: 24px; padding: 0;}
div.infowrap h3 {float: left; width: 190px; background: #240b14; text-align: center; font-size: 18px; padding: 8px 0 10px 0; border-bottom: 1px solid #C75C46;}
div.infobox {float: left; width: 190px; background: #0E021D;}
div.infobox a {float: left; width: 170px; color: #FFDC75; padding: 12px 10px;}
div.infobox a span {display: block; text-align: center; padding-top: 6px;}
div.infobox a:hover {background: #FFB75A; color: #0E021D; font-weight: bold;}
ul#nav_btns {float: left; width: 200px; padding: 0;}
ul#nav_btns li {display: block; float: left; width: 200px; margin-top: 10px;}
* html ul#nav_btns li {display: inline;}
ul#nav_btns li a {display: block; float: left; width: 180px; color: #FFB75A; font-size: 16px; line-height: 24px; text-align: center; overflow: hidden;}
ul#nav_btns li a:hover {color: #F7D472; font-weight: bold;}
ul#nav_btns li a:active {position: relative; top: 2px; left: 2px;}
ul#nav_btns li a span.nav_txt {float: left; width: 160px; height: 30px; padding: 10px;}
ul#nav_btns li a span.nav_img  {position: relative; top: -50px;display: block; float: left; width: 100%;}
ul#nav_btns li#contact_hunter {float: left; width: 180px; padding-left: 10px;}
ul#nav_btns li#contact_hunter a {height: 71px;}
ul#nav_btns li#contact_hunter a span.nav_img {height: 71px; background: url(images/hch_contact_btn.png) 0 0 no-repeat;}
ul#nav_btns  li#contact_hunter a:hover span.nav_img {background: url(images/hch_contact_btn.png) 0 -72px no-repeat;}
ul#nav_btns li#go_home a {height: 52px;}
ul#nav_btns  li#go_home a span.nav_img {height: 52px; background: url(images/hch_home_btn.png) 0 0 no-repeat;}
ul#nav_btns  li#go_home a:hover span.nav_img {background: url(images/hch_home_btn.png) 0 -53px no-repeat;}
ul#nav_btns li#before_after a {height: 71px;}
ul#nav_btns  li#before_after a span.nav_img {height: 71px; background: url(images/hch_before_after_btn.png) 0 0 no-repeat;}
ul#nav_btns  li#before_after a:hover span.nav_img {background: url(images/hch_before_after_btn.png) 0 -72px no-repeat;}
div#footwrap {float: left; width: 960px; clear: both; background: #100214 url(images/hch_footer.png) top left no-repeat; margin-top:40px;}
* html div#footwrap {display: inline;}
div#footer {float: left; width:600px; text-align: center; padding: 10px 0 30px 240px;}
div#footer h4 {float: left; width: 340px; padding: 4px 20px 0 20px; font-size: 14px;}
div#footer div.valid {float: left; width: 88px; height: 31px; overflow: hidden;}
div#footer div.valid a {position: relative; display: block;  float: left; width: 88px; height: 31px; text-align: center; color: #FFB75A; font-size: 11px; overflow: hidden;}
div#footer div.valid a span.valid_txt {float: left; width: 80px; height: 31px; line-height: 14px; padding: 0 4px;}
div#footer div.valid a span#val_css,  div#footer div.valid a span#val_html {position: relative; top: -31px;float: left; width: 88px; height: 31px;}
div#footer div.valid a span#val_css {background: url(http://huntercanhelp.com/images/vcss.gif) top left no-repeat;}
div#footer div.valid a span#val_html {background: url(http://huntercanhelp.com/images/vxhtml11.gif) top left no-repeat;}
div#footer div.valid a:hover span#val_css {background: url(http://huntercanhelp.com/images/vcss.gif) 0 -31px no-repeat;}
div#footer div.valid a:hover span#val_html {background: url(http://huntercanhelp.com/images/vxhtml11.gif) 0 -31px no-repeat;}
div#footer div.valid a:hover {font-weight: bold; color: #EBDE73;}
div#footer div.valid a:active {position: relative; top: 2px; left: 2px;}
/* contact form */
label {position: relative; top: -.2em; float: left; width: 120px; text-align: right; line-height: 1.6em; padding: 4px 10px 0 0;}
input, textarea {float: left; width: 240px; padding: 4px; background: #381414; color: #e7da72; font-family: sans-serif; font-size: 15px; line-height: 1.3em; letter-spacing: .08em; border: 2px solid #A34944; border-bottom-color: #DD962C; border-right-color: #DD962C;}
textarea {height: 120px;}
button {width: 220px; background: #240B14; color: #F5CC5F; font-size: 16px; letter-spacing: .08em; text-align: center;  cursor: pointer; border: 2px solid #DD962C; border-bottom-color: #A34944; border-right-color: #A34944; padding: 6px 0;}
button:hover {background: #381414; color: #FCEC5B; border: 2px solid #A34944; border-bottom-color: #DD962C; border-right-color: #DD962C;}
button:active {position: relative; top: 2px;}
div#content_lead form p.warning {padding: 4px 0; font-size: 1.2em; color: #F7D472;}