/* CSS Document */

* { margin: 0; padding: 0 }

body {
	font: 0.8125em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #FFFFFF;
/*	background-image:url(images/testbg3.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:#FE8800;*/

	background:  url("gui/french-rabbit-bg.jpg") repeat-x #FE8800;
}

a {text-decoration: none; color:#FFFFFF }
a img {border: none;}

#banner { height:89px; width:99.99%}

#main {
}

#bodycontainer #content { margin-top:30px }
#bodycontainer #content2 { margin-top:20px }

#bodycontainerIndex #content { margin-top:27px }

#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:86%;
	max-width:750px;
	width:expression(document.body.clientWidth > 860? "750px": "86%" );
	line-height: 25px;
	top: -1px;
}

#content a:link {font-weight:bold; text-decoration:underline;}
#content a:visited {font-weight:bold; text-decoration:underline;}

#content2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:86%;
	max-width:750px;
	width:expression(document.body.clientWidth > 860? "750px": "86%" );
	line-height: 25px;
}

#content2 a:link {font-weight:bold; text-decoration:underline;}
#content2 a:visited {font-weight:bold; text-decoration:underline;}
#footer {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	width:53em;
}

#banner #logo img {
	position:relative;
	top:28px;
	left:3%;
}

#banner #logo2 img {
	position:absolute;
	top:2px;
	right:6.5%;
	left: 363px;
}

#content H1 { font-size: 1.5em; }
#content H2 { font-size: 1.0em; }
#content2 H1 { font-size: 1.5em; }
#content2 H2 { font-size: 1.0em; }
/* For home page */
#bodycontainerIndex #logo {
	margin-bottom:12px;
}
#bodycontainerIndex #content #contentLeft {
	float:left;
}

#bodycontainerIndex #content #contentRight  {
	float:left;
}

#bodycontainerIndex #content #contentRight #boxText {
	padding-top:30px;
	padding-left:19px;
	width:25em;
}

#bodycontainerIndex #content H1 {
	font-weight:100;
	font-size:1.5em;
	line-height:1.1em;
	margin-bottom:1em;
}

#bodycontainerIndex #content P {
	font-size:1em;
	line-height:1.4em;
}

#bodycontainerIndex #content #feature { margin-top:0.6em }
#bodycontainerIndex #content #feature IMG { float:left; padding-right:6px }
#bodycontainerIndex #content #feature P { margin-bottom:0.6em }
#bodycontainerIndex #content #feature A { color:#fedd8f }
#hopPlaceholder { float:right; margin-right:100px; }


/* Thin Bordered box, image (#boxImage) on left, copy on right (#boxText) */
#content #box {
	width:99.999%;
	border:1px solid white;
	margin-top:24px;
	padding:2px;
}

/* Thick Bordered box, image (#boxImage) on left, copy on right (used in Our Wines) */
#content #box2 {
	width:99.999%;
	border:3px solid white;
	margin-top:24px;
	padding:2px;
}
/* Wines box, image (#boxImage) on left, copy on right with colored bg(#boxText) */
#content #boxWine {
	width:99.999%;
	border:3px solid white;
	margin-top:24px;
}

/* Filled box, image (#boxImage) on left, copy on right (#boxText), bitemark on bottom right */
#content #box3 {
	width:99.999%;
	background-color:#FFFFFF;
	padding:5px;
	color:#888888;
}

/* Filled Orange box, full image */
#content2 #box4 {
	width:99.999%;
	border:1px solid white;
	background-color:#FF8C29;
	color:#FFFFFF;
	margin-top: 10px;
}
/* Filled Orange box, full image */
#content #box5 {
	width:99.999%;
	border:1px solid white;
	background-color:#FF8C29;
	color:#FFFFFF;
}

#content #box #boxText P, #content #box2 #boxText P, #content #boxWine #boxText P, #content #box3 #boxText P { margin-bottom:0.7em; padding-right: 10px; }
#content #box #boxImage, #content #box3 #boxImage { float:left; padding:15px }
#content #box2 #boxImage, #content #boxWine #boxImage { float:left; padding-right:155px; }
#content #box H1 { font-size: 1.0em; color: #ffd683; margin-bottom:0.5em }
#content #box3 H1 { font-size: 1.0em; color: #f97300; margin-bottom:0.5em }
#content #box2 H1 { font-size: 1.0em; margin-bottom:0.5em }
#content #box2 EM { font-size:1.0em; font-weight:bold; font-style:normal}
#content #boxWine H1 { font-size: 1.0em; margin-bottom:0.5em }
#content #boxWine EM { font-size:1.0em; font-weight:bold; font-style:normal}
#content #box #boxText, #content #box3 #boxText { float:right; width:28em; margin-top:50px; line-height:1.5em }
#content #box2 #boxText { float:right; width:25.1em; margin-top:12px; line-height:1.5em; padding-right:1em;padding-bottom:1em}
#content #boxWine #boxText { float:right; width:25.1em; margin-top:12px; line-height:1.5em; padding-right:1em;padding-bottom:1em}
#content #box5 #boxText { line-height:1.5em; padding: 15px}
#content #box3 A { color:black }
#content #box3 #boxImage P, #content #box3 #boxImage H1 {line-height: 1.5em; padding: 15px}

/* house */
#insetAttach {
	position:absolute;
	right:2%;
	top:-5px;
}

/* date */
#insetAttach2 {
	position:absolute;
	top:-103px;
	right:3.5%;
}

/* bite */
#insetAttach3 {
	position:absolute;
	top:-3px;
	right:3%;
}


#content #boxWine #boxBottle { position:absolute; left:179px;top:-10px; }
#content #boxWine #boxWines { position:absolute; left:3px;top:-40px; }
#content #box2 #boxBottle { position:absolute; left:180px;top:-40px; }
#content #box2 #boxWines { position:absolute; left:3px;top:-10px; }
#content .box2outerTextContainer {
	position:relative;
	margin:3px; /* same size as #box2 border */
	width:99.999%;
}
#content .box2outerText {
	float:right;
	width:25.1em; /* same width and padding-right as #boxText */
	padding-right:1em;
}
#content .box2outerText H1 { margin-bottom:0.2em }
#content .box2outerText H2 { font-weight:100; }
#content .chardonnay { background-color:#95CB39 }
#content .merlot { background-color:#F53394 }
#content .cabernetsauvignon { background-color:#B1248F }
#content .pinotnoir { background-color: #999999}

#content .wine a:link  {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
#content .wine a:visited  {color: #FFFFFF; font-weight: bold; text-decoration: underline;}

#content #tastingnotes  { margin-top:1em}
#content #tastingnotes A { font:1.1em; font-weight:bold; text-decoration:underline }


#footerImage { float:left; padding-top:1em; margin-right:1.5em;  }
#disclaimer { padding-top:19px; line-height:1.4em;font-size:0.73em; color:#000000}
#disclaimerRight { float:right; padding-right: 10px; font-size:9px; color:#000000}
#disclaimerTiny { font-size:0.8em}

#indexlink:hover { cursor:pointer }

.clear { clear:both }
.orange { background-color: #FF8C29 }

/* navbar */
#navbox { 
	z-index:100;
	background-color: #FF9900;	
	height:1.8em;
}

#bodycontainer #navbox {
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#bodycontainerIndex #navbox {
	border-bottom:3px solid white;
}

#navbox ul {
	line-height:1.8em;
	width:56em;
	margin-left:auto;
	margin-right:auto;
	background-color: #FF9900;
}

ul { list-style: none }

#nav a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav li { padding-left: 1em; padding-right:1em }

ul li ul li {
	padding-right: 0;
	border:0;
	line-height:1.8em;
/*	margin-top:-4px;*/ /* tempfix2*/
}

#nav li {
	z-index:100;
	float: left;
	position: relative;
	cursor: default;
	background-color: #FF9900;
}

#nav li ul {

	z-index:100;
	width:14em;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #FF9900;
}

#nav li li a {
	z-index:100;
	display: block;
}

#nav li:hover { background-color: #FF9900}

#nav li ul li {
	z-index:100;
	background-color: #FF9900;
	border-bottom: solid 1px #FFFFFF;
/*	margin-top:-4px; TEMP IE FIX */
}

/* compat with #nav? */
li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

.gallery {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
text-align: center;
padding: 4px;
line-height: 14px;
}
.gallery a:link {color: #333333; font-weight: bold; text-decoration: underline;}
.gallery a:visited {color: #333333; font-weight: bold; text-decoration: underline;}

/*
link: #F8A700
active: #E96800
*/

/* footer nav */
#bodycontainer #footer #navcontainer { margin-top:92px}

#footer #navcontainer { font-size:.75em; overflow:hidden; text-align:center; line-height: 15px; }
#footer #navlist { list-style-type: none }

#footer #navlist li
{
display: inline;
list-style-type: none;
}

#footer #navlist A { color:#FFFFFF }
#footer #navlist A:hover { color:#000000 }

.v { margin:185; padding: 185 }

#recycle_box
{
position:absolute;
top: 250px;
left:150px;
width: 780px;
height: 400px;
border-style: solid;
border-width: 1px;
border-color: white;
}

#rabbit_hop
{position:absolute;
top: 0px;
left:350px;
}
#Canada { float:left; margin-left: 50px; }
.canada {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px;}
.canada a:link {text-decoration:underline;}