/**
 * (c) 2009, Matteo Geer. All rights reserved.
 */

* { margin: 0; padding: 0; border: none; outline: none; }

body {
	font-family: helvetica;
	background-color: #FFFFFF;
}

/* Layout */
#page { display: block; position: relative; height: auto !important; height: 518px; min-height: 518px; width: 955px; 
        margin: 60px auto 0 auto; position: relative; }
#logo  {
	display: block;
	position: absolute;
	top: 0px;
	left:  0;
	width: 305px;
	float: left;
	z-index: 1000;
}		
#nav  {
	display: block;
	position: absolute;
	top: 52px;
	left:  16px;
	width: 305px;
	float: left;
	z-index: 0500;
}
#con  {
	display: block;
	position: absolute;
	top: 50px;
	right: 0;
	width: 682px;
	float: left;
	z-index: 0100;
	left: 375px;
	height: 744px;
}
#slides  {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	width: 682px;
	float: left;
	z-index: 090;
	left: 315px;
	height: 744px;
}

#text { display: block; width: 600px; float: right; z-index: 0100; }
#text .col { display: block; width: 190px; margin: 0 0 0 10px; float: left;}
 
/* Navigation menu */
#nav { font-family: Impact, Helvetica, "Arial Black", Arial; text-transform: uppercase; text-align: right; }
#nav h1 {
	font-size: 55px;
	line-height: 55px;
	height: 55px;
	color: #E40000;
	text-align: right;
}
#nav ul { padding: 2px 0 0 0; list-style: none; padding: 0; margin: 0; }

#nav li {
	font-size: 40px;
	line-height: 35px;
	padding: 3px 0 0 0;
	margin: 0;
	clear: both;
}
#nav li li { font-size: 28px; line-height: 23px; clear: none; list-style: none; text-align: left; }
#nav ul span, #nav ul a:link, #nav ul a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#nav ul a:hover, #nav ul a:focus, #nav ul a:active {
	color: #00FFCC;
}


/* #nav li li span { color: #c9d0c6;}
#nav li li a:link, #nav li li a:visited { color: #B0E699; }
#nav li li a:hover, #nav li li a:focus, #nav li li a:active { color: #78dd4c; }
/* */

#nav li ul { margin-left: 110px;}
#nav li li ul { margin: 0; }
#nav li li ul li { font-size: 19px; }

/* Pagination controls */
.class1 #nav .pagination { margin-left: 110px; }
#nav .pagination { display: block; width: auto; }
#nav .pagination span { color: #C9D0C6;}
#nav .pagination li { margin-right: 5px; display: block; float: left; clear: none; font-size: 19px; }

/* Back link */
#back { position: fixed; top: 0; left: 0; }
#back a { display: block;  background: url(file:///MatteoDrive/Users/matthewgeer/Websites/Ekstasis2_CSS/images/back.png); width: 70px; height: 70px; text-decoration: none; }
#back a:hover, #back a:focus { background: url(file:///MatteoDrive/Users/matthewgeer/Websites/Ekstasis2_CSS/images/back-on.png); }
#back a span { visibility: hidden; }

/* Footer */
#foot {
	font-size: 12px;
	clear: both;
	font-weight: bold;
}
#foot, #foot a {
	color: #999999;
}
#foot a { text-decoration: none; }
#foot a:link { color: #81817e;}
#foot a:hover, #foot a:focus, #foot a:active { text-decoration: underline; }

#con img { background-position: top left; }
img { vertical-align: top; }


/* SPIP */

#text { font-family: Helvetica, sans-serif; font-size: 11px; color: #81817e;
	background: url(file:///MatteoDrive/Users/matthewgeer/Websites/Ekstasis2_CSS/images/column.gif) no-repeat top center; }

#text.col1 { background: none; }

h3 { font-size: 20%; }
p {
	margin: 1em 0;
	line-height: 1.2;
}
blockquote { padding: 1em 2em; border-left: 1ex solid #eee; }

#text ul { }
#text ul ul { margin-left: 2em; }

#text ol { list-style: decimal; }
#text ol li { }

b { font-weight: bold; }
i { font-style: normal; color: #aacf37;}

#text a:link { text-decoration: none; color: inherit; color: #81817e; }
#text a:visited { color: #a4a4a1; border: none; }
#text a:hover, #text a:focus, #text a:active { border-bottom: 1px dotted #81817e; }

p.title, .description {font-family: Helvetica, sans-serif; font-size: 11px; color: #81817e; }
p.title { display: block; margin: 0; padding: 0; width: 50%; float: left; }
p.one { text-align: left; }
p.two { text-align: right; }
.description { clear: both;}