@charset "UTF-8";

html, body {
	background:#dadadc;
	padding:0;
	margin:0;
	
	height:100%; /* needed for container min-height */
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#666;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	background:#FFF url(img/circles.gif) no-repeat right bottom;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

.clear{
	clear:both;
}


/*--------------------- HEADER --------------------- */

#header {
	position:relative;
	width:980px;
	height:160px;
	border-top:#568014 10px solid;
}

#logo {
	position:relative;
	padding:20px 0 20px 20px;
	width:260px;
	height:60px;
	float:left;
}

#logo a {
	background:url(img/logo.gif) no-repeat 0 0;
	width:260px;
	height:60px;
	display:block;
}


/*--------------------- TOP NAV --------------------- */


#topnav {
	position:relative;
	padding:20px 20px 0 0;
	margin:0;
	float:right;
}

#topnav li {
	list-style:none;
	float:left;
	padding:0 0 0 10px;
	border:0;
}

#topnav li a {
	color:#666;
	text-decoration:none;
}

#topnav li a:hover {
	color:#568014;
	text-decoration:none;
}

.topnav_border {
	padding:0 10px 0 0;
	border-right:#568014 1px solid;
}

/*--------------------- MAIN NAV --------------------- */



#nav {
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}

#nav ul.main_nav {
	position:relative;
	width:940px;
	height:27px;
	padding:0 20px 0 20px; margin:0;
	background:url(img/nav_line.gif) repeat-x 0 0;
}

#nav li.tab, #nav li.tab2 {
	list-style:none;
	display:block;
	margin:0 4px 0 0;
	float:left;
	cursor:pointer;
}

#nav a {
	background:url(img/tab.gif) no-repeat left top;
	display:block;
	height:27px;
	padding:0 6px 0 10px;
	font-size:11px;
	line-height:27px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#666;
	cursor:pointer;
}

#nav span {
	background:url(img/tab.gif) no-repeat right top;
	display:block;
	height:27px;
	padding:0 4px 0 0;
	font-size:11px;
	line-height:27px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#666;
	cursor:pointer;
}

#nav span.active a {
	color:#000;
	background:url(img/tab.gif) no-repeat 0% -27px;
}

#nav span.active {
	color:#000;
	background:url(img/tab.gif) no-repeat 100% -27px;
}



/*--------------------- SUB NAV --------------------- */



#nav ul.sub_nav {
	position:absolute;
	display:none;
	list-style:none;
	padding:0;
	margin:0;
}

#nav ul.sub_nav li, #nav ul.sub_nav2 li {
	display:block;
	float:left;
	margin:0px;
	padding:0 10px 0 10px;
}

#nav ul.sub_nav a {
	font-size:11px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	background:none;
}

#nav  ul.sub_nav a:hover, #nav  ul.sub_nav a.active { color:#568014; }


/*--------------------- HOMEPAGE BLOCK ---------------------*/

#block {
	height:300px;
	width:980px;
	background:#6f7263 url(img/block_shade.jpg) repeat-x 0 0;
}

#intro {
	padding:20px 0 0 20px;
	width:320px;
	color:#FFF;
	float:left;
}

#intro h1 {
	padding:0;
	margin:0;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
}

#intro strong {
	color:#FFF;
	font-weight:bold;
}

#intro a {
	color:#FFF;
	text-decoration:underline;
}

#intro_puzzle {
	width:630px;
	height:300px;
	background:url(img/puzzle.jpg) no-repeat 0 0;
	float:right;
}
	


/*--------------------- CONTENT ---------------------*/

#content {
	clear:both;
	padding:0 0 140px 0; /* bottom padding for footer */
	background:url(img/content_shade.gif) repeat-x 0 0;
}

#col_1 {
	padding:40px 0 0 20px;
	width:320px;
	display:block;
	float:left;
}

#col_2 {
	padding:40px 0 0 60px;
	width:260px;
	display:block;
	float:left;
}
#col_3 {
	padding:40px 0 100px 60px;
	width:240px;
	display:block;
	float:left;
}

#col_1 h2, #col_2 h3, #col_3 h4 {
	padding:0;
	margin:0;
	height:48px;
	font-size:18px;
	line-height:24px;
	color:#568014;
	font-weight:bold;
}

#main_col h1 {
	padding:0;
	margin:0;
	font-size:18px;
	color:#568014;
	font-weight:bold;
}

#main_col h2, #main_col h3, #main_col h4 {
	padding:0;
	margin:0;
	font-size:14px;
	color:#568014;
	font-weight:bold;
}

 #main_col h4 {
	margin-bottom:-10px;
}

#main_col {
	padding:40px 0 0 20px;
	width:640px;
	display:block;
	float:left;
}

#foto {
	position:relative;
	float:right;
	width:315px;
	height:320px;
	padding:0 0 120px 0;
}

.bullets {
	padding:20px 0 20px 40px;
	margin:0;
}

.bullets li {
	padding:0 0 10px 0;
	margin:0;
}


.bullets2 {
	padding:0 0 18px 40px;
	margin:0;
}

.bullets2 li {
	padding:0;
	margin:0;
}

.docent {
	padding:20px 0 0 0;
	width:100%;
	clear:both;
}

.docent span {
	float:right;
	width:470px;
}

.docent img {
	float: left;
}



/*--------------------- GALLERY ---------------------*/


.gallery {
	padding:0;
	margin:0;
}

.gallery li {
	float:left;
	list-style:none;
	padding:0 10px 10px 0;
}

.gallery img {
	border:0;
}


/*--------------------- FOOTER ---------------------*/

#footer {
	position:absolute;
	clear:both;
	width:940px;
	height:20px;
	bottom:0; /* stick to bottom */
	padding:20px;
	background:#568014;
	font-size:11px;
	color:#FFF;
}

#download {
	position:absolute;
	clear:both;
	width:940px;
	height:20px;
	bottom:100px; /* stick to bottom */
	padding:0 0 0 20px;
}
	


/*--------------------- EXTRA ---------------------*/

.clear {clear:both;}

strong {color:#000; font-weight:bold;}

a {
	color:#568014;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {clear:both;}

.form_error {
	color:#F00;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0 10px 0;
}