/* CSS Document */

*, html { margin: 0; padding: 0; }

body {
	background-color: #EFEBDC; background-image: url(../img/layout/bg_body.gif);
	margin: 0px; padding-top: 50px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden;
}


#spacerLineTop {
	background-image: url(../img/layout/spacer_line_top.gif); background-repeat: repeat-x; background-position: left top;
	margin: 0px; padding: 0px;
	height: 3px;
}
#spacerLineBottom {
	background-image: url(../img/layout/spacer_line_bottom.gif); background-repeat: repeat-x; background-position: left top;
	margin: 0px; padding: 0px;
	height: 3px;
}

#container1 {
	background-color: #E9E4D2; background-image: url(../img/layout/bg_content.jpg); background-repeat: no-repeat; background-position: center top;
	height: 500px; min-width: 735px;
	margin: 0px; padding-right: 225px;
}

#container2 { 
	width:735px;  
	position: relative; margin: 0 auto; padding: 0;
	text-align:left;
}

#spacer { float:left; width: 195px; margin: 20px 5px 2px 25px; padding:0; font-size:10px; color:#686356;}
#spacer a { height: 450px; display: block; text-indent: -3000px; overflow: hidden; }

#container3 {
	position: relative;
	margin : 0 0 0 233px; padding:0;
	width: 500px; height:500px;
}

#NavContainer{ margin: 0 0 1px 0; background-image:url(../img/layout/dot_line.gif); background-repeat:repeat-x; background-position: left bottom; height: 78px;}

#quickNav {
	background-image: url(../img/layout/bg-top-nav.jpg); background-repeat: repeat-x; background-position: left bottom;
	font-size: 10px; font-weight: bold; color: #625C54; text-decoration: none;
	padding-top: 10px; padding-bottom: 9px; padding-right: 2px;
	text-align: right;
}
#quickNav a:link, #quickNav a:visited  {color: #625C54; text-decoration: none;}
#quickNav a:hover, #quickNav a:active  {color: #4F2927; text-decoration: none;}
#quickNav img { border:none; position:relative; top: 2px;}

#mainNav {font-size: 11px; font-weight: bold; padding: 0; margin:0; text-align:center;}
#mainNav ul {list-style-type:none; margin:0; padding:0;}
#mainNav li {float:left; margin: 0; padding: 0; width: 25%;}
#mainNav li a {
	background-image:url(../img/layout/main-nav-bg.jpg); background-repeat:no-repeat; background-position:center top; 
	height: 22px; display:block; border-right: 1px solid #535044; border-left: 1px solid #9F9B8D; border-bottom: 1px solid #535044;
	padding: 22px 0 0 3px;
	text-decoration: none; color: #DAD0AD;
}
#mainNav li a:hover {background-position:center bottom; text-decoration: none; color: #535044;}
#mainNav li a.Active, #mainNav li a:hover.Active {background-position:center bottom; color: #DAD0AD;}
#mainNav li a.noBorderLeft {border-left:none;}
#mainNav li a.noBorderRight {border-right:none;}
#mainNav li a.noBorderLeftActive, #mainNav li a:hover.noBorderLeftActive {background-position:center bottom; color: #DAD0AD; border-left:none;}
#mainNav li a.noBorderRightActive, #mainNav li a:hover.noBorderRightActive {background-position:center bottom; color: #DAD0AD; border-right:none;}

#content { 
	width: 400px; height: 420px;
	margin: 0;
	overflow: auto; overflow-x: hidden;
	color: #625C54; font-size:10px;
}
#content h1 { font-size: 13px; color:#625E51; margin-left: 30px; margin-top:10px; margin-bottom: 10px; }
#content h2 { font-size: 12px; color:#625E51; margin: 20px 0 0 30px; padding:0; }
#content p { margin-left: 30px; margin-right: 30px; margin-bottom: 15px; }
#content p.directions { margin-right: 20px; }

#address { color:#625E51; font-size: 10px; font-weight:bold;  line-height: 14px; clear: both; }

#copyright, #copyright a {
	font-size: 10px; font-weight: normal; text-decoration: none; color: #625C54;
	padding-top: 2px;
}
#copyright a:hover { text-decoration:underline; }

.imgRight { float:left; margin: 0 0 1px 0; }
.imgRight2 { float:right; margin: 0 0 10px 5px; border: 1px solid #625C54;}

.ornement { text-align:center; margin-top: 15px; margin-bottom: 10px; }

.menu { text-align:center; line-height: 150%; }

.vins { width:330px; border:none; padding: 0; margin-left: 30px; text-align: left; margin-right: 10px;}
.vins caption { font-size: 12px; color:#625E51; font-weight:bold; text-align:left; margin-left:30px; }
.annee { display:none; }
.nom { display:none; }
.colonne1 { width: 11%; }
.colonne2 { width: 89%; }

form.directions { padding: 0; margin-left: 30px;}
form.directions div { margin: 0; padding: 0 0 10px 0;}
form.directions div div { color:#FF0000; padding-bottom: 0; }
form.directions input, form.directions textarea { width: 310px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFF; border: 1px solid #625C54; margin-left: 0px; padding: 2px; }
form.directions input.submit { width: 200px; font-weight: bold; background-image: url(../img/layout/bg-top-nav.jpg); }

#SplashPic { margin: 1px 0 0 0; padding: 0 0 2px 0; background-image:url(../img/layout/dot_line.gif); background-repeat:repeat-x; background-position: left bottom; }

#SlashNav { }
#SlashNav ul { list-style-type:none; margin: 45px 30px 0px 330px; padding: 0 10px 0 10px; background:url(../img/layout/dot-vertical.gif) repeat-y left top; }
#SlashNav li { text-align: left; font-size: 11px; font-weight:bold; color: #4F2927; line-height: 20px; }
#SlashNav a:link, #SlashNav a:visited { text-decoration:none; color: #4F2927; }
#SlashNav a:hover, #SlashNav a:active { text-decoration:none; color: #625C54; }


#SplashQuotes {
	float: left;
	margin: 0 10px 0 0; padding: 35px 10px 0 10px; 
	height: 146px; vertical-align: middle;
	font-size:12px; color:#4F2927; font-family:Georgia, "Times New Roman", Times, serif;
}
#SplashQuotes strong { font-size:11px; font-style:normal; margin-left: 2px; line-height: 16px; color:#625C54; }

blockquote { margin: 0; font-size:9px; color:#660000; padding: 20px 0 0 0; height: 65px; display: block; overflow:hidden; }
blockquote p { margin: 0; padding: 0 0 0 14px; background: url(../img/layout/quotes-bg.gif) no-repeat; }
blockquote img { border:none; }

.stationnement { margin: 10px 30px 0 30px; padding: 0 }