/** Eric meyer's reset
******************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/** Structural elements
******************************************/

body
{
	font: 62.5% Verdana, Arial, sans-serif;
	background:#FFF url(images/bgLeft.jpg) repeat-y left 0;
}

h1
{
	font-size: 2.5em;
	font-weight:bold;	
	background:transparent url(images/logoGFB.png) no-repeat 50% 0;
	text-indent:-9999px;
	width:100%;
	height:191px;
}

h2
{
	font-size:1.8em;
	text-transform:uppercase;
	font-weight:bold;
}

h3
{
	font-size:1.0em;
	font-weight:bold;
	margin-top:5px;
}

strong, b
{
	font-weight:bold;
}

dl
{
	background-color:#FFF;
	width:690px;
	border:2px #999 solid;
	padding:25px;
	margin-top:10px;
}
	dl dt
	{
		margin-bottom:3px;
	}
	
	dl dd
	{
		margin-bottom:10px;
	}
		dl dd input
		{
			width:670px;
			padding:3px 5px;
		}

hr
{
	border:1px #999 solid;
	width:100%;	
}

p
{
	margin:5px 0;
}

iframe
{
	border:2px #999 solid;
	width:100%;
	height:300px;
}

/** Centreer en footer
******************************************/
#header
{
	width:100%;
	background:transparent url(images/bgTop.png) repeat-x 0 0;
	height:30px;
}

#wrapper
{	
	background:transparent url(images/bgRight.jpg) repeat-y right 0;
	width:100%;
	height:100%;
	position:absolute;
}

#container
{
	width: 800px;
	margin: 75px auto;
	text-align:center;
	font-size:1.2em;
}
	.intro
	{
		font-size:1.4em;
		font-style:italic;
		margin-top:50px;
	}
	
	.outro
	{
		font-size:1.25em;
		margin-top:50px;
	}
	
	ul
	{
		list-style:none;
		width:100%;
		padding:50px 0;
	}
		ul li
		{
			float:left;
			width:33%;
			text-align:center;
		}
		
			ul li.arteprint
			{
				background:#FFF url(images/btnArteprint.png) no-repeat 50% 0;				
				text-indent:-9999px;
			}
				ul li.arteprint a
				{
					display:block;
					width:205px;
					height:54px;
				}
			ul li.acteco
			{
				background:#FFF url(images/btnActeco.png) no-repeat 50% 0;				
				text-indent:-9999px;
			}
				ul li.acteco a
				{
					display:block;
					width:155px;
					height:54px;
				}
			ul li.megaluna
			{
				background:#FFF url(images/btnMegaluna.png) no-repeat 50% 0;				
				text-indent:-9999px;
			}
				ul li.megaluna a
				{
					display:block;
					width:210px;
					height:57px;
				}


/** Hacks
******************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */