/* Resets */

* {
	margin:0;
	padding:0;
}
a,img {
	border:0;
}
p {
	margin:.8em 32px 1.6em 64px;
}
.clear {
	clear:both;
}

/* Links */

#main .wrapper a, #footer a {
	padding:0 2px 2px 2px;
	color:#def;
}
#main .wrapper a:visited, #footer a:visited  {
	color:#fdf;
}
#main .wrapper a:hover, #main .wrapper a:focus {
   color:#eef;
}

/* Layout */

body {
	background:#6e9b68 url("body.gif") -8% 0 repeat-x;
}
#main {
	background:transparent url("vines-top.png") -58% 0 repeat-x;
}
#main .inner {
	background:transparent url("vines-footer.gif") left bottom repeat-x;
	width:90%;
	margin:0 auto;
	padding:8em 0 16em 0;
}
h1 {
	background:url(relocalisation_48x48.png) no-repeat bottom left;
	padding-left:62px;
}

/* @group #intro */

#main #intro {
	position:relative;
	_width:345px;
	_float:right;
}

/* @group .explanation */

#main .wrapper {
	_width:90%;
	clear:both;
	padding-bottom:40px;
}
#main .explanation {
	_padding:0;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
	overflow:hidden;
}
#main .explanation h2 {
	margin:.4em .4em 1em .6em;
}
#main .explanation, #main .explanation p {
	_background:#679161;
	background:#557a50;
}

/* @group footer */

#footer {
	background:transparent url("footer-top.gif") left top repeat-x;
	position:relative;
	top:-30px;
	padding-top:19px;
}
#footer .outer {
	background:#444847 url("footer-bottom.gif") left bottom repeat-x;
	padding-bottom:19px;
	overflow:hidden;
}
#footer .inner {
	background:#444847;
	_width:838px;
	margin-bottom:3em;
	_text-align:center;
}
#footer p {
	margin:.8em;
}
#footer ul {
	list-style:none;
}
#footer li {
	float:left;
	margin-left:8em;
	_font-size:90%;
	_letter-spacing:2px;
}

/* Typography */

body {
	color:#333;
	font-family:'Lucida Grande','Lucida Sans Unicode','Vera Sans',sans-serif;
	line-height:1.3;
}
#main .wrapper, #footer {
	color:#fff;
}