/* 

site: DrFunnel.com 
author: Goro Harumi

### Color Guide ###

red: #ae0000

*/


* {
  padding:0;
  margin:0;
  border:0;
}

html {
  background:#333 url(../images/bg.png) top repeat-x;
}

body {
  width:811px;
  margin:0 auto;
  font:62.5% Arial, Helvetica, sans-serif;
  position:relative;
}

ul {
  list-style:none;
}

fieldset#contact input,
fieldset#contact textarea {
  border:1px solid #CCC;
  padding:5px;
}

/* Hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img, #shadows, h1 { behavior: url(iepngfix.htc); } /* Makes png's work in IE 6 */


/* General */

h1 {
  text-indent:-9999em;
  background:url(../images/drfunnel.png) no-repeat;
  height:105px;
  width:427px;
  position:absolute;
  top:23px;
  left:12px;
}

h2, h3, h4, h5, p {
  font-size:1.2em;
  line-height:1.5em;
}

a {
  outline:none;
  text-decoration:none;
}

#container {
  background:url(../images/content_bg.png) repeat-y;
  width:811px;
}

#header {
  background:url(../images/masthead.png) no-repeat;
  width:811px;
  height:148px;
  position:relative;
}

p#slogan {
  color:#FFF;
  position:absolute;
  font-weight:bold;
  top:116px;
  left:160px;
  z-index:20;
}

#header li a {
  display:block;
  text-indent:-9999em;
}

li#home a {
  position:absolute;
  width:408px;
  height:85px;
  top:32px;
  left:15px;
}

li#online_store a {
  position:absolute;
  width:150px;
  height:26px;
  top:55px;
  left:425px;
}

li#faq a {
  position:absolute;
  width:47px;
  height:26px;
  top:55px;
  left:608px;  
}

li#news a {
  position:absolute;
  width:62px;
  height:24px;
  top:82px;
  left:445px;  
}

li#about a {
  position:absolute;
  width:77px;
  height:24px;
  top:82px;
  left:540px;  
}

p#trust_me {
  color:#333;
  position:absolute;
  font-size:1em;
  top:120px;
  left:525px;
}

#shadows {
  position:absolute;
  background:url(../images/shadows.png) no-repeat;
  width:814px;
  height:411px;
  z-index:0;
  left:0;
}

#main_content {
  width:430px;
  background:#f7f5e7;
  float:left;
  padding:0 20px;
  margin-left:40px;
  position:relative;
  z-index:1;
}

#main_content p {
  margin:1em 0;
}

#main_content a {
  color:#AE0000;
}

#main_content a:hover {
  border-bottom:1px dotted #ae0000;
}

#main_content h2 {
  margin:1em 0;
  font-size:1.5em;
  color:#ae0000;
}

#main_content h3 {
  margin:1.5em 0 1em;
}

/*h2#letterhead {
  position:absolute;
  width:456px;
  height:43px;
  margin:0;
  background:url(../images/letterhead.png) no-repeat;
  text-indent:-9999em;
  top:0;
  left:7px;
}*/

h2#letterhead {
  position:absolute;
  margin:0;
  text-indent:-9999em;
  top:0;
  left:7px;
}

p.index_first {
  padding-top:45px;
}

img#signature {
  float:right;
  margin-top:25px;
  margin-right:25px;
}

#sub_content {
 margin-left:11px;
 width:263px;
 background:url(../images/main_content_top_bg.png) top repeat-x;
 float:left; 
}

img.cd_promo {
  margin-top:10px;
}

#module {
  background:#dcdcdc url(../images/sidebar_bottom.png) bottom no-repeat;
  width:256px;
  margin-top:7px;
  padding-bottom:7px;
  position:relative;
  z-index:2;
}

#module h2 {
  width:256px;
  height:41px;
  background:url(../images/sidebar_top.png) no-repeat;
  text-indent:-9999em;
}

.beer_bongs {
  padding:1em 1em 0;
  border:1px solid #cdcdcd;
  border-width:0 1px;
}

.beer_bongs img {
  float:left;
  padding-right:1em;
  margin-bottom:0.25em;
}

.beer_bongs h3 {
  padding-top:0.5em;
  margin:0.25em 0;
}

.beer_bongs h3 a {
  color:#ae0000;
  font-size:1.4em;
  text-decoration:none;
}

.beer_bongs p {
  font-size:1.1em;
  font-style:italic;
}

#sub_content blockquote {
  background:url(../images/top_quote.gif) no-repeat;
  margin-top:1.5em;
  padding:0.5em 1.5em;
}

#sub_content blockquote p {
  font-style:italic;
  font-size:1.4em;
  margin:0 0 0.5em;
}

#sub_content blockquote cite {
  display:block;
  font-size:0.8em;
  text-align:right;
  padding:0.5em 1em;
  font-style:normal;
  background:url(../images/bottom_quote.gif) bottom right no-repeat;
}

/* Store */

#the_classic {
  width:430px;
  height:268px;
  background:url(../images/store_the_classic.jpg) no-repeat;
  position:relative;
}

#the_classic p {
  position:relative;
  top:50px;
  left:20px;
  width:200px;
  color:#FFF;
  font-size:1.25em;
  margin:0.5em 0;
}

#the_classic form {
  position:absolute;
  top:140px;
  left:20px;
}

#booze_belly {
  width:430px;
  height:250px;
  background:url(../images/store_booze_belly.png) no-repeat;
  position:relative;
}

#booze_belly p {
  position:relative;
  top:35px;
  left:20px;
  width:200px;
  color:#FFF;
  font-size:1.25em;
  margin:0.5em 0;
}

#booze_belly form {
  position:absolute;
  top:120px;
  left:20px;
}

#future_funnel {
  width:430px;
  height:268px;
  background:url(../images/store_future_funnel.jpg) no-repeat;
  position:relative;
}

#future_funnel p {
  position:relative;
  top:125px;
  left:20px;
  width:200px;
  color:#FFF;
  font-size:1.25em;
  margin:0.5em 0;
}

#future_funnel form {
  position:absolute;
  top:200px;
  left:20px;
}

#mini_mayhem {
  width:430px;
  height:268px;
  background:url(../images/store_mini_mayhem.jpg) no-repeat;
  position:relative;
  margin-bottom:20px;
}

#mini_mayhem p {
  position:relative;
  top:50px;
  left:20px;
  width:200px;
  color:#FFF;
  font-size:1.25em;
  margin:0.5em 0;
}

#mini_mayhem form {
  position:absolute;
  top:125px;
  left:20px;
}

#full_arsenal {
  width:430px;
  height:285px;
  background:url(../images/store_full_arsenal.jpg) no-repeat;
  position:relative;
  margin-bottom:20px;
}

#full_arsenal p {
  position:relative;
  top:150px;
  left:20px;
  width:200px;
  color:#FFF;
  font-size:1.25em;
  margin:0.5em 0;
}

#full_arsenal form {
  position:absolute;
  top:220px;
  left:20px;
}

#booze_belly form.view_cart,
#the_classic form.view_cart, 
#future_funnel form.view_cart, 
#mini_mayhem form.view_cart, 
#full_arsenal form.view_cart  {
  left:100px;
}

#the_classic h2, #mini_mayhem h2, #future_funnel h2, #full_arsenal h2 {
  position:absolute;
  text-indent:-9999em;
}

label {
  display:block;
  float:left;
  width:100px;
}

ul#footer {
  width:811px;
  height:107px;
  background:url(../images/footer.png) no-repeat;
  clear:both;
  padding-left:35px;
  position:relative;
}

#footer li {
  position:relative;
  top:65px;
  display:inline;
  color:#FFF;
  margin-right:1.25em;
  font-size:1.1em;
}

#footer li a {
  color:#FFF;
  text-decoration:none;
  font-weight:bold;
}

#footer li a:hover {
  padding-bottom:2px;
  border-bottom:1px solid #999;
}

li#disclaimer {
  position:absolute;
  right:55px;
}