/* Drop shadow settings:
Blend mode:Multiply
Angle:120
Opacity:75%
Distance/Size:10px
Spread:0
Colour:#000531*/ 

/* Set defaults */

*{margin:0px;padding:0px}
.noprint{display:none}

html{overflow-y:scroll}

html, body {
height: 100%;
}

body {
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:#F6F5FB url(/images/common/body_bg.jpg) repeat-x left 2px;
	text-align:justify
}

h1{
position:absolute;
left:-9999em
}

p,h2,h3{
margin:0 0 15px
}

p.nomargin{
margin:0
}

a:active, a:focus{outline:none}

img{display:block}
img.right{float:right; clear:right; margin: 0px 0px 15px 15px }

img.left{
float:left; 
margin: 0 20px 0 0; 
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* Common layout divs*/
#wrap{
width:910px;
margin:0px auto;
font-size:1.5em;
background:#F6F5Fb url(/images/common/wrap_bg.jpg) repeat-y top left;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
}

#innerwrap{
background:transparent url(/images/common/wrap_topbg.jpg) no-repeat left 2px;
padding:0 10px;
}

#header{
padding:10px;
position:relative;
background:#CABC8D;
}

#header #address{
position:absolute;
right:20px;
top:40px;
text-align:right;
font-size:1.4em;
color:#000531;
}


#content{
padding:20px;
height:1%;
}

#contentleft{
float:left;
width:600px;
}

body.home #panels{
float:right;
width:230px
}

#push{
height:50px
}


#footer{
margin:0 auto;
width:890px;
padding:0 10px;
background:#F6F5FB url(/images/common/wrap_bg.jpg) repeat-y top left;
height:50px;
line-height:50px;
}

#footer p{
background:#8D94CA;
color:white;
font-size:1.5em;
margin:0
}

#footer a{
color:white
}

#footer #copy{
float:left;
width:425px;
padding-left:20px;
}

#footer #author{
float:right;
width:425px;
padding-right:20px;
text-align:right;
}

/*Navigation*/
#nav{
display:none
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
}

#nav li{
float:left;
display:inline;
margin-right:25px
}

#nav li a{
float:left;
display:block;
text-decoration:none;
color:white;
line-height:46px;
}

#nav li a:hover{
color:#000531
}

body.home #nav li a.home, body.cafe #nav li a.cafe, body.bistro #nav li a.bistro,
body.wine #nav li a.wine, body.recipes #nav li a.recipes, body.parties #nav li a.parties,
body.about #nav li a.about, body.contact #nav li a.contact
{
color:#000531;
cursor:default;
}

/* Home page */
#homepagelist{
text-align:center;
}

#homepagelist dt{
font-weight:bold;
margin-top:10px
}

body.home #content img{
float:left;
margin:0 20px 0 0 ;
}

#contentleft{
margin-bottom:15px
}

.action{
color:white;
width:200px;
height:160px;
padding:10px 20px 10px 10px;
margin-bottom:15px;
background:#8D94CA url(/images/misc/panel.jpg) no-repeat bottom right;
float:right;
clear:right;
text-align:center;
}

.action h2{
font-size:1.2em
}

.action p{
margin-bottom:0
}

.action a{
color:#FFFFFF
}

/* Feature pages */

body.cafe #content, body.bistro #content{
text-align:center;
position:relative
}

body.recipes #content, body.parties #content{
position:relative
}

body.bistro #content img, body.recipes #content img{
position:absolute;
top:50%;
margin-top:-200px;
right:20px
}

body.parties #content img{
position:absolute;
right:20px;
top:30px
}

body.cafe #content img{
position:absolute;
right:20px;
top:50px
}

/*Page offsets */

body.bistro ul.menu, body.bistro h2, body.cafe ul.menu, body.cafe h2{
width:560px;
margin-right:270px;/* required for IE*/
}

body.recipes #content p, body.parties #content h2,body.parties #content p{
width:560px;
margin-right:270px
}

body.seasonal #content{
background:#FFFFF0 url(/images/photos/spring_bg.jpg) no-repeat left top;
}


/*Menus*/

ul.menu, ul.menu ul{
margin:0;
padding:0;
list-style-type:none
}

body.bistro ul.menu ul{
margin-top:10px
}

ul.menu .category{
margin-top:10px;
font-size:1.1em;
font-weight:bold
}

ul.menu .category li{
font-size:.9em;
font-weight:normal
}

ul.menu .margin{
margin-top:5px
}

ul.menu .margin li{
margin-top:0
}

body.recipes ul.menu{
margin-bottom:15px
}

body.seasonal h2{
margin-bottom:0
}

body.seasonal ul.menu{
margin-bottom:20px
}

/* Wine list*/
body.wine #content{
background:#FFFFF0 url(/images/photos/wine_bg.jpg) no-repeat 50px top;
}

#winelist{
margin-left:20px;
padding:0;
position:relative;
}

#winelist li#key125{
position:absolute;
top:-5px;
left:604px
}

#winelist li#key175{
position:absolute;
top:-5px;
left:704px
}

#winelist li#keybottle{
position:absolute;
top:-5px;
left:807px
}

#winelist, #winelist ul{
margin:0;
padding:0;
list-style-type:none
}

#winelist li{
font-weight:bold;
font-size:1.1em;
margin-bottom:15px;
}

#winelist li li{
position:relative;
font-size:0.9em;
margin-top:10px;
}

#winelist li li li{
font-weight:normal;
font-size:1em;
margin:0;
border-top:1px solid #7D6F3F;
}

#winelist .ml125{
position:absolute;
top:0;
left:607px;
border:none
}

#winelist .ml175{
position:absolute;
top:0;
left:707px;
border:none;
}

#winelist .bottle{
position:absolute;
top:0;
left:807px;
border:none
}

body.wine dt{
float:left;
clear:left;
width:200px;
}

body.wine h3{
margin-bottom:5px
}

body.wine dd{
margin-left:200px;
}

/* Contact page*/
body.contact dl{
margin-bottom:15px
}

body.contact dd{
font-weight:bold;
float:left;
clear:left;
width:200px;
}

body.contact dt{
margin-left:230px;
margin-bottom:10px
}

#google_map_img{
border:1px solid #000531
}

img#bistro{
float:right;
margin: 3px 0px 0px 15px 
}


body.contact form{
width:850px
}

fieldset{
border:none;
background-color:#7D6F3F;
padding:10px;
color:white
}

.formspace{
margin-left:60px
}

#name, #email{
border:1px solid #000531;
padding:3px;
vertical-align:middle;
}

#sbmtbtn{
vertical-align:middle
}

/* About Us */

body.about #content img{
float:left;
margin:0 20px 10px 0
}