/* CSS Document */

/*
si6
#extraDiv1 span {
	position: absolute;
	bottom: -33px;
	left: 0px;
	background: url(bg_bottom.jpg) no-repeat;
	width: 100%;
	height: 508px;

LuGoZee
req's is in container it has text in it
#requirements	{
				background:url(author.jpg) bottom left no-repeat;
				width:420px; 
				padding:0px 70px 125px 70px;
				margin:0px
				}
requirements is inside container
#container	{
			position:absolute;
			top:0px;
			left:215px;
			width:600px;
			background:url(fond-centre.jpg);
			background-position:top left;
			background-repeat:repeat-y;
			z-index:10;
			}
*/


/* ////////////// basic elements ////////////// */

* { 
		margin: 0; 
		padding: 0;
		}
body {
		background: url(bg_green.jpg);	
		font-family: Lucida Grande,Arial,sans-serif;
		font-size: 12px;
    	line-height: 18px;
		}
		
#footer {
}		
#intro	{
		margin-top: 155px;
		margin-left: 405px;
		}
#copy	{
		margin-top: 0px;
		margin-left: 262px;
		margin-right:25px;
		}
		img a, img {border:0;}
.foil {
position: absolute;
background:url(foil.gif) no-repeat;
height: 200px;
width: 200px;
top: 400px;
left: 0px;
}
.photo_wines {
position: absolute;
background:url(photo_wines.gif) no-repeat;
height:335px;
width: 273px;
top: 50px;
left: -50px;
}
#news	{
		margin-left:50px;
		margin-right: 45px;
		margin-top: 0px;
		padding-bottom:30px;
		}		
		
dt {
		font-weight:bold;
		}
#copy dt.new:after {
content: "New";
background-color: black;
padding: 3px;
margin-left:5px;
color: white;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
margin-bottom: 0;
margin-right: 5px;
font-size: 10px;		}

#copy dd {
		padding-bottom:.9em; 
		margin:0;
		}
		
		
		
		
#news dd {
		padding-bottom: 1.6em;		}
		
#news dt {
		padding-bottom: 0em;		}
	
#news span {
		margin-top:.6em;
		display:block;
		
		}
.outerWrapper {
		position:relative;
		width:712px;
		left:50%;
		margin-left:-356px;	
		background: url(verticalRepeat.jpg) repeat-y;
}
div.spacer {
		clear: both;
  		}
.topWrapper {
		position:relative;
		width:712px;
		left:50%;
		margin-left:-356px;	
		background: url(top.jpg) no-repeat;
		height:318px;
}

.midWrapper {
		position:relative;
		width:712px;
		left:50%;
		margin-left:-356px;	
/*		border: 1px solid transparent;
		_border: 0px;  this talks to IE6  */
		display: block;
}
.baselineWrapper {
		position:relative;
		width:712px;
		left:50%;
		margin-left:-356px;	
		background: url(Baseline.jpg) no-repeat;
		background-position: bottom;
}
.container	{	
		position: relative;
		width:520px;
		margin:0 auto;		
		padding-top: 0;
		margin-top: 0;
		display: block;
		}
#closing	{
		float: right;
		}
#contact	{
		float: left;
		}
		
/* ////////////// typography ////////////// */
		
p, ul, ol { 
		
		margin-bottom: 18px;

		}
h1 { 
		color: #9ed652;
		font-size: 24px; 
		line-height: 36px;
		margin-bottom: 18px; 
		}
h2 { 
		color: #a39c8d;
		font-size: 18px; 
		line-height: 18px; 
		margin-bottom: 18px;
		}
h3 { 
		font-size: 12px; 
		line-height: 18px; 
		}	
#credits p {
		font-size: 10px;
		line-height: 16px;
		}
		
#closing p, #contact p {
		font-size: 11px;

		}
#news h2 {
		background: transparent url(Header_Recent_News.gif) no-repeat top left; 
		width: 191px; 
		height: 36px; 
		padding-bottom:7px;
		margin:0;
		}
#copy h2 {
		background: transparent url(Header_Our_Wines.gif) no-repeat top left; 
		width: 191px; 
		height: 36px; 
		padding-bottom:7px;
		margin:0;
		}

/* /////////// navigation & links /////////// */
a:link {
		text-decoration: none;
		color:#990000;
		}
a:visited {
		text-decoration: none;
				color:#CC6666;

		}
a:hover {
		text-decoration: underline;

		}
a:active {
		color:#990000;
		text-decoration: underline;
		}



/* ////////////// image replace ////////////// */

#header h1 span {
		display:none
		}
#header h2 span {
		display:none
		}
#header h3 span, #copy h2 span, #news h2 span {
		display:none
		}

#news dl dd.MDA {margin-right:90px;}
.MDAlockup {border:0px solid red; position:absolute; width:120px; height:76px; top:70px; right: 10px; background-image:url(lockup2.gif);}