@import url("reset.css");

/* CSS Document 
author:    JD Richards
email:     jdr@violentbydesign.com
website:   http://violentbydesign.com
-----------------------------------------------------------------------------------------------------------------*/

html,body {background: #666666; color: #666666; font: 12px Helvetica, Geneva, Arial, sans-serif; padding-top: 30px;}
#outer {background: #72AE43 url(/assets/images/bg.png) repeat-x; border: 10px solid #FFFFFF; width: 800px; margin-right: auto; margin-left: auto; min-height: 650px; position: relative;}
#main {margin-right: auto; margin-left: auto; width: 510px; background: #FFFFFF; border-bottom: 5px solid #666666; padding-top: 10px; padding-bottom: 10px;} 

#menu { background: #666666; width: 510px; margin-right: auto; margin-left: auto; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; }
#menu a, #menu a:link, #menu a:active, #menu a:visited { color: #ebebeb; text-decoration: none; }
#menu a:hover { color: #72AE43; text-decoration: none; }

#menu ul { padding: 10px 0; }
#menu ul li { display: inline; border-right: 1px solid #FFF; padding-right: 5px; padding-left: 2px; }
#menu ul li:first-child { padding-left: 0px; }
#menu ul li:last-child { border-right: 0px none; padding-right: 0px; }



a, a:link, a:hover {color: #72AE43; font-weight: bold;} a:hover {text-decoration: none;}
h1 a {background: url(/assets/images/logo.png) repeat; height: 97px; width: 260px; text-indent: -9999em; margin: 0px auto; display: block;} 

h2 {color: #FFFFFF; background: #73ae44 url(/assets/images/money.png) no-repeat right center; width: 500px; padding-left: 10px; font-size: 14px; margin: 0px auto; height: 52px; vertical-align: middle; padding-top: 37px; font-weight: normal;} #tagline {text-align: center; font-weight: bold; margin-bottom: 5px;} .green {color:#73AE44; font-weight: bold;} 
	
#main p {text-align: justify; line-height: 23px; margin: 0px 30px 20px;} 

#address {text-align: center; font-size: 17px; color: #FFFFFF; margin-top: 10px; margin-bottom: 10px;} 
#fifty-walking-billboards h2 {background: #73ae44 url(none); width: 500px; color: #73ae44;}

#details {width: 320px; text-align: center; background: url(/assets/images/50-walking-bb.png) no-repeat 300px 5px; height: 195px; position: relative; top: -98px; padding: 95px 190px 0px 0; margin:0 0 -98px 0; color: #000; font: 16px/20px Arial, Helvetica, sans-serif;}

#clickhere {line-height: 20px; background: url(/assets/images/click_here_to_see_tee.png); margin: 3px auto 0; display: block; width: 227px; height: 25px; text-indent: -9999em;}
#availability {font-size: 9px; line-height: 20px; position: relative; top: -25px;}

a#proven_promo_top {display: block; height: 50px; width: 100px; background: url(/assets/images/proven_promo.png) no-repeat; text-indent: -9999em; position:absolute; top:0px; right:5px;} 
a#proven_promo_bottom {display: block; height: 50px; width: 100px; background: url(/assets/images/proven_promo.png) no-repeat 0px -50px; text-indent: -9999em; position:absolute; top:50px; right:5px;} 

a#member {display: block; height: 42px; width: 73px; background: url(/assets/images/member.png) no-repeat; text-indent: -9999em; position: relative; bottom: -50px; left: 5px;}
a#facebook {display: block; text-indent: -9999em; height: 25px; width: 120px; background: url(/assets/images/facebook.png); position: relative; bottom: -25px; left: 350px;}
a#info_survey {display: block; text-indent: -9999em; height: 28px; width: 131px; background: url(/assets/images/info_survey.png); position: relative; bottom: 2px; left: 666px;}


#yourname { color: #72AE43; text-transform: uppercase; font-size: 14px; line-height: 75px; font-weight: bold; }
#logoarea { text-align: center; margin: 0px; padding: 0px; }



#cr { color: #999; text-align: center; font: 14px "Arial Black", Gadget, sans-serif; background: #121415 url(../images/cr_footer_bg.jpg) repeat-x; height: 50px; margin-top: 50px; padding: 50px 0px 0px; }
#cr a { color: #999; text-decoration: none; border-top: 0px none #333; border-right: 0px none #333; border-bottom: 2px dotted #333; border-left: 0px none #333; } #cr a:hover { text-decoration: none; border-top: 0px none #EBEBEB; border-right: 0px none #EBEBEB; border-bottom: 2px solid #EBEBEB; border-left: 0px none #EBEBEB; color: #EBEBEB; }