/* MAIN STYLES */
*{
padding: 0;
margin: 0;
}
form .fl {
width:133px;
height:20px;
text-align:right;
padding-top:4px;
font-weight:bold;
margin-bottom:3px;
float:left;
}
form .fr{
width:454px;
height:20px;
text-align:left;
margin-bottom:3px;
float:left;
}
form .tr{
width:454px;
height:95px;
text-align:left;
margin-bottom:3px;
float:left;
}
.clear{
clear: both;
}

body{
background: url('images/main_bg2.jpg') top center no-repeat;
font: 13px/14px arial, verdana, sans-serif;
background-color: #3a3a3a;
}

#wrapper{
width: 818px;
margin: 0 auto;
padding-top: 30px;
}

#top_bev{
width: 100%;
height: 40px;
background: url('images/top_bev.png') top left repeat-x;
}

#menu_top{
width: 818px;
height: 141px;
background: url('images/menu_top.png') top left no-repeat;
margin: 0 auto;
padding-top: 60px;
text-align: center;
}

#nav{
width: 527px;
height: 26px;
margin-left: 112px;
}

.home_btn{
float: left;
background: url('images/nav_sprite.png') 0 0 no-repeat;
width: 95px;
height: 26px;
}

.home_btn:hover{
float: left;
background: url('images/nav_sprite.png') 0 -26px no-repeat;
width: 95px;
height: 26px;
}

.home_active{
float: left;
background: url('images/nav_sprite.png') 0 -26px no-repeat;
width: 95px;
height: 26px;
}

.menu_btn{
float: left;
background: url('images/nav_sprite.png') -124px 0 no-repeat;
width: 86px;
height: 26px;
margin-left: 30px;
}

.menu_btn:hover{
float: left;
background: url('images/nav_sprite.png') -124px -26px no-repeat;
width: 86px;
height: 26px;
}

.menu_active{
float: left;
background: url('images/nav_sprite.png') -124px -26px no-repeat;
width: 86px;
height: 26px;
}

.contact_btn{
float: left;
background: url('images/nav_sprite.png') -243px 0 no-repeat;
width: 153px;
height: 26px;
margin-left: 30px;
}

.contact_btn:hover{
float: left;
background: url('images/nav_sprite.png') -243px -26px no-repeat;
width: 153px;
height: 26px;
}

.contact_active{
float: left;
background: url('images/nav_sprite.png') -243px -26px no-repeat;
width: 153px;
height: 26px;
}


.story_btn{
float: left;
background: url('images/nav_sprite.png') -419px 0 no-repeat;
width: 103px;
height: 26px;
margin-left: 30px;
}

.story_btn:hover{
float: left;
background: url('images/nav_sprite.png') -419px -26px no-repeat;
width: 103px;
height: 26px;
}

#menu{
width: 818px;
background: url('images/menu_slice.png') top left repeat-y;
}

p.menu{
text-align: center;
margin: 0 auto;
padding-top: 30px;
font-size: 25px;
}

#menu_bot{
width: 818px;
height: 119px;
background: url('images/menu_bot.png') top left no-repeat;
text-align: center;
padding-top: 40px;
color: #3a3a3a;
}

#coffee{
background: url('images/coffee.png') top left no-repeat;
width: 384px;
height: 487px;
position: absolute;
left: 1100px;
}

#salt{
background: url('images/salt1.png') top left no-repeat;
width: 407px;
height: 303px;
position: absolute;
left: -130px;
}

#silver{
background: url('images/silver.png') top left no-repeat;
width: 288px;
height: 688px;
position: absolute;
left: -60px;
top: 300px;
}
/* MENU STYLES*/

.menu_title{
margin-top: 75px;
font-size: 35px;
font-style: bold;
}

.menu_main{
width: 687px;
padding: 10px 0 0 8px;
}

.menu_sub{
width: 681px;
margin: 10px 0 0 0px;
padding: 10px 0 10px 8px;
background-color: #f0ea8c;
border: 3px dotted #d76262;
}

.menu_main h1, .menu_sub h1, #menu form h1{
font-size: 18px;
margin-bottom: 15px;
text-decoration: underline;
color: #3a3a3a;
}

.menu_main h2, .menu_sub h2, #menu form h2{
font-size: 15px;
margin-bottom: 5px;
color: #3a3a3a;
}

.menu_main p, .menu_sub p, #story p{
padding-bottom: 12px;
color: #3a3a3a;
}

#menu_nav{
padding: 20px 0 30px;
margin-left: 270px;
}

#slider
{
position: relative;
margin: 0;
padding: 0;
width: 695px;
height: 850px;
overflow: hidden;
margin-left: 61px;
}

.item
{
margin: 0;
padding: 0;
width: 800px;
height: 850px;
}

a.prev{
width: 95px;
height: 55px;
float: left;
background: url('images/menu_nav_sprite.png') -104px 0 no-repeat;
margin-right: 80px;
}

a.prev:hover{
width: 95px;
height: 55px;
float: left;
background: url('images/menu_nav_sprite.png') -104px -57px no-repeat;
}

a.next{
width: 95px;
height: 55px;
float: left;
background: url('images/menu_nav_sprite.png') 0px 0 no-repeat;
}

a.next:hover{
width: 95px;
height: 55px;
float: left;
background: url('images/menu_nav_sprite.png') 0px -57px no-repeat;
}

#menu form, #story{
width: 690px;
margin-left: 61px;
color: #3a3a3a;
}

#menu form a{
color: #3a3a3a;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

#menu form a:hover{
text-decoration: underline;
}