/* CSS RESET */
body{padding:0;margin:0;font:12px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:5px 0;}
.clear{clear:both;}
*{outline : none;}

body{ background: #623d18; color: #fff; }

 
#container{
	width: 930px;
	margin: 0 auto;
	margin-top: 30px;
	font-family: 'Cantarell', arial, serif;
}

a, a:visited{
	color: #fff;
	text-decoration: none;
}

h1{
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.link{
	width: 299px;
	text-align: center;
	line-height: 13px;
	height: 250px;
	float: left;
	margin: 5px;
}

a#cafelogo{ display: block; background: url(img/cafelogo.jpg) no-repeat; width: 299px;height: 220px;
	float: left;
	margin: 5px;}
a#villalogo{display: block; background: url(img/villa.jpg) no-repeat; width: 299px; height: 220px;
	float: left;
	margin: 5px;}
a#cabanelogo{display: block; background: url(img/cabane.jpg) no-repeat; width: 299px;height: 220px;
	float: left;
	margin: 5px;}

a#cafemaritime{	background: url(img/cafemaritime.jpg) no-repeat;}
a#margalex{	background: url(img/margalex.jpg) no-repeat; }
a#lacabane{	background: url(img/lacabane.jpg) no-repeat; }

 
a#cafemaritime, a#margalex, a#lacabane{
	display: block;
	width: 299px;
	height: 200px;
	background-position: 0px 0px;
}

a#cafemaritime:hover, a#cafemaritime.hover, a#margalex:hover, a#lacabane:hover, a#margalex.hover, a#lacabane.hover{ background-position: 0px -200px; }

.intro{
	margin-top: 50px;
	text-align: justify;
	color: #ab8055;
}