

/* general styles */

body {
padding:0;
margin:0;
background:url("../img/bg_body.jpg") repeat-x top left;
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#444;
}

#bodySpan {
width:100%;
background:url("../img/bg_body_2.jpg") no-repeat top left;
}

a {
color:#f08a00;
}

a:hover {
text-decoration:none;
}

a img {
border:none;
}

p {
margin:0 0 1.3em 0;
padding:0;
}

h2 {
margin:0;
padding:0 0 3px 0;
text-transform:uppercase;
font-weight:normal;
font-size:15px;
}

img.heading {
display:block;
margin:20px 0 0 0;
padding:20px 0 12px 0;
height:40px;
voice-family:"\"}\"";
voice-family:inherit;
margin:0;
}

img.subheading {
display:block;
padding:0 0 4px 0;
}

.emphasize {
color:#f28504;
font-size:15px;
line-height:1.5em;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

.thumbnail {
padding-bottom:10px;
vertical-align:middle;
text-align:center;
}

.thumbnail img {
border:2px solid #f3d4a1;
opacity:0.80;
-moz-opacity:0.80;
-khtml-opacity:0.80;
filter:alpha(opacity=80);
}

.thumbnail a:hover img {
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=100);
}

.description {
padding:2px 10px 10px 10px;
font-size:11px;
vertical-align:top;
text-align:center;
line-height:1.3em;
}


/* container */

#container {
position:relative;
margin-right:-20px;
width:770px;
line-height:1.5em;
}


/* header */

#logo {
position:absolute;
top:30px;
left:0;
}

#logo img {
display:block;
}

.mainMenu {
position:absolute;
top:30px;
left:196px;
width:608px;
padding:0 0 10px 40px;
voice-family:"\"}\"";
voice-family:inherit;
width:568px;
}

.mainMenu.avaleht {
background:url("../img/bg_mainmenu_avaleht.gif") no-repeat top left;
}

.mainMenu.beercolors {
background:url("../img/bg_mainmenu_beercolors.gif") no-repeat top left;
}

.mainMenu.misonolu {
background:url("../img/bg_mainmenu_misonolu.gif") no-repeat top left;
}

.mainMenu.ajaloost {
background:url("../img/bg_mainmenu_ajaloost.gif") no-repeat top left;
}

.mainMenu.olleserveerimine {
background:url("../img/bg_mainmenu_olleserveerimine.gif") no-repeat top left;
}

.mainMenu.ollekokteilid {
background:url("../img/bg_mainmenu_ollekokteilid.gif") no-repeat top left;
}

.mainMenu a {
float:left;
margin:4px 34px 0 0;
}

#content {
margin:110px 0 0 0;
}


/* subtext */

#subText {
float:left;
margin:80px 0 0 0;
padding:0 18px 0 17px;
width:210px;
text-align:center;
voice-family:"\"}\"";
voice-family:inherit;
width:175px;
}

#subText img {
margin:auto;
}

#stereoBlock {
margin:0 0 8px 0;
padding:90px 0 0 0;
width:175px;
background:#fff url("../img/bg_stereoblock.jpg") no-repeat top left;
color:#999;
}

#stereoBlock p {
margin:0;
}

#stereoBlockSpan {
padding:0 15px 10px 15px;
width:175px;
background:url("../img/bg_stereoblock_2.gif") no-repeat bottom left;
voice-family:"\"}\"";
voice-family:inherit;
width:145px;
}

#placeBlock {
padding:100px 0 0 0;
width:175px;
background:#000 url("../img/bg_placeblock.jpg") no-repeat top left;
color:#999;
}

#placeBlock p {
margin:0;
}

#placeBlockSpan {
padding:0 15px 10px 15px;
width:175px;
background:url("../img/bg_placeblock_2.gif") no-repeat bottom left;
voice-family:"\"}\"";
voice-family:inherit;
width:145px;
}


/* bodytext */

#bodyText {
float:left;
padding:0 25px 30px 25px;
width:560px;
background:#fff url("../img/bg_bodytext.gif") no-repeat top left;
voice-family:"\"}\"";
voice-family:inherit;
width:510px;
}

.subpage #bodyText {
height:auto !important;
height:600px;
min-height:600px;
}

.index #bodyText {
position:relative;
padding:0;
width:560px;
height:540px;
background:#fff url("../img/bg_index_bodytext.jpg") no-repeat top left;
}

.coctail {
position:relative;
overflow:visible;
padding:30px 0 30px 35px;
}

.coctail p {
margin:0;
color:#555;
}

.coctail p.english {
margin:0;
color:#888;
}

.coctail.first {
margin-left:70px;
}

.coctail img {
position:absolute;
right:0 !important;
right:15px;
top:-38px;
}

.coctail.second img {
position:absolute;
right:100px !important;
right:120px;
top:-42px;
}

.coctail.premium {
background:url("../img/bg_coctail_premium.gif") no-repeat top left;
}

.coctail.ale {
background:url("../img/bg_coctail_ale.gif") no-repeat top left;
}

.coctail.porter {
background:url("../img/bg_coctail_porter.gif") no-repeat top left;
}


.subMenu {
margin-bottom:45px;
}

.subMenu a {
margin:0 18px 0 0;
text-decoration:none;
}

.subMenu a.on {
color:#8c1914;
}

.subMenu img.icon {
margin-bottom:-7px;
}

.technology td {
padding-bottom:15px;
font-size:12px;
line-height:1.4em;
color:#777;
}

.technology td img {
padding-bottom:2px;
}