html, body {
	font-family: "museo",sans-serif;
	font-weight: 100;
	
	font-size: 100%;
	line-height: 1.33;
	color: #333333;
	background-color: #696d6d;
	height: 100%;
	
    overflow: hidden;
    padding: 0;
    margin: 0;
}

a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	a:hover {
		color: #f29c1f;
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
		     -o-transition: all 0.5s ease;
		        transition: all 0.5s ease;
	}

/* =========================================================
 * css styling
 * navigation bar
 * ========================================================= */

#navigation{
	background: #335267;
	height: 70px;
	-webkit-box-shadow: 0px 0px 3px #000000;
	   -moz-box-shadow: 0px 0px 3px #000000;
	     -o-box-shadow: 0px 0px 3px #000000;
            box-shadow: 0px 0px 3px #000000;
            
	position: relative;
	z-index: 4;
	
	-webkit-transition: height 0.5s ease;
	   -moz-transition: height 0.5s ease;
	     -o-transition: height 0.5s ease;
	        transition: height 0.5s ease;
	border-bottom: 3px solid #53a7db;
}
	#navigation span{
		color: #f29c1f;
		font-weight: 500;
	}
	#navigation.fixed {
		width: 100%;
		height: 40px;
	    position: fixed;
	    top: 0;
	    opacity: 0.9;
	    
	    -webkit-transition: height 0.5s ease;
		   -moz-transition: height 0.5s ease;
		     -o-transition: height 0.5s ease;
		        transition: height 0.5s ease;
	}
	#navigation.fixed ul {
		padding-top: 9px;
		
		-webkit-transition: padding-top 0.5s ease;
		   -moz-transition: padding-top 0.5s ease;
		     -o-transition: padding-top 0.5s ease;
		        transition: padding-top 0.5s ease;
	}	
	
	#navigation ul {
		padding: 0;
		margin: 0;
		text-align: right;
		padding-top: 26px;
		padding-right: 50px;
		
		-webkit-transition: padding-top 0.5s ease;
		   -moz-transition: padding-top 0.5s ease;
		     -o-transition: padding-top 0.5s ease;
		        transition: padding-top 0.5s ease;
	}
		#navigation ul li{
			font-family: "museo";
			font-weight: 100;
			font-size: 18px;
			font-style: normal;
			color: #FFFFFF;
			list-style: none;
			display: inline;
			text-align: right;
			padding-left: 25px;
		}
		
		#brand{
			float: left;
			box-sizing: border-box;
		}
			#brand img {
				margin: 10% 0 0 0;
				padding: 0;
				width: 40%;
				-webkit-border-radius: 0px;
		           -moz-border-radius: 0px;
	                 -o-border-radius: 0px;
	            display: inline;    
			}
			#brand li{
				font-size: 24px;
				font-weight: 700;
				list-style: none;
				color: white;
				padding: 20px 0 0 90px;
			}

header {
	position: relative;
	z-index: 4;
	display: none;
}

/* =========================================================
 * css styling
 * div.container, section 1 to 3
 * ========================================================= */
 
div.container {
    width: 100%;
}

#section-wrapper {
    position: relative;
    width: 100%;
}

div.section {
    width: 100%;
    position: relative;
}

#section-1 {
    background: url(../img/background.png) repeat;
    height: auto;
}

#section-2 {
    background: url(../img/background.png) repeat;
    height: auto;
}

#section-2b {
    background: url(../img/background.png) repeat;
    height: auto;
}

#section-2c {
    background: url(../img/background.png) repeat;
    height: auto;
}

#section-2d {
    background: url(../img/background.png) repeat;
    height: auto;
}

#section-3 {
    background: url(../img/background2.png) repeat;
    height: auto;
}

/* =========================================================
 * css styling
 * general styling
 * ========================================================= */
 
.location-wrapper {
	width: 100%;
	height: auto;
	padding: 15px 0px;

	border-bottom: 3px solid #cadfec;
	-webkit-box-shadow: 0px 0px 3px #c0bbbb;
	   -moz-box-shadow: 0px 0px 3px #c0bbbb;
	     -o-box-shadow: 0px 0px 3px #c0bbbb;
            box-shadow: 0px 0px 3px #c0bbbb;
    text-align: center;
}
	.location-wrapper section#location img {
		width: 6%;
		padding: 0px;
		margin: 2px 2px 0px 10px;
		float: left;
		box-sizing: border-box;
	}
	.location-wrapper section#location {
		width: 25%;
		height: 30px;
		margin: 0 auto;
		background: #cadfec;
		-webkit-border-radius: 25px;
		   -moz-border-radius: 25px;
	         -o-border-radius: 25px;
	    -webkit-box-shadow: 0px 0px 3px #8a8383;
	       -moz-box-shadow: 0px 0px 3px #8a8383;
	         -o-box-shadow: 0px 0px 3px #8a8383;
                box-shadow: 0px 0px 3px #8a8383;
	}
	.location-wrapper section#location:hover {
		background: white;
		-webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease;
	}
	.location-wrapper section#location p{
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		padding-top: 5px;
		margin: 0;
	}
	section#location p span {
		font-weight: 100;
		color: #9e9e9e
	}

.location2 {
	border-bottom: 3px solid #53a7db;
}
	
.clear { margin: 0; padding: 0; clear:both; }	

img {
	width: 100%;
	height: auto;
}

img.one {
	float: left;
	box-sizing: border-box;
	-webkit-border-radius: 7px 7px 0px 0px;
	   -moz-border-radius: 7px 7px 0px 0px;
	     -o-border-radius: 7px 7px 0px 0px;
}

.row {
	width: 15%;
	height: auto;
	margin: 5% 0 0 1.428571429%;
	float: left;
	box-sizing: border-box;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	     -o-border-radius: 7px;
	-webkit-box-shadow: 0px 0px 5px #c0bbbb;
	   -moz-box-shadow: 0px 0px 5px #c0bbbb;
	     -o-box-shadow: 0px 0px 5px #c0bbbb;
            box-shadow: 0px 0px 5px #c0bbbb;
}

/* start faking filter effects*/

.fake {
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
	outline: 1px dashed #c0bbbb;
}
	.fake:hover {
		background: white;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
	}
	.fake section#footer-caption{
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;

	}
	.fake section#footer-caption:hover{
		background: #cfcbcb;
	}

/* end faking filter effects*/

.style2 {
	-webkit-box-shadow: 0px 0px 5px #3e3e3e;
	   -moz-box-shadow: 0px 0px 5px #3e3e3e;
	     -o-box-shadow: 0px 0px 5px #3e3e3e;
            box-shadow: 0px 0px 5px #3e3e3e;
}

section#footer-caption {
	width: 100%;
	height: auto;
	background: #cfcbcb;
	font-weight: 100;
	font-size: 15px;
	color: black;
	padding: 10px;
	float: left;
	box-sizing: border-box;

	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	
	-webkit-border-radius: 0px 0px 7px 7px;
	   -moz-border-radius: 0px 0px 7px 7px;
	     -o-border-radius: 0px 0px 7px 7px;

}
	section#footer-caption p {
		margin: 0;
		padding: 0;
	}
	section#footer-caption p.name{
		font-weight: 500;
		text-align:left;
		display:inline;
		color:#606060;
	}
	section#footer-caption p.account {
		display:inline;
		color:#606060;
		font-style: italic;
	}
	section#footer-caption p.comment {
		padding-top: 10px;
		color:white;
	}
	section#footer-caption p.comment span {
		color: #349ee5;
	}
	section#footer-caption:hover{
		background: #7d7878;
		color: white;
	}


/* =========================================================
 * css styling
 * sharing.html
 * ========================================================= */
  
 .sharing-coverflow {
	 width: 45%;
	 margin: 5% 0 5% 5%;
	 padding-top: 3%;
	 height: 50%;
	 outline: 2px dashed #c0bbbb;
	 text-align: center;
	 float: left;
	 box-sizing: border-box;
 }
 .sharing-coverflow img {
	 padding: 0;
	 margin: 0;
	 width: 50%;
 }
 .sharing-coverflow p {
	 padding: 0;
	 margin: 0;
	 font-size: 32px;
	 font-weight: 500;
 }
 .sharing-coverflow p span {
 	font-size: 21px;
	 font-weight: 100;
	 color: #707070;
	 opacity: 1;
 }
 .sharing-coverflow:hover, section#profile-image:hover,  section#comment:hover{
	 background: white;
	 -webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
 }
 
 .profile {
	 width: 40%;
	 height: 39%;
	 margin: 5% 5% 1% 5%; 
	 float: left;
	 box-sizing: border-box;
	 text-align: center;
 }
 section#profile-image {
	 width: 47.5%;
	 margin-left: 0%;
	 margin-right: 2.5%;
	 height: 100%;
	 float: left;
	 box-sizing: border-box;
	 outline: 1px solid black;
	 text-align: center;
	 padding-top: 22%;
	 outline: 2px dashed #c0bbbb;
 }
 section#profile-image p {
	 font-size: 21px;
	 font-weight: 500;
 }
 section#comment {
	 width: 47.5%;
	 margin-left: 2.5%;
	 margin-right: 0%;
	 height: 100%;
	 float: left;
	 box-sizing: border-box;
	 outline: 2px dashed #c0bbbb;
	 text-align: center;
	 padding-top: 18%;
 }
 section#comment img {
	 width: 55%;
 }
 section#comment p{
	 padding: 0px;
 }
 section#comment p span {
	 color: #349ee5;
 } 
 .sharing-coverflow-populated {
	 width: 45%;
	 height: auto;
	 margin-bottom: 2.5%;
	 margin: 1.5% 0 1.5% 1.5%;
	 float: left;
	 box-sizing: border-box;
 }
 .sharing-video-populated {
	 display: none;
 }
 .sharing-coverflow-populated img {
	 padding: 0;
	 margin: 0;
 }
 .profile-adjustment{
	 margin: 1.5% 5% 5% 5%;
	 height: 47%;
 }
 .profile-adjustment #profile-image{
 	width: 22%;
	height: 45%;	
	padding-top: 0;
	outline: 0px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
         -o-border-radius: 10px;
 }
 .profile-adjustment #profile-image img{
	 -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
          -o-border-radius: 10px;
 }
 .profile-adjustment #profile-image p{
	 display: none;
 }
 .profile-adjustment #comment {
	 width: 72%;
	 height: 31%;
	 padding-top: 0;
	 -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
          -o-border-radius: 20px;
	 -webkit-box-shadow: 0px 0px 3px #8a8383;
	       -moz-box-shadow: 0px 0px 3px #8a8383;
	         -o-box-shadow: 0px 0px 3px #8a8383;
                box-shadow: 0px 0px 3px #8a8383;
	 outline: 0;
 }

 
 
 
 
 
 
 
 
 
 
 
 
 form {
	 width: 40%;
	 margin: 0 5%;
	 float: left;
	 box-sizing: border-box;
 }
 
 form input{
 		font-size: 18px;
 		height: 76px;
 		
		width: 100%;
		margin-top: 0.2em;
		
		padding: 0.4em;
		border: 1px dotted #666666;
		outline: none;
		background-color: #bedaec;
		color: grey;
		
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
		     -o-transition: all 0.5s ease;
			    transition: all 0.5s ease;
 }
 form input:hover {
			background-color: #d1e3ee;
 }
 
 
 
 
/* =========================================================
 * Button CSS Styles
 * ========================================================= */

.filter-wrapper{
	width: 100%;
	height: auto;
	margin: 35px 0px;
	position: absolute;
	bottom: 80px;
	text-align: center;
}

/* focus adventure button */
.focus section#adventure input{
	background: #955aa4;
}
	.focus section#adventure input:hover{
		background: #d3a2de;
	}

/* Button 1*/
section#scenic{
	display: inline-block;
}		
	section#scenic input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 8px 0px 0px 8px;
           -moz-border-radius: 8px 0px 0px 8px;
             -o-border-radius: 8px 0px 0px 8px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
	
		border-right: 1px solid rgba(0,0,0,0.26);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#scenic input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}
	
	section#scenic input:active, section#scenic input:focus {
		background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(bottom,rgba(168,169,173,1),rgba(133,135,143,1));
	}
	
	section#scenic input:disabled {
		color:rgba(0,0,0,0.4);
		background:rgba(220,220,220,1);
	}
	
/* Button 2*/
section#artisan{
	display: inline-block;
}		
	section#artisan input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 0px;
           -moz-border-radius: 0px;
             -o-border-radius: 0px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
	
		border-right: 1px solid rgba(0,0,0,0.26);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#artisan input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}	
	
/* Button 3*/
section#food{
	display: inline-block;
}		
	section#food input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 0px;
           -moz-border-radius: 0px;
             -o-border-radius: 0px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
	
		border-right: 1px solid rgba(0,0,0,0.26);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#food input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}
	
/* Button 4*/
section#adventure{
	display: inline-block;
}		
	section#adventure input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 0px;
           -moz-border-radius: 0px;
             -o-border-radius: 0px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
	
		border-right: 1px solid rgba(0,0,0,0.26);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#adventure input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}
	
/* Button 5*/
section#cultural{
	display: inline-block;
}		
	section#cultural input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 0px;
           -moz-border-radius: 0px;
             -o-border-radius: 0px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
	
		border-right: 1px solid rgba(0,0,0,0.26);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#cultural input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}
	
/* Button 6*/
section#add{
	display: inline-block;
}		
	section#add input {
		font-family: "museo",serif;
		font-size: 22px;
		font-weight: 300;
		color:rgba(255,255,255,0.9);
		
		-webkit-border-radius: 0px 8px 8px 0px;
           -moz-border-radius: 0px 8px 8px 0px;
             -o-border-radius: 0px 8px 8px 0px;
		   
	   -webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	      -moz-box-shadow:1px 1px 2px rgba(178,178,178,1);

		background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(168,169,173,1)),to(rgba(133,135,143,1)));
		background:-moz-linear-gradient(top,rgba(168,169,173,1),rgba(133,135,143,1));
	
		padding:6px 7px 6px 7px;
	}	
	section#add input:hover {
		background:rgba(158,160,166,1);
		
		-moz-box-shadow:1px 1px 2px rgba(178,178,178,1);
		-webkit-box-shadow:1px 1px 2px rgba(178,178,178,1);
	}
	
/* =========================================================
 * Video Responsive CSS Styles
 * Based on code found here: http://amobil.se/2011/11/responsive-embeds/
 * ========================================================= */
 
.embed-container {
	position: relative;
    /* padding-bottom: 56.25%; */ /* 16/9 ratio */
    padding-bottom: 56.25%; /* custom ratio - 450/800 */
    padding-top: 0px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
	.embed-container video,
	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z
	    }