/*****************************************************************************
	general
*****************************************************************************/
   
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, label, img, li, span, object {
margin: 0;
padding: 0;
border: none 0;
outline:0;
font:normal 12px Arial, Helvetica, sans-serif;
color:#555555;
}

.invisible {
display:none;
}

.clear {
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

html, body {
width:100%;
height:100%;
}
 
div#header {
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:-1;
overflow:hidden;
}
 
div#header img {
display:none;
}

div#whitebg {
width:885px;
height:100%;
position:fixed;
left:60px;
top:10px;
bottom:0;
z-index:-1;
overflow:hidden;
background-color:#ffffff;
}

div#wrapper {
margin-left:70px;
border-left:#444444 325px solid;
float:left;
min-height:100%;
width:550px;
}


/*******************************************************************************
 *  
 * Left column
 *  
 ******************************************************************************/
  
div#left {
float:left;
position:relative;
margin-left:-325px;
width:325px;
}

div#left .mod_article {
padding-bottom:180px;
}

h1#logo {
width:325px;
height:133px;
}

div.mod_navigation ul.level_1 {
padding:44px 30px 36px 30px;
list-style-type:none;
background:#353536 url(../img/bg_left.jpg) repeat-x 0 0;
overflow:hidden;
}

div.mod_navigation li {
margin-bottom:4px;
}

div.mod_navigation ul span,
div.mod_navigation ul a {
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
}

div.mod_navigation ul span {
color:#ffffff;
}

div.mod_navigation ul a,
div.mod_navigation ul a:link,
div.mod_navigation ul a:active,
div.mod_navigation ul a:visited {
color:#bababa;
text-decoration:none;
}

div.mod_navigation ul ul {
list-style-type:none;
padding:4px 0 2px 14px;
display:none;
}
div.mod_navigation ul li.active ul,
div.mod_navigation ul li.trail ul {
display:block;
}

div.mod_navigation ul ul li {
height:12px;
line-height:12px;
margin-bottom:4px;
}

div.mod_navigation ul ul span,
div.mod_navigation ul ul a {
font-size:10px;
letter-spacing:0px;
}

div#left h2 {
padding:0 30px;
height:50px;
line-height: 50px;
font-size:11px;
color:#ffffff;
text-transform:uppercase;
letter-spacing:1px;
background:#4d4d4d;
}

div#left div.ce_image {
height:240px;
}

div#left div.ce_hyperlink {
padding:0 30px;
height:50px;
line-height:50px;
text-transform:uppercase;
background:#4d4d4d url(../img/bg_leftlink.gif) no-repeat 30px 0;
}

div#left .ce_hyperlink a,
div#left .ce_hyperlink a:link,
div#left .ce_hyperlink a:active,
div#left .ce_hyperlink a:visited {
color:#bababa;
font-size:11px;
letter-spacing:1px;
text-decoration:none;
}


/*******************************************************************************
 *  
 * Main general
 *  
 ******************************************************************************/
 
div#main {
float:right;
margin-top:10px;
width:550px;
background-color: #ffffff;
}

div#main div.mod_article {
padding:75px 40px 0 40px;
}

div#main div.mod_article > div.ce_image {
margin:0 0 38px -40px;
}

div#main h2 {
margin:0 0 40px 0;
font-size:17px;
font-weight:normal;
color:#cc1d00;
text-transform:uppercase;
}

div#main h3 {
margin:0 0 0 0;
font-size:12px;
font-weight:normal;
color:#cc1d00;
text-transform:uppercase;
}

div#main div.ce_text {
margin:0 0 40px 0;
font-size:12px;
color:#555555;
text-align:justify;
line-height:20px;
}

div#main div.ce_text p {
font-size:12px;
color:#555555;
text-align:justify;
line-height:20px;
}

div#main div.ce_hyperlink {
margin:0 0 15px 0;
}

div#main div.ce_text strong {
color:#444444;
}

div#main a,
div#main a:link,
div#main a:active,
div#main a:visited {
color:#cc1d00;
text-decoration:none;
}

#scrollarea {
}

#scrollbar {
background-color: #ffffff;
height: 394px;
width: 6px;
float:left;
display:none;
}

.handle-vert {
height: 140px;
width: 6px;
background:#666666;
cursor:pointer;
}


/*******************************************************************************
 *  
 * Footer
 *  
 ******************************************************************************/

div#footer {
clear:both;
float:left;
margin:-155px 0 0 70px;
width:325px;
height:155px;
font-size:10px;
position:relative;
background:#444444;
}

div#footer div.ce_text {
padding:0 30px 0 30px;
height:110px;
line-height:16px;
color:#bababa;
font-size:10px;
text-transform:uppercase;
}

div#footer div.ce_text a,
div#footer div.ce_text a:link,
div#footer div.ce_text a:active,
div#footer div.ce_text a:visited {
color:#bababa;
font-size:10px;
text-decoration:none;
}

div#footer .ce_recommendation {
padding:0 30px;
height:45px;
line-height:45px;
background:#333333 url(../img/bg_recommendation.jpg) repeat-x 0 0;
}

div#footer .ce_recommendation a,
div#footer .ce_recommendation a:link,
div#footer .ce_recommendation a:active,
div#footer .ce_recommendation a:visited {
padding:0 4px;
border:#666666 1px solid;
color:#ffffff;
font-size:10px;
text-decoration:none;
background:#333333 url(../img/bg_recommendationlink.jpg) repeat-x 0 0;
}



/*******************************************************************************
 *  
 * Contact Form
 *  
 ******************************************************************************/
 
div.ce_form {
margin:30px 0 0 0;
}

div.formbody {
min-height:360px;
}

div.ce_form input,
div.ce_form textarea {
margin:2px 0 -4px 0;
display:block;
}

div.ce_form label.check {
width:100%;
display:block;
}

div.ce_form input.captcha {
float:left;
width:30px;
margin-bottom:20px;
}

div.ce_form span.captcha_text {
float:left;
padding:4px 0 0 4px;
font-size:11px;
color:#666666;
}

div.ce_form label.mandatory {
padding-right:8px;
background:url(../img/bg_mandatory.gif) no-repeat right top;
}

div.ce_form div.submit_container {
clear:both;
}

div.ce_form submit_container {
height:19px;
}

p.error {
color:#cc1d00;
font-size:11px;
}


/*******************************************************************************
 *  
 * Drink  Lists
 *  
 ******************************************************************************/
 
div#main div.ce_drinks h3 {
margin:0 0 20px 0;
font-size:14px;
font-weight:bold;
color:#555555;
text-transform:uppercase;
}

div#main div.ce_drinks h4 {
clear:both;
margin:0 0 10px 0;
font-size:12px;
font-weight:normal;
color:#cc1d00;
text-transform:uppercase;
}

div#main  div.ce_drinks img {
float:left;
margin:0 0 30px 0;
}

div#main  div.ce_drinks p {
padding:0 0 30px 0;
}

div#main  div.ce_drinks p.float {
padding:0 0 30px 140px;
}