/*~~~~~~~~~~~~~~~~Designed by 'Brendan James Mcloughlin' 2008 for the Highbury Hotel
12 rigby road, blackpool, lancashire, fy1 5de (01253) 624415~~~~~~~~~~~~~~~~*/ 

body{
margin: 0px;
padding: 0px;
font-family:arial, helvetica, sans-serif;
text-align: center;
font-size:62.5%;
background:#fff url(../graphics/body_bg.gif) repeat-x top left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~general styling*/

a{
outline:none;
color:#666666;
font-size:1.1em;
}

a:link, a:visited{
color:#666666;
}

a:hover{
color:#000;
text-decoration:none;
}

ul li{
list-style-type:none;
}

p{
font-family:arial, helvetica, sans-serif;
font-size:1.2em;
line-height:1.4em;
word-spacing:0.1em;
color:#663333;
margin:0;
padding:0;
}

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

h1, h2, h3, h4, h5, h6{
font-family:arial, helvetica, sans-serif;
color:#663333;
margin: 0px;
padding: 0px;
}

table, th, tr, td{
font-family:arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
border-collapse:collapse;
}  

h6{
font-size:1.2em;
letter-spacing:0.09em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~self centering container*/ 

#container{
width:928px;
margin: 0px auto;
text-align: left;
position:relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~masthead*/ 

#masthead{
width:928px;
height:130px;
position:relative; 
}

#branding{
position:relative;
top:0px;
left:-10px;
background:transparent url(../graphics/logo.jpg) no-repeat top left;
width:284px;
height:120px;
}

h1#logo1, h2#logo2{
text-indent:-9999px;
font-size:1%;
}

#content_block, .loc_cont{
width:928px;
height:363px;
}

#address{
background:transparent url(../graphics/address.gif) no-repeat top left;
width:243px;
height:33px;
text-indent:-9999px;
font-size:1%;
}

#contact{
text-indent:-9999px;
font-size:1%;
}

#contact a{
display:block;
width:65px;
height:16px;
text-decoration:none;
}

#contact a:link, #contact a:visited{
background:transparent url(../graphics/mail.gif) no-repeat top left;
}

#contact a:hover{
background:transparent url(../graphics/mail.gif) no-repeat 0 -19px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~menu*/


#main_nav {
width: 462px;
top:-120px;
left:466px;
position: relative;
background: url(../graphics/menu.gif);
margin:0;
padding:0;
}

#main_nav li {
float: left;
list-style-type:none;
}

#main_nav li a {
position: absolute;
margin: 0;
padding: 0;
display: block;
height: 126px;
background: url(../graphics/menu.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

li#nav_hom a {
left: 0;
width: 55px;
background-position: 0 0;
}


li#nav_gal a {
left: 55px;
width: 66px;
background-position: -55px 0;
}

li#nav_food a {
left: 121px;
width: 109px;
background-position: -121px 0;
}

li#nav_pri a {
left: 230px;
width: 58px;
background-position: -230px 0;
}

li#nav_loc a {
left: 288px;
width: 74px;
background-position: -288px 0;
}

li#nav_con a {
left: 362px;
width: 100px;
background-position: -362px 0;
}

li#nav_hom a:hover{
background-position: 0 -126px;
}

li#nav_gal a:hover{
background-position: -55px -126px;
}

li#nav_food a:hover{
background-position: -121px -126px;
}

li#nav_pri a:hover{
background-position: -230px -126px;
}

li#nav_loc a:hover{
background-position: -288px -126px;
}

li#nav_con a:hover{
background-position: -362px -126px;
}

#body_hom li#nav_hom a {
background-position: 0 -126px;
}

#body_gal li#nav_gal a {
background-position: -55px -126px;
}

#body_food li#nav_food a {
background-position: -121px -126px;
}

#body_pri li#nav_pri a {
background-position: -230px -126px;
}

#body_loc li#nav_loc a {
background-position: -288px -126px;
}

#body_con li#nav_con a {
background-position: -362px -126px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CONTENTBLOCKS*/


#content_block{
position:relative;
top:20px;
margin:0;
padding:0;
}

#home_intro{
width:329px;
height:90px;
background: url(../graphics/home_intro.png) no-repeat;
display:block;
text-indent:-9999px;
font-size:1%;
margin-bottom:0.6em;
}

#coffee_intro{
width:329px;
height:49px;
background: url(../graphics/coffee_intro.png) no-repeat;
display:block;
text-indent:-9999px;
font-size:1%;
margin-bottom:0.6em;
}

#txt_cont{
position:absolute;
top:35px;
right:70px;
width:330px;
height:300px;
overflow:auto;
}

#txt_cont_cof{
position:absolute;
top:95px;
right:70px;
width:330px;
height:300px;
overflow:auto;
}

#txt_cont_pr{
position:absolute;
top:25px;
right:40px;
width:385px;
height:340px;
overflow:auto;
}

#cont_map{
position:absolute;
top:0;
left:0;
width:928px;
height:374px;
background:transparent url(../graphics/map_load.gif) no-repeat center center;
}

#txt_cont_contact{
position:absolute;
top:35px;
right:40px;
width:330px;
}

#route_plan{
position:absolute;
top:5px;
right:5px;
width:300px;
padding:5px;
background-color:#FF9933;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow : 0 0 7px rgba(1,1,1,.6);
-webkit-box-shadow : 0 0 5px rgba(1,1,1,.6);
color:#000;
font-weight:bold;
text-align:center;
}

#route_plan a{
color:#fff;
}

#route_plan a:hover{
color:#000;
}

#directions{
font-weight:normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~banners*/

#midweek{
width:168px;
height:165px;
background: url(../graphics/midweek.png) no-repeat top left;
display:block;
position:absolute;
top:-40px;
left:340px;
}

h4#mdwk{
text-indent:-9999px;
font-size:1%;
}

p#price{
font-size:2.6em;
color:#fff;
position:absolute;
top:80px;
left:24%;
font-family:georgia;
}

/*===================boastbanner*/

#boast h2#ban{
text-indent:-9999px;
font-size:1%;
}

#boast{
width:447px;
height:35px;
display:block;
background: url(../graphics/banner.png) no-repeat top left;
position:absolute;
top:-96px;
left:0;
}

/*===================coffeebanner*/

#cof_ban{
width:136px;
height:53px;
background: url(../graphics/coffee_ban.png) no-repeat top left;
display:block;
position:absolute;
top:10px;
left:10px;
}

h4#cof_hed{
text-indent:-9999px;
font-size:1%;
}

p#cof_pri{
font-size:2.2em;
color:#993333;
position:absolute;
top:19px;
left:73px;
font-weight:bold;
font-family:georgia;
}

/*===================eveningmealbanner*/

#eve_ban{
width:155px;
height:53px;
background: url(../graphics/evemeal.png) no-repeat top left;
display:block;
position:absolute;
top:-130px;
left:280px;
}

h4#eve_hed{
text-indent:-9999px;
font-size:1%;
}

/*===================smokingbanner*/

#smoke{
position:absolute;
top:275px;
left:10px;
color:#fff;
font-weight:bold;
letter-spacing:0.090em;
font-size:1.1em;
}

/*===================newyearsbanner*/

#newyear_ban{
width:197px;
height:169px;
background: url(../graphics/newyear_ban2.png) no-repeat top left;
display:block;
position:absolute;
top:-70px;
left:300px;
}

h4#newyear_hed{
text-indent:-9999px;
font-size:1%;
}

p#newyear_pri{
font-size:2.5em;
color:#663333;
position:absolute;
top:110px;
left:80px;
font-weight:bold;
font-family:georgia;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~footer*/

#footer_block{
position:relative;
top:82px;
width:928px;
height:77px;
}

#details{
position:absolute;
top:0px;
left:0px;
}

#cred{
position:absolute;
top:0;
right:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~links*/

.links{
display:inline;
float:left;
width:16em;
margin-right:22em;
margin-top:12em;
margin-bottom:2em;
}

.first{
margin-left:-10px;
}

.last{
margin-right:0;
}

h6.lnk_hd{
margin-bottom:0.7em;
padding-left:1em;
}

ul.ext_lnks, li.li_lnks{
margin-bottom:0.6em;
}

li.li_lnks a:link, li.li_lnks a:visited{
padding-left:1em;
}

li.li_lnks a:hover{
background:transparent url(../graphics/lnk_arrow.gif) no-repeat center left;
}

ul.ext_lnks{
margin-bottom:0.9em;
}
/*-----------fixes problems with multi line links*/
.multi_line{
padding-left:1em;
margin-bottom:0.6em;
}

p.link_tit{
padding-left:1em;
font-size:1em;
}

p#designer{
font-size:1.1em;
clear:left;
margin-bottom:50px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~form*/

label{
display:block;
padding-top:0.5em;
font-size:1em;
}

input{
width:16.0em;
border:1px solid #CC9999;
padding:0.1em;
margin-bottom:0.2em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}


textarea{
border:1px solid #CC9999;
width:250px;
margin-bottom:1em;
overflow:auto;
padding:0.2em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

input#send{
width:08.0em;
border:1px solid #000;
}

input#send:hover{
background-color:#ccc;
-moz-box-shadow : 0 1px 5px rgba(1,1,1,.8);
-webkit-box-shadow : 0 1px 5px rgba(1,1,1,.8);
}

.warning{
color:red;
font-size:0.9em;
}

.phone{
font-size:1.4em;
font-weight:bold;
}


#flash_banner{position:absolute; top:0; right:0; z-index:10;}
#may_june_banner{position:absolute; top:110px; right:420px; z-index:100;}

noscript{position:absolute;  margin-left:25%; top:170px;}
noscript p{background-color:red; color:#fff; padding:0.5em; font-weight:bold;letter-spacing:5px;text-decoration:blink;}