@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
html
{
	overflow:hidden;
}
body
{
margin: 0;
padding: 0;
border: 0;
background-color: white;
}

header
{
background-color: #15172A;
height:60px;
width:100%;
}

/* Navigation menu */

.navcontainer 
{
	width:100%;
	position:absolute;
	left:0;
	border-bottom:3px solid black;
}

.navcontainer ul 
{
	list-style-type: none;
	position: relative;
	left :65%;
	width:30%;
	margin-top: 21px;
}
.navcontainer ul:before
{
  	content: '';
  	display: block;	
}

.navcontainer ul:after
{
  	content: '';
  	display: table;
  	clear: both;
}
.navcontainer li 
{
	margin:0;
	padding-right:5px;

	/* contentfix */

}

.navcontainer li:hover
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid black;
  background-color: #7CB038;
}
.navcontainer span
{
	text-align: center;
}
.navcontainer li a
{
	width: 120px;
	font-family: 'Lato', sans-serif;
	color:white;
}
.navcontainer li a:visited{
	color:white;
}
.link 
{
	display:inline;
	padding: 5px;

}
.link-active 
{
	display:inline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 5px 10px #133e40;
    -webkit-box-shadow: inset 0 5px 10px #133e40;
    box-shadow: inset 0 5px 10px #7CB038;
    background-color: #7CB038;
    padding: 5px;
}

.logo
{

	padding : 5px;
	position: absolute;
	margin-top: 1%;
	margin-left: 1%;
}

/* Page and footer */


#pagecontainer
{
top: 10%;
position: absolute;
background-color: white;
width:99%;
height:83%;
}


#blocks
{

	height:50%;
	display:inline-block;
	width:100%;
	position:absolute;
	margin:auto;
	color:white;
}

.column
{
width: 30%;
float:left;
background-color: #009ADE;
margin:1%;
margin-top: 2%;
height:80%;
-webkit-box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow
moz-box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);

}
#left 
{
	margin-left:4.5%;
}

#left h2
{
	margin-top: 5%;
}

#left p
{
margin-left: 3%;
margin-top: -2%;
}

#middle
 {
width:27%;

}

#middle p
{

}

#middle ul
{
float:left;
margin-left: 8%

}
#middle h2
{
	margin-left : -21%;
}

#right h2
{
	margin-top:5%;
	margin-left: -5%
}

#right p 
{
	font-family: 'Ubuntu', sans-serif;
	font-size:15px;
	margin-left:8px;
	font-size: 1.0vw;

}

#carousel 
{
	background-image: url('../theme/img/carousel.jpg');
	width:100%;
	background-size: cover;
	border:1px solid black;
	height:50%!important;
	width:auto!important;
	margin-left:1%;
	-webkit-box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);
	moz-box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:8px -6px 5px 0px rgba(50, 50, 50, 0.75);
}

.column p 
{

	
	font-family: 'Ubuntu', sans-serif;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 1.0vw;
 


}

.column h2 
{
	text-align: center;
	margin-top: -5%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color:white;
}

.column ul 
{
	margin-left:24%;
	margin-top: -5%;
	font-family: 'Ubuntu', sans-serif;
}

.column li
{
	padding-top:1px;
}


footer 
{
	top:100%;
	position: absolute;
	width:101%;
	background-color: #15172A;
	color:white;
	border-top:3px solid black;
}

footer p 
{
	font-family: 'Crafty Girls', cursive;
	text-align: center;
}