/**
 * Stylesheet for elquatre.com
 *
 * coded by Raul Ferrer (www.raulferrer.com)
 */


/* Normalizing & General Definitions  
=========================*/

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

* html #wrapper { height:100%; /* IE6 treats height as min-height */ }

:link,:visited {text-decoration:none;} 

ul,ol,dl {list-style:none; position: relative;} /* fixes IE6 and lower bug about background images */

html, body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {margin:0; padding:0;} 

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

a img,:link img,:visited img, img, fieldset { border:none; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, em, strong, th { font-style: normal; font-weight: normal; }

a { outline: none; } /* avoids outline on Firefox */

body {
	background: #fff;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #adadad;
}



/* Navigation  
=========================*/
#lang ul { margin: 0 0 0 20px; }
#lang li {width: 90px; height: 40px; float:left; }
#lang li a {display:block; height: 40px; width: 90px; float:left; text-indent: -9999px;}

#lang li.cat a {background: #000 url(/img/catala.png) no-repeat 0 0;}
#lang li.esp a {background:url(/img/castellano.png) no-repeat 0 0;}
#lang li.eng a {background:url(/img/english.png) no-repeat 0 0;}
#lang li.fra a {background:url(/img/francais.png) no-repeat 0 0;}

#lang li a:hover {background-position:0 100%;}

/* Structure  
=========================*/

#wrap {
	position: relative;
	background: #fff ;
	width: 100%;
	overflow: hidden;	
}

#splash {
	position: relative;
	margin: 30px auto 0 auto;
	width: 320px;
	height: 325px;
}

#lang {
	position: relative;
	margin: 20px auto 0 auto;
	width: 380px;
	height: 40px;
}