@charset "utf-8";
/* CSS Document */

html {height:100%; margin-bottom: 1px;   }


body
{
font-family:Georgia, Arial, Times, serif;
color:#333333;
font-size:0.8em;
background-color:#ffffe7;
text-align:center;
margin:0;
padding:0;
} 

a
{
text-decoration:none;

}

img
{
border: 0;
}

#container1
{
background: url(../images/mainBG.gif) repeat-y  #e3e1dd ;
width: 1000px;
margin:0 auto;
text-align:left;
padding: 0px 0 0px 0;
overflow:hidden;


}



/*topnav*/
#banner
{margin: 0px 0 0 0;
padding:0;}

#topnav2
{margin:0 0 0 0; 
padding:0px 0 0 0;}

#topnav2 li
{
display:inline;}

#topnav
{margin:0 0 0 0; 
padding:0;}

ul#topnav li
 {display:block;
 float:left;
 }

		
ul#topnav li a {
	display:block;
	outline:none;
	width:165px;height:153px;
	background: url(../images/main-navigation.jpg) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 0px 0 0;
	}

	ul#topnav li a:hover, ul#topnav li a.current 
	 {background-position:0 -153px}
		

ul#topnav li#about-us a {
	width:85px;
	background-position:-165px 0;
	}
	ul#topnav li#about-us a:hover, ul#topnav li#about-us a.current {
		background-position:-165px -153px
		}
ul#topnav li#sign-up a { 
	width:71px;
	background-position:-251px 0;
	}
	ul#topnav li#sign-up a:hover, ul#topnav li#sign-up a.current {
		background-position:-251px -153px
		}
		
ul#topnav li#contact-us a {
	width:85px;
	background-position:-322px 0;
	/*background-position:-251px 0;*/
	}
	ul#topnav li#contact-us a:hover, ul#topnav li#contact-us a.current {
		background-position:-322px -153px
		}
ul#topnav li#buybooks a {
	width:85px;
	background-position:-407px 0;
	}
	ul#topnav li#buybooks a:hover, ul#topnav li#buybooks a.current {
		background-position:-407px -153px
		}
ul#topnav li#links a {
	width:85px;
	background-position:-506px 0;
	}
	ul#topnav li#links a:hover, ul#topnav li#links a.current {
		background-position:-506px -153px
		}


ul#topnav li#blank a {
	width:79px;
	background-position:-591px 0;
	}
ul#topnav li#blank a:hover, ul#topnav li#blogs a.current {
		background-position:-591px -0px;
		cursor:default;	
		}	
/*ul#topnav li#blank2 a { 
	width:79px;
	background-position:-577px 0;
	}
	ul#topnav li#blank2 a:hover, ul#topnav li#sign-up a.current {
		background-position:-577px -153px;
		cursor:default;	
		}		*/
		
.logo
		{
		float:left;
		margin: 0 39px 0 0px;
		padding:0;}	

#container2
{

margin:0 auto;
margin-top: 14px;
padding:0;
width:940px;
}


#container3
{
padding:0px 0 0 0 ;
margin: 0px 0px 0 0px;
clear:both;
overflow:hidden;
text-align:left;
}


#container3 p, h1, h2, h3, h4, h5
{
padding:0px 0 0 0 ;
margin: 0px 0px 20px 0px;

}



/*headings*/

h1
{font-size: 230%;}

h2
{font-size: 160%;}

h3
{font-size: 120%;}

h4
{font-size: 100%;}

h5
{font-size: 90%;}


h1.welcome {
	width: 335px; height: 40px;
	background:url(../images/welcome-to-brewers.gif) no-repeat;
	text-indent: -9999px;
}

h1.new-for-2009 {
	width: 335px; height: 40px;
	background:url(../images/new-for-2009.gif) no-repeat;
	text-indent: -9999px;
}

h1.about-brewers {
	width: 335px; height: 40px;
	background:url(../images/about-brewers.gif) no-repeat;
	text-indent: -9999px;
}

h2.about-dr-brewer {
	width: 335px; height: 45px;
	background:url(../images/about-dr-brewer.gif) no-repeat;
	text-indent: -9999px;
}

h1.explore-our-books {
	width: 335px; height: 45px;
	background:url(../images/explore-our-books.gif) no-repeat;
	text-indent: -9999px;
}

h1.phrase-and-fable  {
	width: 335px; height: 80px;
	background:url(../images/phrase-and-fable-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.london  {
	width: 345px; height: 80px;
	background:url(../images/london-phrase-and-fable-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.irish  {
	width: 335px; height: 80px;
	background:url(../images/irish-phrase-and-fable-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.modern  {
	width: 355px; height: 80px;
	background:url(../images/modern-phrase-and-fable-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.quotations  {
	width: 335px; height: 90px;
	background:url(../images/famous-quotations-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.nettle  {
	width: 335px; height: 90px;
	background:url(../images/nettle-knickers-exploding-toads-heading.gif) no-repeat;
	text-indent: -9999px;
}

h1.rogues  {
	width: 400px; height: 175px;
	background:url(../images/rogues-villains-eccentrics.gif) no-repeat;
	text-indent: -9999px;
}

h1.brewerphile  {
	width: 335px; height: 40px;
	background:url(../images/brewerphile.gif) no-repeat;
	text-indent: -9999px;
}

h1.contact-us  {
	width: 335px; height: 40px;
	background:url(../images/contact-us.gif) no-repeat;
	text-indent: -9999px;
}

h1.buy-books  {
	width: 335px; height: 45px;
	background:url(../images/buy-books.gif) no-repeat;
	text-indent: -9999px;
}

h1.links  {
	width: 335px; height: 40px;
	background:url(../images/links.gif) no-repeat;
	text-indent: -9999px;}

h1.blog  {
	width: 335px; height: 40px;
	background:url(../images/blog.gif) no-repeat;
	text-indent: -9999px;
}

h2.dr-brewer  {
	width: 235px; height: 35px;
	background:url(../images/about-dr-brewer-heading.gif) no-repeat;
	text-indent: -9999px;
}


#breadcrumbs
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
padding:0px 0 0px 0;
margin:0px 0 0 0px;
color:#999999;
clear:both;
}

#breadcrumbs p 
{

padding:0;
margin:6px 0 6px 0;

}
#breadcrumbs a
{
color:#999999;
}
#breadcrumbs a:hover
{
color:#FF0000;
}

.alignleft
{
float:left;

}

.alignright
{
float:right;
}




/*backgrounds*/

.whitebkgnd
{background:#FFFFFF;
margin: 0px 0px 10px 0px;
padding:20px 30px 0px 30px;
overflow:hidden;
}

.redbkgnd
{background: url(../images/red-bkgnd.gif) repeat #CC0000;
color:#FFFFFF;
margin: 0px 0px 10px 0px;
padding:20px 30px 0px 30px;
overflow:hidden;
}

#container3 .redbkgnd a
{color:#FFFFFF;
text-decoration:underline;}

#container3 .redbkgnd h1, #container3 .redbkgnd h2, #container3 .redbkgnd h3
{
color:#FFFFFF;

}


.cabinet-horizontal-1
{
background:url(../images/phrase-and-fable/horizontal-cabinet.jpg) no-repeat;
padding: 100px 10px 15px 198px;
color:#FFFFFF;
font-size: 85%;
}

.turquoisebkgnd
{
background:url(../images/tuquoise-bkgnd.gif) repeat #006699;
height: 275px;
color:#FFFFFF;
padding: 18px 20px 1px 20px;
font-size:160%;}


.turquoisebkgnd h1, h2, h3, h4

{
color:#FFFFFF;

}

#box1-home
{
height: 530px;
}




#vertical-cabinet2 
{

  margin:0 auto;
  margin-top:20px;
  }
#vertical-cabinet2 ul {margin:0px; padding:0px 0 0 0; }
	
#vertical-cabinet2 ul li {
list-style:none; 
text-indent:-9009px;
cursor:default;
}    
#vertical-cabinet2 ul li:hover { position:relative;}  

#vertical-cabinet2 ul ul {
display:none; 
position:absolute; 
right:70px; 
top:0px;  
background: #efefef no-repeat;
padding: 0 0 10px 0;
border: 2px solid #0c748d;

width:250px;

}   

#vertical-cabinet2 ul li:hover ul {display:block;}
#vertical-cabinet2 ul ul li {border:none; margin: 10px 50px 0 10px;  float:left; display:inline; text-indent:0px; 
}     
#vertical-cabinet2 ul ul li:hover {text-decoration:underline; border:none;}  

.cabinet-horizontal a
{

color:#FFFFFF;

}

#footer
{
clear:both;

color:#999;
background:url(../images/mainBG-bottom.gif) no-repeat bottom;
margin:0 auto;
padding:10px 0 20px 0;
font-size:85%;
text-align:center;
}

#footer p
{

margin:0 0 0px 0;
padding:0px 0 5px 0;
}



.underline
{
clear:both;

padding:0;
margin:0;
border-bottom: 1px solid #e3e1dd;}



.largetext
{
font-size: 135%;

}

.mediumtext
{
font-size: 110%;

}
.marginleft
{margin-left: 20px;
}
.clearall
{clear:both;
}

.image-align-left
{
float:left;
margin: 0 20px 0px 0;}

.image-align-left-marginbottom
{
float:left;
margin: 0 20px 20px 0;}

.image-align-right
{
float:right;
margin: 0 0px 0px 20px;}