/**************
Generic Elements
**************/
html{
background: #121212 url("images/header.jpg") no-repeat top center;
}
body {	
	margin: 0; padding: 0;
	font: 1.1em Helvetica, Arial, Verdana;

}
* {margin: 0; padding: 0; outline: none;}
img {border: none;}
h1 {
	font: 3em normal Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: center;
	background: url(h1_bg.gif) no-repeat;
	text-indent: -99999px;
	margin: 100px 0 10px;
}
h3{
text-transform:uppercase;
color:#BEBEBE;
margin-bottom:10px;
width:100%;
border-bottom:solid 1px #333;
}
a{
color: #7d7d7d;
outline:none;
}
 a:hover{
color: #c0c0c0;
}
#wrapper { 
 margin: 0 auto;
 width: 990px;
}

.clear { clear: both; background: none; }
/**************
Header Elements
**************/
#header {
 color: #333;
 width: 990px;
 padding: 0px;
 height: 150px;
 display:block;
 margin:0px 0px 0px 0px;
overflow:hidden;
}
.logolink{
display:block;
width:300px;
height:65px;
position:relative;
top:50px;
left:75px;
float:left;
}

.topmenu a{
position:relative;
display:inline-block;
top:80px;
left:130px;
height:30px;
width:80px;
margin:0 15px 0 15px;
}
.home{
background: transparent url(images/home.png) no-repeat 0px -30px;
}

.specials{
background: url(images/specials.png) no-repeat 0px -30px;
}
.photos{
background: url(images/photos.png) no-repeat 0px -30px;
}
.menu{
background: url(images/menu.png) no-repeat 0px -30px;
}
.menu:hover{
cursor:pointer;
}

.bavarian{
background: url(images/bavarian.png) no-repeat 0px -30px;
}
.irish{
background: url(images/irish.png) no-repeat 0px -30px;
}
.beerList{
background: url("images/beer list.png") no-repeat 0px -30px;
}


.contact{
background: url(images/contact.png) no-repeat 0px -30px;}

.menuItem:hover {
background-position:0px 0px;
}

/*************
DropDown Menu
*************/
 ul.topnav {  
     list-style: none;     
     margin: 0;         
     z-index:5;
     position:relative;
     left:130px;
     top:80px;
 }  
 ul.topnav li {  
     float: left;  
     margin: 0 10px 0 10px;  
     
     position: relative; /*--Declare X and Y axis base for sub navigation--*/  
 }  
 ul.topnav li a{ 
    
     
     display: block;  
     text-decoration: none;  
     float: left;  
     height:30px;
     width:80px;
 }  
  
 ul.topnav li span { /*--Drop down trigger styles--*/  
     width: 17px;  
     height: 35px;  
     float: left;       
 }  
 ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
 ul.topnav li ul.subnav { 

     list-style: none;  
     position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
     left: -70px; top: 35px;  
     margin: 0; padding: 0;  
     display: none;  
     float: left;  
     width: 290px;     
 }  
 ul.topnav li ul.subnav li{  
     margin: 0;
     padding: 0;     
     display:inline;
    overflow:visible;
 }  
 html ul.topnav li ul.subnav li a {    
     margin: 0 8px 0 8px;     
     width:88px;
 }
 a.irish{
 width:50px !important;
 }  
 

/*************
Middle Elements
**************/
#faux { 
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 989px;
}
.content{
font-size: 0.75em;
	line-height: 1.45em;
	color: #7d7d7d;
}
.content p{
margin-bottom:10px;
}
#column1, #column2{
display:inline;
float:left;
width:385px;
padding: 0 20px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 150px;
 float: left;
}
#singlecolumn{
width:905px;
min-height:600px;
padding-left:75px;
}
#rightcolumn { 
 float: right;
 color: #333;
 padding: 0px;
 width: 850px;
 display: inline;
 position: relative;
}
#lowercontent{
clear:both;
}
#leftlowercontent, #rightlowercontent{
float:left;
margin-top:15px;
height:200px;
width:400px;

}
#leftlowercontent{
background:url(images/separator.jpg) no-repeat top right;
}

#leftlowercontent .lowerheader{
background:url(images/Booking.png) no-repeat 0 0;
background-position:0 -31px;
}
#middlelowercontent .lowerheader{
background:url(images/Listings.png) no-repeat 0 0;
}
#leftlowercontent .lowerheader, #middlelowercontent .lowerheader {
display:block;
height:30px;
width:205px;
margin-left:80px;
}
#leftlowercontent .lowerheader:hover, #middlelowercontent .lowerheader:hover{
background-position: 0 0px;
}

.photoalbum{
padding: 5px;
margin:0 4px 7px 4px;
text-align:center;
display:block;
background:#212121;
border:solid 1px #333;
}
.photoalbum img{
border:solid 1px #333 !important;
}/*
.photoalbum:hover{
border:solid 1px #c0c0c0;
}*/
.photo{
padding: 5px;
margin:0 4px 7px 4px;
background:#212121;
border:solid 1px #333;
display: block;

}
.photo:hover{
border:solid 1px #c0c0c0;
}
/**************
Footer Elements
**************/
#footer { 
border-top:solid 1px #333;
 width:895px;
 clear: both;
 color: #7d7d7d;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 margin-left:75px;
 font-size: 0.75em;
	line-height: 1.45em;
}
 

#footer ul{
list-style-type:none;
float:right;
margin-right:30px;
}

#footer li{
height:1.45em;
display:block;
margin:5px 0 5px 0;
}