body {
font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
color: #fff;
background-image: url('../_imgs/bg-red.gif');
}


/*********** TEXT *************/

h2 {
font-size: 14px;
color: #AA272F;
text-transform: uppercase;
}

/* TITLE IMAGE REPLACEMENT*/
h1#bb-title {
width: 423px;
height: 184px;
font-size: 60px;
position: relative;
float: left;
}

h1#bb-title span {
background: url('../_imgs/bb-title.gif') no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

h2#concept-title {
width: 106px;
height: 15px;
position: relative;
}

h2#concept-title span {
background: #000 url('../_imgs/header-theconcept.gif') no-repeat;
position: absolute;
width: 100%;
height: 100%;
margin-left: -1px;
}

h2#result-title {
width: 95px;
height: 15px;
position: relative;
}

h2#result-title span {
background: #000 url('../_imgs/header-theresult.gif') no-repeat;
position: absolute;
width: 100%;
height: 100%;
margin-left: -1px;
}

h2#beerbrats-title {
width: 95px;
height: 15px;
position: relative;
}

h2#beerbrats-title span {
background: #000 url('../_imgs/header-beerbrats.gif') no-repeat;
position: absolute;
width: 100%;
height: 100%;
margin-left: -1px;
}

p {
font-size: 14px;
margin: 0 0 15px 0;
line-height: 19px;
}

a, a:link, a:visited, a:active {
color: #fff;
}

a:hover {
color: #fcb9bb;
}

#bottom-section p {
font-family: Brothers, "Arial Black";
font-size: 13px;
color: #000;
text-transform: uppercase;
font-weight: bold;
}

#bottom-section a{
font-family: "Brothers", Arial, sans-serif;
font-weight:bold;
}


/*********** DIVS ************/

#container {
margin: 75px 0 0 0;
}

#top-section, #middle-section, #bottom-section {
width: 930px;
margin: 0 auto 0 auto;
padding-left: 20px;
}

#top-section {
height: 220px;
}

#middle-section-contain {
background-color: #000;
}

#middle-section-content {
padding: 30px 0 20px 0;
width: 625px;
}

#bottom-section {
padding-top: 25px;
}


/************ IMAGES **************/

img#logo {
margin: 60px 0 0 197px;
}

img#twitter {
position: relative;
top: 3px;
}