@charset "utf-8";
/* CSS Document */
/*
blue: #126199
light blue: #57b7df
grey: #404041
*/

/* tags */
body {
	background:#126199 url(/img/bg.jpg) top center repeat-x;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Oswald", Helvetica, sans-serif;
	font-weight:normal;
	color:#126199;
	text-shadow: 0 2px 1px #fff;
}
h1 {
	font-size: 40px;
}
.headline {
	margin-top: 85px;
	font-size: 85px;
	line-height: 1;
}
a {
	color:#126199;
}
a:hover {
	color: #57b7df;
}
/* divs */
.wrapper {
	background-color:#f3f3f3;
	padding: 0 20px;
}
.logo img {
	padding-top:5px;
}

.header {
	border-top: 3px solid #126199;
	margin-top:72px;
}
	nav ul {
		margin: 0;
	}
	nav li {
		list-style: none;
		margin-left: 0;
		text-shadow: 0 1px 0 #fff;
		float: left;
	}
	nav li:last-child a {
		margin-right: 0;
	}
	nav a {
		display:block;
		padding:3px 0 3px 3px;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		width:140px;
		float: left;
		margin-right: 16px;
		transition: background .2s;
		-moz-transition: background .2s; /* Firefox 4 */
		-webkit-transition: background .2s; /* Safari and Chrome */
		-o-transition: background .2s; /* Opera */
		font-size: 1.1em;
	}
	nav a:hover,
	nav .current a:hover {
		color:#fff;
		background-color:#126199;
		text-shadow: 0 -1px 1px #000;
		text-decoration:none;
	}
	nav .current a {
		color: #333;
	}

.columns h2 {
	margin:0;
	border-top: 1px solid #126199;
	margin-top:20px;
	padding-top:5px;
}
.sidebar {
	color:#333;
}
	.sidebar img.frame {
		width:130px;
	}

	.sidebar img {
		width:140px;
	}

.footer {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	color: #999;
	font-size:.8em;
	overflow: hidden;
	height: 80px;
}
	.footer a {
		color:#ccc;
	}
	.filmstrip {
		margin:0 auto;
		width:937px;
		padding-top:10px;
	}
	.filmstrip img {
		display:inline;
		padding-right:1px;
		width:77px;
		height:77px;
	}

.collage {
	padding: 10px;
}
.collage img {
		vertical-align: bottom;
		_opacity: 0;
		border: 6px solid #FFF;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* classes  */

.frame {
	padding: 4px;
	border:1px solid #ccc;
	background-color:#fff;
}

.left {
	float:left;
	margin:10px 10px 10px 0;
}

.right {
	float:right;
	margin:10px 0 10px 10px;
}

.hide {
	display:none;
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -95px;
}
#footer, .push {
	height: 95px;
	clear: both;
}

@media (min-width: 768px) and (max-width: 979px) {
  nav a {
    width: 105px;
  }
  .headline {
  	font-size: 68px;
  }
}
@media (max-width: 767px) {
	body {
		background: #f3f3f3;
	}
	.wrapper {
		padding: 0;
	}
	.logo img {
		width: 100px;
		display: block;
		margin: 0 auto;
	}
	.header {
		border: 0;
		margin: 20px 0;
	}
	nav .pull-right {
		text-align: center;
		float: none;
		line-height: 2
	}
	nav li {
		display: inline;
		float: none;
	}
	nav a {
		padding: 5px 25px;
		width: auto;
		float: none;
		display: inline;
	}
	.headline {
		font-size: 40px;
		margin: 0;
	}
}