.links{
	color: #336699;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
}

a { 
    text-decoration: none;
    color: #336699; 
    background-color:#f5f5f5;
 }


.a, .a:visited {color:#000;}
#container
       {
       position:relative;
       top:100px;
       left:0px;
       width:600px; 
       height:500px;
       background:#888;
       border:1px solid #000;
       margin:10px auto;
       }
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.slidea {background:url(plumstories/atmosphere2.gif);}
a.slideb {background:url(plumstories/entrance2.gif);}
a.slidec {background:url(plumstories/feuilles2.gif);}
a.slided {background:url(plumstories/mainstreet2.gif);}
a.slidee {background:url(plumstories/paniersremorque2.jpg);}
a.slidef {background:url(plumstories/pigeonnier2.jpg);}
a.slideg {background:url(plumstories/prunes2.jpg);}
a.slideh {background:url(plumstories/recipebook2.gif);}
a.slidei {background:url(plumstories/verger2.gif);}
a.slidej {background:url(plumstories/village2.gif);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:300px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

.preload{display:none;}


#navigation {
	visibility: visible;
	z-index: 2;
	text-align:left;
	width: 125px;
	background-color: #f5f5f5;
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
	top: 112px;
	left: 20px;
}

#banner {			
	visibility: visible;
	z-index: 1;
	width: 728px;
	height: 90px;
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
	
}