@charset "utf-8";
/* CSS Document */
/* thesagecafe.com */
/* Updated: 22/04/2008 Barra/Scratch Web Design */


/* ---------------------------------------------------- Miscellaneous */

img{
	border:0;
}

/* ---------------------------------------------------- Accessibility */

/* Accessibilty notes and headers located off-screen for screen readers */

.off-left {
	position: absolute;
	left: -9999px;
	width: 400px;
}


.noscript{
	position:absolute;
	top:185px;
	left:150px;
	width:60%;
	color: #CC3300;
	font-style:italic;
}

.skiplist {margin:0; padding: 0; position:absolute; left:0;top:0;z-index:1}

	.skip {display: none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align: left; margin: 0; padding: 0; position: absolute} /*All incl Opera*/
    /* * html */ .skip {display: block} /*Seen by IE*/
    /*:root */.skip {display: block} /*Seen by Moz, FF and Safari*/
    .skip a {position:absolute; left:-9999px; top:10px; padding: 3px; display: inline; z-index:2; text-decoration:none; height:15px; height: 30px; width:280px;}
    .skip a:focus, .skip a:active {position: absolute; left:10px; top:10px; padding:3px; text-align:center; border: 1px solid #003300; color: #333333; background: #e7dfd3;}
    .skip a:hover {cursor: default}
		



/* ---------------------------------------------------- Document */


*{
	margin:0;
}

html
{
  height: 99%;
	overflow:hidden;
}
                         
body
{
/*  position:fixed; left:0; top:0; */
  background: #FFFFFF;
  height: 99%;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  line-height: 1.6;
  text-align: center;
  background-image:url(images/bg_main.jpg);
  background-position:center;
  background-repeat:no-repeat;
}

/* ---------------------------------------------------- Layout */

/* Containers */

#first_container
{
  width: 960px;
  margin: 0 auto 0 auto; 
  display: table; 
  height: 100%;  
  position: relative; 
}
div#awards { 
	width: 220px;
	float: right; 
	position: relative; 
	margin-top: 50px;
}
#second_container
{
  position: absolute; 
  top: 50%;
  vertical-align: middle;
  width: 100%; 
}

#third_container
{
  position: relative; 
  top: -280px; 
  width: 670px;
}

/* Remaining Div Styles */
 
.border
{
  background-color: #FFFFFF;
  padding: 15px 15px 15px 146px;
  height: 232px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
  border:solid 1px #333333;
}

.borderPaddingOffset{
	margin-left:-127px;
}

.title
{
  position: absolute;
  margin-left: 15px;
  margin-top: 15px; 
  width: 32px;
  height: 232px;
}

.flash_gallery
{
  position: absolute;
  margin-left: 20px;
  margin-top: 16px; 
  width: 630px;
  height: 232px;
}

.no_flash{
  padding: 0px 15px 15px 132px;
}

.content
{
  overflow: auto;
  padding: 5px;
  width: 494px;
  height: 222px;  
}

.address
{
  margin-top: 5px;
  text-align: right;
  color: #749942;
  background-color: inherit;
}

/* ---------------------------------------------------- Navigation */

/* Top Menu */

#menu, #submenu { font-size: 1.2em; }

#menu
{
  height: 31px;
  padding-right: 2px;
  margin: 0;
  list-style: none; 
  font-weight:bold; 
}

#menu li
{
  float:left;
  display: block;
  width: 82px;  height: 31px;  
}

#menu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
}

#menu a:link, #menu a:visited
{
  color: #749942; 
  background-color: #FFFFFF;
}

#menu a:hover, #menu a:active, #menu a:focus
{
  background-image: url('images/menu_top_hov.jpg');
  color: #003300;
  text-decoration:none; 
}

#menuselected
{
  display: block;
  width: 82px;  height: 31px;  
/*  background-image: url('images/menu_top_sel.jpg');    */
  background-image: url('images/menu_top_hov.jpg');    
  text-decoration: none;
  line-height: 31px;
  text-align: center;
}

/* Bottom/Sub-Menu */

#submenu
{
  float: left;
  width:320px;
  clear:left;
  height: 31px;
  position:relative;
  top:295px;/* Drops menu below content box. Cheeky, but works and keeps all nav together and ahead of content to avoid screen reader confusion */
  padding-left: 10px;
  margin: 0;
  list-style: none;   
  font-weight:bold; 
}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu a:link, #submenu a:visited
{
  color: #749942; 
  background-color: #FFFFFF;
}

#submenu a:hover, #submenu a:active, #submenu a:focus
{
  background-image: url('images/menu_bot_hov.jpg');
  color: #003300; 
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;  
 /*  background-image: url('images/menu_top_sel.jpg');    */
  background-image: url('images/menu_bot_hov.jpg'); 
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}


/* ---------------------------------------------------- Links */

a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover, a:active, a:focus  {
  color: #000000;
}

.text a, .text a:visited
{
  color: #666F53;
  text-decoration: underline;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
}

/* ---------------------------------------------------- Text */

*
{
  font-size: 1em; 
  font-family: Tahoma, Verdana, sans-serif; 
  color: #000000;
  text-align: left;
  line-height: 1.6;
}

.list {
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid #FFFFFF;
}


p {
	font-size: 1.3em;
	line-height: 1.4;
	margin: 10px;
	
}

/* Inline Text Styles */
body#takeout h1,
h2
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 40px 19px;
  font-size: 16px;
  color: #526121;
  background-color: inherit;
  border-left: 3px solid #526121;
}

/* Wine Category i.e. House, 1/4 Bottle etc. */
h3
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 40px 19px;
  font-size: 16px;
  color: #526121;
  background-color: inherit;
  margin-left:3px;

}

/* Wine Name*/
h4
{
  margin: 10px 0 -40px -2px;
  padding: 0 5px 40px 9px;
  font-size: 12px;
  background-color: inherit;
  margin-left:2px;
}

/* Same as h4 but with left margin indent*/
.menu_price{
font-size:11px;
font-weight:bold;
margin-left:15px;

}
.details
{
  display: none;
  font-size: 1.2em;
  color: #6E7468;
}

.text
{
  display: block;
  margin: 5px 5px 20px 12px;
  color:#000000;
}

/* Just lining up table text*/
.menu_table
{
  margin: 5px 5px 20px -2px;
}

blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	font-size: 1em;
	line-height: 1.4;
	display: block;
	margin: 10px 15px 10px 15px;
	color: #526121;
}
td, td span { font-size: 1.2em; }
td { padding-left: 10px; }
.copyright_footer
{
	margin-left:0;
	font-size: 1.1em;
	color: #888888;
}

.copyright_footer a, 
.copyright_footer a:visited 
{
	color: #888888;
}
.copyright_footer a:hover,
.copyright_footer a:active
{
	color: #000000;
}

.bold
{
  font-weight: bold; color: inherit;
}