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

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background: #000;
margin: 0;
}

img{
border: none;
}

#background{
background: #999999 url(../images/body_bg.png) bottom repeat-x;
padding: 20px 0 35px 0;
}


#page{
width: 760px;
background-color: #000000;
border: #330000 solid 2px;
margin: 0 auto 0 auto;
}

/* --------------------------- Header --------------------------- */

#header{
position: relative;
width: 760px;
height: 180px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
background: url(../images/header_bg_full_glass.png) no-repeat;
color: #ccc
}

#header_img{
position: absolute;
top: 0px;
left: 70px;
width: 286px;
height: 180px;
overflow: hidden;
text-align: center;
}

#martins{
position: absolute;
top: 47px;
left: 480px;
font-size: 36pt;
}

#off-licence{
position: absolute;
top: 98px;
left: 530px;
font-size: 22pt;
}

/* ---------------------------------------- tab menu ----------------------------------------*/

#tab_menu{
position: relative;
height: 28px;
background-color: #330000;
border-top: #140000 solid 1px;
border-bottom: #140000 solid 1px;
z-index: 10;
}

#submenu_home{
position: absolute;
top: 0;
left: 0;
width: 115px;
height: 28px;
overflow: hidden;
}

#submenu_wines{
position: absolute;
top: 0;
left: 116px;
width: 115px;
height: 28px;
overflow: hidden;
}

#submenu_beers{
position: absolute;
top: 0;
left: 232px;
width: 115px;
height: 28px;
overflow: hidden;
}

#submenu_spirits{
position: absolute;
top: 0;
left: 348px;
width: 115px;
height: 28px;
overflow: hidden;
}

#submenu_gifts{
position: absolute;
top: 0;
left: 464px;
width: 115px;
height: 28px;
overflow: hidden;
}

#submenu_contact{
position: absolute;
top: 0;
left: 580px;
width: 115px;
height: 28px;
overflow: hidden;
}

#tab_menu ul{
padding: 0;
margin: 0;
}

#tab_menu li{
width: 115px;
list-style: none;
}

#tab_menu li a{
display: block;
width: 115px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #ccc;
background-color: #593C3C;
padding: 6px 3px 3px 3px;
border-bottom: #000 solid 1px;
text-decoration: none;
}

#tab_menu a:hover, #tab_menu a:active{
color: #fff;
background-color: #3f2f2f;
}

a.tab{
display: block;
width: 115px;
height: 24px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
background: url(../images/button_bg.png) repeat-x;
border-right: #000 solid 1px;
color: #AB3939;
text-align: center;
text-decoration: none;
padding-top: 4px;
}

a.tab:hover, a.tab:active{
color: #FF9999;
}

/* --------------------------- Content --------------------------- */

#content{
background-color: #AB7373;
color: #330000;
padding: 5px;
}

#content a{
color: #330000;
}

#content a:hover, #content a:active{
color: #ccc;
}

.framed_img{
border: #D5B9B9 solid 5px;
}

/* --------------------------- Footer --------------------------- */

#footer{
font-size: 8pt;
color: #ccc;
text-align: center;
padding: 15px 5px 15px 5px;
}

#footer a{
color: #ccc;
}