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

body{
margin:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
color:#333;}

#container{
width: 770px;
margin:40px auto;
text-align:left;}

img{border:0px;}

.clear{clear:both;}

a{
outline: none;}

a:focus{
-moz-outline-style: none;}

/*all*/

#top, #main, #bottom,#mint{
width:100%;}

/*top*/

#top{
height: 60px;
border-top:1px solid #ccc;}

#head{
margin-top:11px;}

#quote{
margin-top:2px;}

/*main*/

#main{
height: 420px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;}

#image{
margin:15px 0 0 1px;}

#left{
float:left;
display:inline;}

#right{
width:180px;
margin:0 0 0 560px;}

#right p{
margin-top:13px;}

.disk{
margin: 15px 0 0 60px;
padding-bottom:9px;}

#menu{
margin-top:17px;
width:180px;
overflow:hidden;
position:absolute; 	
height:385px; 
clip:auto;	
z-index:1; 	}

#menu_inner p{
margin-top:0px;
padding-bottom:15px;}

/* gallery*/
a, a:visited {color:#000;} 
a.gallery, a.gallery:visited {display:block; display:inline-block; border:1px solid #fff; width:60px; height:45px; float:left; margin:5px 4px; z-index:50;}
a.gallery em{display:none;}
a.gallery:hover {border:1px solid #000;}

#right {position:relative;}
#right .thumbs {position:absolute;}
#right a.gallery:active, #right a.gallery:focus {border:1px solid #000;}
#right a.gallery:active em, #right a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-12px; left:-560px; z-index:50;}

#slideshow { margin-top: 12px; background:#ccc;  }
ul#nav { width: 220px; margin:7px 0 0 0px; padding:0px;  }
ul#nav li {height:44px; border: 1px solid #fff; overflow:hidden; float: left; display:inline;  margin:5px 10px 6px 0; list-style: none; background:#ccc; }
ul#nav a {   display: block;  }
/*ul#nav a.activeSlide { border:1px solid #000; }*/
ul#nav li:focus,ul#nav li:hover { border:1px solid #000; }
ul#nav img { border: none; display: block;  }

/*bottom*/

#bottom{
height: 35px;
border-bottom:1px solid #ccc;}

#bottom ul{
margin:7px 0 0 -3px;
padding:0px;
list-style:none;}

#bottom li{
float:left;
display:inline;}

#bottom li.subscribe{
margin-left:165px;}

#bottom a{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#bottom a img:hover,#on,#send_button:hover,#cancel_button:hover{
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

/*links*/

a{
color:#333;
text-decoration:none;}

a:hover, a:active, a:focus,  .red,.active a{
color:#d4232d;}

/* scroll */

#scrollbar,#foodscrollbar { 
  position:absolute; left:190px; top:18px;
  width:11px; height:385px;
  font-size:1px; z-index:2;  
  
  }
  

  
 #menu_inner { 
  position:absolute;
overflow:hidden;
z-index:1; 
width:180px;
}

#foodmenu{
margin-top:16px;
width:180px;
overflow:hidden;
position:absolute; 	
height:315px; 
clip:auto;	
z-index:1; 	}

  
  #track,#foodtrack { 
  position:absolute; left:0px; top:0px;
  width:11px; height:385px; z-index:10;
  background-color: gray ;
  }
  
#dragBar,#fooddragBar {
  position:absolute; left:0px; top:0px;
  width:9px; height:70px; z-index:10;
  background-color:#ccc;
  cursor:pointer;
  cursor:hand;
  }
  
  #foodscrollbar { 
 top:75px;    }
 
 #foodtrack {  
 height:320px;    }


/* email */

.sign_up_form{
width:180px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
padding:0px;
margin:2px 0px 0px 6px;
text-align:left;}

.email_signup{
border:none;
border-bottom:1px solid #333;
font-size: .8em;
}

#commentForm{	
display:   none;
width:300px;
margin: -49px 20px 0px 360px;
font-family: Arial, sans-serif;
font-size: .8em;}

#send_button,#cancel_button{
border:none;
width:50px;}

#send_button{
margin-left:3px;
background:url(img/nav/send.jpg) no-repeat ;
}

#cancel_button{
margin-left:-13px;
background:url(img/nav/cancel.jpg)  no-repeat ; }

#send_button:hover,#cancel_button:hover{
cursor:hand;
cursor:pointer;}

.smalltext{
font-size:0.9em}

#email{height:13px;}

.button{
height:20px;}

#mint{
font-size: .9em;
margin-top:4px;
text-align:right;}

#mint a{
margin-right:6px;
color:#999;
text-decoration:none;}

#mint a:hover{
color:#333;}