/* BrewPR.com StyleSheet*/

* { margin: 0; padding: 0;}

body {
  background: #efefef;
  padding:0;
  margin:0;
  font: 62.5% Verdana, Tahoma, "Lucida Grande", Verdana, Helvetica, sans-serif;
}

h2 {
  font:12px/160% "Verdana";
  text-transform:uppercase;
  color:#535353;
  font-weight: bold;
  padding-bottom: 10px;
}
h3 {
  font:bold 11px/140% "Verdana";
  text-transform: capitalize;
  color:#535353;
}

h3.normal {
  font:bold 11px/140% "Verdana";
  color:#535353;
	text-transform:none;
}

strong {
  font:bold 10px/130% "Verdana";
  color:#535353;
}

p {
  padding-bottom:10px;
}

/*.article {
  padding-bottom:16px;
}*/

.indent {
  padding-bottom:.8em;
  margin-left:15px;
}

.purple {
  color:#662c93;
  font-weight:bold;
}

	
a:link,a:visited,a:active {
  color:#666;
  text-decoration:underline;
}

a:hover {
  color:#999;
}

#wrap {
  width:661px;
}

a#headerlink {
  background:url(images/header.gif) no-repeat 0 0;
  width:608px;
  height:93px;
  display:block;
  margin-left:53px;
}

/* wrap was changed to 551 to make it 4 to a row. normal is 661 */

#wrap {
  width:661px;
}

#pagename {
  position:absolute;
  left:0;
  top:160px;
  width:30px;
  height:261px;
}

/* PAGE HEADERS & FOOTERS */

#introheader {
  background:url(images/introheader.jpg) no-repeat 0 0;
  width:367px;
  height:79px;
  float:left;
}

#hitsheader {
  background:url(images/hitsheader.jpg) no-repeat -213px 0;
  width:170px;
  height:81px;
  float:left;
}

#buzzheaderflash {
  float:left;
  margin-bottom:15px;
  padding-top:10px;
  padding-left:46px;
}

#homeheaderflash {
  float:left;
  padding-left:46px; 
  margin-top:10px; 
  margin-bottom:10px;   
}

#homefooterheader {
  float:left;
  margin-left:15px;
}

#homefooterflash {
  float:left;
  padding-left:46px;
}

#contactheaderflash {
  float:left;
  margin-bottom:15px;  
  padding-left:46px; 
  margin-top:10px;       
}

/* END PAGE HEADERS */

#maincontent {
  width:580px;
  padding-left:53px;
  padding-top:10px;
  font:1.1em/120% Verdana, Tahoma, "Lucida Grande", Verdana, Helvetica, sans-serif;
  color:#797979;
}

#smallercontent {
  width:580px;
  margin-left:53px;
  padding-top:10px;
  font:1.1em/120% Verdana;
  color:#797979;
}

.home_brewhits {
  margin-left:15px;
  width:260px;
  float:left;
}

.home_brewbuzz {
  width:260px;
  float:left;
  margin-left:40px;
}

.contact_left {
  margin-left:15px;
  width:250px;
  float:left;
}

.contact_right {
  width:250px;
  float:left;
  margin-left:50px;
}

a.hitsreadmore {
  font-size:11px;
}

#subnav {
  width:700px;
  height:85px;
  float:left;
  padding-bottom: 15px;
}

#subnav a#brewintro {
  background:url(images/brewintro.jpg) no-repeat 0 0;
  display:block;
  width:69px;
  height:79px;
  float:left;
  margin-right:4px;
}
#subnav a#brewintro:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#brewintroon {
  background:url(images/brewintro.jpg) no-repeat 0 0;
  display:block;
  width:69px;
  height:79px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#brooke {
  background:url(images/brooke.jpg) no-repeat 0 0;
  display:block;
  width:69px;
  height:79px;
  float:left;
  margin-right:4px;
}
#subnav a#brooke:hover {
  background:url(images/brooke.jpg) no-repeat 0 -79px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#brookeon {
  background:url(images/brooke.jpg) no-repeat 0 -79px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
  float:left;
  display:block;
  width:69px;
  height:79px;
  margin-right:4px;
}

#subnav a#dena {
  background:url(images/dena.jpg) no-repeat 0 0;
  display:block;
  width:69px;
  height:79px;
  float:left;
  margin-right:4px;
}
#subnav a#dena:hover {
  background:url(images/dena.jpg) no-repeat 0 -79px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#denaon {
  background:url(images/dena.jpg) no-repeat 0 -79px;
  display:block;
  width:69px;
  height:79px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2010 {
  background:url(images/hits2010.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2010:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2010on {
  background:url(images/hits2010.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2009 {
  background:url(images/hits2009.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2009:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2009on {
  background:url(images/hits2009.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2008 {
  background:url(images/hits2008.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2008:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2008on {
  background:url(images/hits2008.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2007 {
  background:url(images/hits2007.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2007:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2007on {
  background:url(images/hits2007.png) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2006 {
  background:url(images/hits2006.jpg) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2006:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2006on {
  background:url(images/hits2006.jpg) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

#subnav a#hits2005 {
  background:url(images/hits2005.jpg) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
}
#subnav a#hits2005:hover {
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}
#subnav a#hits2005on {
  background:url(images/hits2005.jpg) no-repeat 0 0;
  display:block;
  width:71px;
  height:81px;
  float:left;
  margin-right:4px;
  border:3px solid #662c93;
  border-width:0 0 3px 0;
  padding-bottom:2px;
}

/* ROSTER */

#rosterwrap {
	border:1px solid #ccc;
	border-width:0 0 1px 0;
}

#previous_clients {
	float:right;
	width:140px;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
}

#previous_clients h3 {
	color:#B089BF;
	text-transform:uppercase;
	margin-bottom:10px;
}

#previous_clients ul {list-style-type:none;}
#previous_clients li {text-indent:12px;}
#previous_clients li a {font-size:10px;color:#B089BF;text-decoration:none;}


#rosterlogos {

  padding:10px 10px 10px 53px;
	width:454px;
	float:left;
	border:1px solid #ccc;
	border-width:0 1px 0 0;
}

.rosterlinks {
  display:block;
  background:#fff;
  float:left;
  margin-right:4px;
  margin-bottom:4px;
  border:1px solid #798786;
}

a.rosterlinks:hover {
  border:1px solid #000;
}

.rosterlinks img {
  border:0;
}

.rosterinfo {
  width:460px;
	!width:445px;
  float:left;
}

.rosterurls {
  font-size:.9em;
  border:1px solid #ccc;
  border-width:0 0 0 1px;
  width:102px;
  height:75px;
  padding-left:12px;
  float:right;
}

.rosterurls a {
  text-decoration:underline;
  color:#7a7a7a;
}
.rosterurls a:hover {
  text-decoration:underline;
}

/* END ROSTER */

/* Main Navigation */

#nav {
  background:transparent url(images/nav.png) no-repeat 0 0;
  height:33px;
  margin-left:53px;
}

#buttons {
  clear:both;
  height:33px;
  position:relative;
  display:block;
  width: 608px;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:33px; display:block; top:0;}
#button1 {left: 0; width: 88px;}
#button2 {left: 90px; width: 100px;}
#button3 {left: 195px; width: 80px;}
#button4 {left: 280px; width: 90px;}
#button5 {left: 370px; width: 90px;}
#button1 a:hover {background: transparent url(images/nav.png) 0 -33px no-repeat;}
#button2 a:hover {background: transparent url(images/nav.png) -90px -33px no-repeat;}
#button3 a:hover {background: transparent url(images/nav.png) -195px -33px no-repeat;}
#button4 a:hover {background: transparent url(images/nav.png) -280px -33px no-repeat;}
#button5 a:hover {background: transparent url(images/nav.png) -370px -33px no-repeat;}
#button1 a#on {background: transparent url(images/nav.png) 0 -66px no-repeat;}
#button2 a#on {background: transparent url(images/nav.png) -90px -66px no-repeat;}
#button3 a#on {background: transparent url(images/nav.png) -195px -66px no-repeat;}
#button4 a#on {background: transparent url(images/nav.png) -280px -66px no-repeat;}
#button5 a#on {background: transparent url(images/nav.png) -370px -66px no-repeat;}

/* twitter */
#twitter {
 right: 0;
 width: 56px;
 border-left: 1px dotted #aaa;
}
#twitter a {
  display: block;
  height: 33px;
  width: 56px;
  text-indent: -4000em;
  background: url(images/brew_twitter.gif) no-repeat center;
}
/* End Main Navigation */

/* BUBBLE TOOL TIPS */

.tooltip{
  width: 180px;
  color:#662c93;
  font:bold 12px/1.3 Arial,sans-serif;
  text-decoration:none;
  text-align:center;
}

.tooltip span.top{
  /*padding: 30px 8px 0;*/
  height:35px;
  padding-top:2px;
  background: url(images/bt.gif) no-repeat top;
}


/* END BUBBLE TOOL TIPS */

/***************************************************************************//* float patch */

.floatcontainer:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.floatcontainer {display:inline-block;}
/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}
/* Hide from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}