/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

* {font-family: "Lato", sans-serif; margin:0; padding:0; outline:0; border:0;}
html, body {width:100%; height:100%; background-color:#ffffff;}
.clear {clear:both;}
.wrapper {width:960px; padding:0 10px; margin:0 auto;}

#top {position:fixed; top:0; left:0; width:100%; height:50px; background:#000; box-shadow:0 0 20px #000; z-index:10;}
#logo {float:left; width:160px; height:50px; background:url('../img/logo.png') 0 16px no-repeat;}
#logo a {display:block; height:18px; margin-top:16px; width:154px;}
#menutrigger {display:none;}
#menu {height:50px; float:right; text-align:right; font-size:14px; line-height:50px;}
#menu ul {list-style:none;}
#menu ul li {float:left;}
#menu a {color:#cfcfcf; text-decoration:none; text-transform:uppercase; margin-left:40px; font-weight:700;}
#menu a:hover {color:#fff;}

.section {width:100%;}

#home {height:100%; min-height:600px; background:url('../img/bg.jpg') 0 0 no-repeat fixed; background-size:cover; z-index:1; overflow:hidden;}
#home_img {width:240px; background:url('../img/header_bottle.png') top center no-repeat; height:960px; z-index:11; position:relative; top:0; left:200px; float:left;}
#home_txt {float:right; width:460px; color:#222830; position:relative; top:400px; left:0;}
#home_txt h1 {font-size:54px; line-height:54px; text-transform:uppercase; font-weight:300; letter-spacing:-2px; text-shadow:0 0 20px #ffffff;}
#home_txt p {margin:0 0 40px 0; font-size:28px; line-height:28px; text-transform:uppercase; letter-spacing:-1px; text-shadow:0 0 20px #ffffff;}

#finntastic {height:720px; background-color:#000000; color:#dddddd; z-index:2; overflow:hidden;}
#finntastic_txt {margin:140px 0 0 0; float:left; width:600px; position:relative; top:0; left:0;}
#finntastic_img {float:right; width:300px; background:url('../img/content_bottle.png') center top no-repeat; height:1200px; margin:140px 0 0 0; position:relative; top:0; right:0;}

#finntastic h1 {color:#fff; text-transform:uppercase; font-size:48px; font-weight:300; padding:40px 0; line-height:48px;}
#finntastic p {padding:14px 0; font-size:14px; line-height:21px;}

#contact {}
#contactcontainer {height:900px; background-color:#ffffff; z-index:3;}
#contactinfo {color:#222830; font-size:14px; padding:40px 0; line-height:19px; position:absolute; top:450px; right:50%; width:480px; background:#ffffff url('../img/GDF_logo.png') 48px 48px no-repeat;}
#contactinfo_text {float:right; width:240px; margin:0 0 0 100px;}
#contactinfo p {padding:10px 0;}
#contactinfo strong {display:block; font-weight:900;}
#contactinfo span {display:block;}
#mapcontainer {height:900px; overflow:hidden; position:relative; background-color:#ffffff;}
#map {height:1000px; width:100%; background-color:#ffffff;}

a.btn {background-color:#fff; font-size:15px; font-weight:700; color:#222830; padding:10px 15px 8px 28px; text-decoration:none; background-image:url('../img/btn_arrow.png'); background-repeat:no-repeat; background-position: 12px center; border-radius:2px; text-transform:uppercase;}