html, body {
	font-family:		verdana, tahoma, arial, sans-serif;
	font-size:			9pt;
	line-height:		1.5em;
	margin:				0;
	padding:			0;
	background:			#fffeed;
	color:				#000;
}

/* for mac ie (and all others...) */
html, body {
	height:				456px;
	margin-top:			13px;
}

/* hide from mac ie \*/
html, body {
	height:				100%;
	margin-top:			0px;
}
/* end */

#center {
	position:			absolute;
	left:				50%;
	top:				50%;
	width:				587px;
/*	height:				456px; */
	height:				536px;
	margin-left:		-294px;
/*	margin-top:			-228px; */
	margin-top:			-268px; 
}

#container {
	position:			relative;
	width:				587px;
	height:				536px;
	margin:				auto;
}

.box {
	position:			absolute;
	width:				107px;
	height:				107px;
	background:			transparent no-repeat;
	color:				#000;
	background:			url(images/intro-1.jpg); /* TODO dynamic */				
}

#box-0-0 {
	left:					0;
	top:					0;
	background-position:	0 0;
}

#box-1-0 {
	left:					120px;
	top:					0;
	background-position:	-120px 0;
}

#box-2-0 {
	left:					240px;
	top:					0;
	background-position:	-240px 0;
}

#box-0-1 {
	left:					0;
	top:					120px;
	background-position:	0 -120px;
}

#box-1-1 {
	left:					120px;
	top:					120px;
	background-position:	-120px -120px;
}

#box-2-1 {
	left:					240px;
	top:					120px;
	background-position:	-240px -120px;
}

#box-0-2 {
	left:					0;
	top:					240px;
	background-position:	0 -240px;
}

#box-1-2 {
	left:					120px;
	top:					240px;
	background-position:	-120px -240px;
}

#container a.menu, #container a.menu:link, #container a.menu:active, #container a.menu:visited, #container a.menu:hover {
	position:			absolute;
	display:			block; 				
	color:				#ccca99;
	left:				360px;
	width:				227px;
	font-size:			15px;
	line-height:		15px;
	text-decoration:	none;
	font-weight:		bold;
}

#container a.menu:hover {
	color:				#175a40;
	background:			transparent;
}

#emtelle-intro {
	position:			absolute;
	left:				240px;
	top:				240px;
	width:				347px;
	height:				107px;
	display:			block;
}

#emtelle-intro img {
	border:				none;
}

#footer {
	position:			absolute;		
	left:				0;
	top:				386px;
	width:				587px;
	height:				70px;
	text-align:			center;
	font-size:			9pt;
	line-height:		9pt; 				
}

#footer form {
	margin:				0;
	padding:			0;
}

#footer input {
	border:				1px solid #000;
	background:			#fff;
	color:				#000;
	width:				150px;
}

#footer button {
	color:				#9a0000;
	background:			transparent;
	border:				none;				
	padding:			0;
}

#fastlinks {
	margin-top:			13px;
}

#fastlinks a, #fastlinks a:active, #fastlinks a:link, #fastlinks a:visited, #fastlinks a:hover {
	color:				#000;
	background:			transparent;
	text-decoration:	underline;
}

#fastlinks a:hover {
	text-decoration:	none;
}

#copy {
	margin-top:			13px;
	font-size:			8pt;
	line-height:		8pt;
}

p, h1
{
	margin:				0;
	padding:			0;
	font-size:			1em;
	line-height:		1em;
}

img
{
	border:				0;
}