/* CSS Document */


body {
margin:0;
background-color:#6b251b;
font-size:14px;
color:#000000;
font-family: Verdana;
line-height: 150%;
}

.clearleft {
clear: left;
}

/*Lucida Grande
Verdana */


a {
color:#999999; 
/*font-weight:bold; */
text-decoration:none;
}
a:hover {
color:#333333; 
/*font-weight:bold; */
text-decoration:none;
}



.toplinkscont {
float: left;
width: 1060px;
width: 1060px;
background-color: #ffffff;
}

.toplinks {
float: left;
margin: auto;
background-color: #6B251B;
}


.toplinks a {
padding: 1px 4px 2px 4px;
border-right: 1px rgb(107,37,27) solid;
text-decoration:none;
font-weight: bold;
color: #ffffcc;

}

.toplinks a:hover {
text-decoration:none;
color:  #6b251b;
}


.header {
float: left
width: 950px;
background-color: #6B251B;
}

.logo {
float: left;
clear: none;
margin-left: 50px;
}

.tagline {
float: right;
clear: none;
margin-right: 100px;
}



.h_logo {
float: left;
width: 330px;


}

.h_tagline {
margin-top: 40px;
float: left;
clear: none;
font-weight: bold;
color: #333333;
}

.h_number {
font-weight: bold;
margin-top: 20px;
font-size: 150%;
float: right;
clear: none;
}

/* CSS for main page layout */

.outer_cont {
clear: both;
background-image: url("images/cc_cont_bg.jpg");
background-repeat:repeat-x;
background-color:#ffffcc;
}

.container{
width: 1060px;

margin: auto;
margin-bottom:0px;

}

.leftcol {
float: left;
width: 240px;
margin-top: 10px;

}
.leftcolinner {
float: left;
width: 232px;
margin-left: 4px;
}


.rightcol {
float: right;
width: 160px;
}

.rightcolinner {
float: right;
width: 152px;
margin-left: 4px;
}

.content {
float:left;
width: 660px;
margin-top: 10px;
margin-left:0px;
}

.contentinner {
float:left;
width: 644px;
margin-left:8px;
}

.content_l {
float: left;
width: 312px;
}


.content_r {
float: right;
width: 322px;
}




.neighbours {
float: left;
width: 540px;
margin-left: 50px;
margin-bottom: 40px;
border-bottom: rgb(204,204,204) solid;


}

.neighbours_r {
float: right;
width: 150px;
margin-bottom: 20px;

}

.neighbours_l {
float: left;
width: 370px;

}


.dlarea {
float: left;
width: 550px;
margin-left: 20px;
margin-bottom: 16px;
font-size: 180%;
}

.dlpdf {
float: left;
width: 90px;

}

.dlmenu {
float: left;
clear: none;
margin-top: 20px;
}

/* CSS end */

/* CSS for header */


/* CSS to show glowing backgroung on rollover of main navigational links */

.navigation {
margin-top: 36px;
}



.navigation b  {



}

.navigation b a  {
width: 180px;
border-left: 8px rgb(0,0,0) solid;
padding-left: 4px;
color: rgb(107,37,27);
}

.navigation b a:hover  {
border-left: 8px rgb(175,175,175) solid;
color: rgb(175,175,175);
}



.navigation ul {

}
.navigation ul li {
border-right: 4px;
 border: thick;
 list-style-type:square;
}


.navigation a {
color: #333333;
border-right: 4px;


}


/* CSS end */


.cc_logos {
float: left;
width: 960px;
margin:top: 200px;
border-bottom: 1px rgb(175,175,175) dashed;
}


.footer {
clear: both;
width: 800px;
margin: auto;
font-size: 90%;
}


.drinks {
float: right;
margin-top: 100px;
margin-right:  40px ;
}


.bottle {
 float: left;
clear: none;
}

a, a:visited, a:hover {}

#ttgallery {position:relative; width:544px; height:700px; background:#ffffff; border:1px solid #fff; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#ttgallery a.pics {float:left; padding:12px 12px; display:inline; color:#000; text-decoration:none; width:80px; height:80px; cursor:default;}
#ttgallery a.pics img.thumb {display:block; border:1px solid #000;}

#ttgallery a.pics span {display:none; border:0; width:544px;  border:1px solid #fff; text-align:center;}
#ttgallery a.pics span img {margin:0px auto; border:1px dashed #000;}

#ttgallery a.pics:hover {white-space:normal;}
#ttgallery a.pics:hover img.thumb {border:1px solid #fff;}

/* left is the possition of the large picture */
#ttgallery a.pics:hover span {display:block; position:absolute; background:#ffffff; left:0px; top:220px; z-index:10; height:500px;}

#ttgallery a.pics:active img.thumb {border:1px solid #fc0;} 
#ttgallery a.pics:active span {display:block; position:absolute; background:#ffffff;  left:0px; top:220px; z-index:5; height:500px;}

#ttgallery a.pics:focus {outline:0;}
#ttgallery a.pics:focus img.thumb {border:1px solid #fc0}
#ttgallery a.pics:focus span {display:block; position:absolute; background:#ffffff; left:0px; top:220px; z-index:5; outline:0; height:500px;}

#ttgallery span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:544px; text-align:center; color:#eee; z-index:1;}
#ttgallery span.info a {color:#000;}
#ttgallery span.info a:hover {text-decoration:none;}


/*

*/

.drinkaware {
font-size: 80%;

}


.commentsform{
float: left;
clear: both;

}

.foodmenu {

}

.foodmenu a {
color: #6b251b;
text-decoration: underline;
}

.foodmenu a:hover {
color: #000000;
}


.food {
float: left;
clear: both;
width: 640px;
margin-bottom: 60px;
font-size: 100%;

}

.food i {
color: rgb(153,0,0);
}


.repquote {
font-size: 130%;
color:#6b251b;
}

.method {
float: left;
clear: both;
width: 600px;
}

.delivery {
float: left;
width: 220px;

}

.deliverytext {
float: left;
clear: none;
width: 140px;
color: #6b251b;
font-size: 120%;
text-align: center;
}

.deliverypic {
float: right;
clear: none;
width: 75px;
}

.allbalti {
font-size: 120%;
margin-left: 100px;
background-color: #6B251B;
color: #ffffcc;
padding: 8px;

}
