@charset "UTF-8";
/* CSS Document */

/*================================= Container Divs Home page===========================*/	

#welcome_line {
	position:absolute;
	width:237px;
	height:0px;
	border-bottom:1px solid #f7f7f7;
	z-position:3;
	top:80px;
	left:25px;
}

#welcome {
	float:left;
	width:287px;
	height:365px;
	background-color:#062d42;
	text-align:left;
	margin:0 0 0 0;
	padding: 0 0 0;
}

#welcome p{
	margin: 285px 0 0 30px;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:26px;
	font-weight:100;
	letter-spacing:.04em;
	line-height:32px;
}


#intro {
	position:absolute;
	z-index:1;
	top:445px;
	width:287px;
	height:218px;
	background-color:#f7f7f7;
	
	margin: 15px 0 0 0;
}

#intro p {color:#062d42;
	line-height:20px;
	font-weight:100;
	margin: 30px 30px 30px 30px;
	font-size:12px
}

#home_filler {
	position:absolute;
	z-index:1;
	top:445px;
	left:287px;
	background-image:url(../images/home_filler.png);
	width:685px;
	height:218px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

/* ================= Home Player styles =================== */

.wf-loading h2 { 
  visibility: hidden; 
}
.wf-active h2, .wf-inactive h2 {
  visibility: visible; 
  font-family: 'Tagesschrift', 'Georgia', serif;
}

#gallery{
	margin: 15px 0 0 0;
	float:left;
	/* CSS3 Box Shadow */
	
	
	
	width:685px;
	height:350px;
	overflow:hidden;
}

#slides{ position:relative;
	top:0;
	z-index:1;
	/* This is the slide area */
	height:350px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:685px;
	overflow:hidden;
}

.slide{text-align:center;
	float:left;
}
.slide a img{text-decoration:none;
	border:none;
	margin:0;
	padding:0;
}



.label {height:45px;
	width:685px;
	background-color:#00b0b4;
	vertical-align:bottom;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#menu{
	float:left;
	position:relative;
	z-index:300;
	top:-60px;
	left:287px;
	margin:15px 0 0 0;
	
	/* This is the container for the thumbnails */
	height:45px;
	width:685px;
	padding:0 0 0 0;
}

#gallery ul{
	margin:0px;
	padding:0px;
}
#thumbnails{ float:right;
	
	max-width:360px;
	height:45px;
	overflow:auto;
	padding:0 30px 0 0;
	background-color:#00b0b4;
}

#thumbnails li{float:left;
	
	width:40px;
	height:45px;
	display:block;
	list-style:none;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	line-height:45px;
	font-weight:600px;
	color:062d42;
}
#thumbnails li a{float:left;

	width:40px;
	height:45px;
	display:block;
	list-style:none;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	line-height:45px;
	font-weight:600px;
	color:#062d42;
	text-decoration:none;
}

#gallery h1{float:left;
	/* Every thumbnail is a li element */
	display:inline-block;
	list-style:none;
	font-size:22px;
	overflow:hidden;
	margin: 8px 20px 0 40px;
	color:#062d42;
}

#gallery  li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	font-weight:bold;
	
}


#thumbnails li.act,li.act:hover{
	/* The active state of the thumb */
	background-image:url(../images/active_bg.png);
	color:#f7f7f7;
	font-weight:bold;
}

#gallery li.act a{
	cursor:default;
}


/* ================= Footer Container =================== */
#footer_container {
	position:absolute;
	z-index:2000;
	top:678px;
	left:0px;
}