@import url(jquery.fancybox.css);

html, body {
	height:100%;
	width:100%
}
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 24px;
	color:#292929;
	background-color:#fff
}
a {
	color:#ffffff;
	text-decoration:none
}
a:hover {
	color:#ffffff;
	text-decoration:underline
}


h1{
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 48px;
	letter-spacing: 2px;
}

h2{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	color: #fff;
	text-transform:uppercase;
	margin-bottom: 30px;
}

h3{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 2px;
	color: #fff;
	text-transform:uppercase;
	margin-bottom: 30px;
}

.pages h1{
	color: #F00;
	letter-spacing:0;	
}

.icon-bar{
	border: solid 1px#fff;	
}

#navigation {
	background-color:#284a58;
	width:100%;
	box-shadow:0 0 2px rgba(0,0,0,0.65);
	z-index:12000;
	*position:relative;
	*z-index:12000
}
#navigation .brand {
	padding:7px 100px 8px 0;
	text-align:left
}
#navigation ul{
	display:inline-block;
	float:none;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
	line-height:18px;
	font-size:12px;
	list-style:none
}
#navigation ul li {
	display:inline-block;
	position:relative;
	padding:0;
	margin:0;
	line-height:18px;
	list-style:none
}
#navigation ul a {
	font-family:'Oswald', sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	letter-spacing:2px;
	color:#fff;
	padding:12px 15px;
	margin:0;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	position:relative;
	display:block
}

.nav ul{
	display:inline-block;
	float:none;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
	line-height:18px;
	font-size:12px;
	list-style:none
}
.nav ul li {
	display:inline-block;
	position:relative;
	padding:0;
	margin:0;
	line-height:18px;
	list-style:none
}
.nav ul a {
	font-family:'Oswald', sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	letter-spacing:2px;
	color:#fff;
	padding:12px 15px;
	margin:0;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	position:relative;
	display:block
}

.nav {
	background-color:#284a58;
	width:100%;
	box-shadow:0 0 2px rgba(0,0,0,0.65);
	position: -webkit-sticky;
}


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}


footer {
	color:#CCC;
	font-size:11px;
	text-align:left
}

.fixed-top {
	position:fixed;
	top:0;
	display:none;
	opacity:0;
	filter:alpha(opacity=0)
}
.fixed-bottom {
	position:fixed;
	bottom:0;
	display:none;
	opacity:0;
	filter:alpha(opacity=0)
}
.fixed-visable {
	opacity:1;
	filter:alpha(opacity=100);
	display:block
}
.submenu {
	position:relative;
	text-align:center;
	margin-top:20px
}
.submenu ul {
	margin:0
}
.submenu li {
	display:inline-table
}
.submenu a {
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:1px;
	color:#fff;
	padding:3px 8px;
	margin:0 3px;
	position:relative;
	background-color:#bbb
}
.submenu a:hover, .submenu a.active {
	background-color:#4e808e;
	text-decoration:none;
	color:#fff
}

.white {
	color:#fff
}
.black-bg {
	background-color:#292929;
}
strong {
	font-weight:bold
}
em {
	font-style:italic
}

.paralax {
	color:#fff;
	position:relative;
	background:transparent 50% 0 no-repeat fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}

.welcome {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}

.logo{
	margin: auto;
	width: 560px;
	margin-top: 15%;
}

.block_grey_home{
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #284A58;
	margin-bottom: 20px;
	box-shadow: 0px 2px 10px #000;	
}

.block_grey_home a{
	color: #f00;	
}

.block_red_home{
	background: transparent url("../media/red.png");
	margin-bottom: 20px;
	box-shadow: 0px 2px 10px #000;		
}

.block_grey_menu{
	padding: 20px;
	text-align: center;
	background: transparent url("../media/grey.png");
	margin: 80px 0 40px 0;
	box-shadow: 0px 2px 10px #000;		
}

.block_grey_menu li{
	display:inline-block;
	position:relative;
	padding:0;
	margin:0;
	line-height:18px;
	list-style:none
}

.block_grey_menu li a{
	font-family:'Oswald', sans-serif;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	padding:0px 15px;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	position:relative;
	display:block	
}

.event{
	min-height: 200px;
	margin: 40px 0px 20px 0px;
	text-align: left;
}

.pages{
	box-shadow: 0px 2px 10px #888888;	
}

.champagne{
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e8ead2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8ead2));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8ead2 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e8ead2 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e8ead2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e8ead2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8ead2',GradientType=0 );
padding: 40px 0;	
}

.foto{
 height: 700px;	
}

.foto_header{
	position: absolute;
	z-index: 100;
	text-align: center;
	width: 100%;
	margin-top: 270px;
}

.foto_header h1{
	font-size: 120px;
	text-transform: uppercase;
	color: #f00;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;	
	text-shadow: 2px 2px 10px #000;		
}

footer#mainfooter {
	background-color:#354a54;
	box-shadow:0px 0px 5px #888888;
	padding-top:40px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}

footer a{
	font-size: 12px;
	line-height: 16px;	
}
footer#mainfooter #footer {
	margin-bottom:40px
}
footer#mainfooter #footer .martop {

}
footer#mainfooter #footer h1 {
	text-align:center;
	color:#fff
}
footer#mainfooter #footer h3 {
	font-weight:700;
	font-size:20px;
	margin-bottom:20px
}
footer#mainfooter #footer h3.twitter {
	background-image:url("../media/icon-twitter.png");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px
}
footer#mainfooter #footer h3.facebook {
	background-image:url("../media/icon-facebook.png");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px
}
footer#mainfooter #footer .gform_body label {
	display:none
}
footer#mainfooter #footer .gform_body input, footer#mainfooter #footer .gform_body textarea {
	width:100%;
	padding:0 2px;
	margin-bottom:15px;
	border:0;
	font-size:16px
}
footer#mainfooter #footer .gform_footer {
	text-align:right;
	margin:0;
	padding:0
}
footer#mainfooter #footer .gform_footer input[type=submit] {
	width:auto;
	text-align:right;
	background:none !important;
	color:#000;
	border:0 !important;
	font-size:16px;
	margin-top:0px !important
}
footer#mainfooter #googlemaps {
	width:100%;
	height:595px;
	overflow:hidden
}
footer#mainfooter #googlemaps #map {
	height:645px;
	width:100%
}

footer li{
	border-bottom: solid 1px #fff;
	padding: 10px 0px;	
}

.formbuilder_output_label{
	width: 150px;	
}

.input_textarea{
	width: 100%;
	margin-left: 5px;		
}

.input_text{
	width: 100%;
	margin: 5px;
	padding: 4px;
	height: 25px;	
}

.formbuilder_output{
	margin-left: 8px;	
}

.input_button{
	border: none;
	background: #fff;
	color: #C30;
	padding: 5px;
	font-weight: 700;
	text-align: right;	
}


@media(max-width:1200px){
	h1{
	font-size: 40px;
	}
	body{
	font-size: 1em;	
	}
	
	.foto{
		height: 500px;	
	}
	.foto_header{
		margin-top: 170px;
	}	
	.logo{
	margin: auto;
	width: 500px;
	margin-top: 10%;
	}
	.welcome{
		overflow: visible;	
		height:auto;
	}
	.foto_header h1{
	font-size: 90px;
	text-transform: uppercase;
	color: #f00;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;	
	text-shadow: 2px 2px 10px #000;		
	}

}


@media(max-width:768px){

	body{
	font-size: 1em;	
	}
	
	.foto{
	height: 200px;	
	}

	.foto_header{
		margin-top: 70px;
	}
	
	.logo{
	margin: auto;
	width: 300px;
	margin-top: 20%;
	}
	.welcome{
		overflow: visible;	
		height:auto;
	}
	.foto_header h1{
	font-size: 40px;
	text-transform: uppercase;
	color: #f00;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;	
	text-shadow: 2px 2px 10px #000;		
	}

}

@media(min-width: 768px){

	
	}

h3{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 19px;
	letter-spacing: 2px;
	color: #fff;
	text-transform:uppercase;
}
h4{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 2px;
	color: #fff;
	text-transform:uppercase;
}