@charset "UTF-8";
/* CSS Document */


body 		{ background:#f9f9f9;
			margin: 0 auto; 
    		width: 100%;
    		height: 100%;}

.board_background{ position: fixed;
			background-size: cover;
 	 		-moz-background-size: cover;  /* Firefox 3.6 */
 			background-position: center;  /* Internet Explorer 7/8 */
    		top: 0;
    		left: 0;
    		z-index: 1;  /* sets it below the other slides in the layer stack */}	


#maincontent {position: relative;
			z-index: 10;  /* sets it above .slide1  */
    		height: 100%; /* full length slides */
    		width: 100%;}

.house		{ position: relative; width: 960px; height:auto; margin: 0 auto;}
			
body p 		{font-family: 'Oswald', sans-serif;
			text-align:left;
			letter-spacing:1px;
			font-size:13px;
			color:##808285;
			background:none;
			letter-spacing: 0.09em;
			padding-bottom:0px;}
	
#wrapper	{width:100%;
			margin:0 auto;
			position:absolute;}
			
#lahood	{max-width:2560px;
			margin:0 auto;
			position:absolute;}

	
#content	{margin-top:50px;
			padding-bottom: 30px; }

/*------------HEADER----------------------------*/


			
.navbar		{font-family: 'Oswald', sans-serif;
			font-size:13px;
			font-weight:200;
			letter-spacing:2px;
			color:#FFF;
			margin-top:60px;
			text-align:right;
			padding-bottom: 9px;
			z-index:4000;
			position:relative;
			display:inline-block;}
			
.navbar ul	{list-style-type:none;
			margin:0;
			padding:0;
			}	
			
.navbar ul	li {display:inline-block;
			padding-right:5px;
			padding-left:5px;}
			
.navbar .youtube ul	li {display:inline-block;
			padding-right:20px;
			padding-left:20px;}
						
.navbar li a {text-decoration: none;}

.navbar li a:hover {text-decoration: none;
			padding-bottom:8px;
			border-bottom: 2px solid;}	
			
ul			{list-style-type:none;
			margin:0;
			padding:0;}	
			
li			{display:inline;
			padding-right:20px;
			padding-left:20px;}
			
a			{text-decoration : none;
			color:#369;
			padding-left:5px;}
			
.map a      {color:#369;
			padding-left:0;}

.youtube	{margin-left:-40px;	}
			
#header_wrapper	{width:100%;
			height:100%;
			text-align:center;}
			
#content_background{width:100%;
			height:100%;
			margin-top:-5px;
			background:#FFF;
			text-align:center;}

#logo		{margin-top:54px;
			left:10px;
			width:66px;
			height:62px;
			z-index:8000;
			text-align:center;
			position:absolute;}
			
#signature	{text-align:left;
			margin-top:-15px;
			position:relative;	}
			
#heritage	{clear:both;
			text-align:center;
			margin-top:200px;
			padding-top:1px;
			margin-bottom:30px;
			position:relative;	}
		
.facebook	{top:0px;
			float:right;
			right:0;
			position:fixed;
			z-index:2000;}
			
#about		{margin-top:-200px; }

#shopbutton	{top:50%;
			left:50%;	
			float:left;	}
					
.frame 		{background-color: #000; }

img.pic:hover {opacity: .6;
      		filter:alpha(opacity=60); }
		
.box		{height:90%;
			width:100%;
			top:15px;
			background-color:#FFF;
			position:relative;
			z-index:2;}		
				
#slickbox  { text-align:center;
   			width: 100%; 
   			height: 60px;
   			background-color:#CCC;}

.tab		{position:relative;
			z-index:4000;}		
			
#background img {text-align:center;
			margin-top:-220px;}

#background1 img {text-align:center;
   			position: relative;
    		width: 100%;
			margin-top:25px;
    		height: auto;
    		left: 0;}

			
.story img {text-align:center;
   			position: relative;
    		width: 100%;
    		height: auto;
    		left: 0;}
			
#background1{padding-left:20px;
			 padding-right:20px;	}


.story		{text-align:center;
   			position: relative;
    		width: 100%;
    		height: auto;
    		left: 0;
			padding-left:20px; 
			padding-right:20px;	 
			padding-top:20px;
			}		

.homestay	{text-align:center; 
			padding:50px;		}
	
.background1 img {text-align:center;
    		position: relative;
    		width: 100%;
			margin-top:0px;
    		height: auto;
    		left: 0;}

.background2 img {text-align:center;
    		position: relative;
    		width: 50%;
			margin-top:0px;
    		height: auto;
    		left: 0;}

.map img {text-align:center;
    		position: relative;
    		width: 100%;
			margin-top:50px;
    		height: auto;
    		left: 0;}
			
.map		{padding-bottom:140px;}
			
#profile	{position:relative;
			margin-left:0;
			margin-right:0;
			margin-top:25px;
			padding-bottom:0px;
			width:auto;
			display:inline-block;
			text-align:left;}
			
#profile img{display:inline-block;}

.details	{padding-top:20px;}
			
.description{text-align:center;
			padding-right:20px; 
			padding-top:30px; 
			border-right:1px solid #E1E1E1;}
		
.desc		{text-align:center; 
			padding-top:30px;  
			margin-bottom:30px;}

form		{margin-bottom:0; 
			padding-left:50px;	}

.shape		{padding-top:17px; 
			padding-right:35px; 
			padding-left:13px; 
			text-align:left;	}

.network	{text-align:center;	
			margin-top: 60px;}
			
.terms		{position:relative; 
			padding:120px 20px 0px 20px;}

.terms hr	{padding:10px 0px 10px 0px;	}
			
bjqs-controls li {
               float:left; z-index:99999;}
			   
bjqs-controls li:first-child {
                 float:right;}			 
				 
.bjqs-caption	{padding-top:60px;}

li [title]		{ padding-top:60px;}

#banner-fade	{margin-top:164px;}

.dada			{position:relative; 
				text-align:center; 
				padding-bottom:20px;}

#thankyou		{text-align:center;
				position: relative;
				margin-top:300px;}



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
    
    .narbar 	{width:250px; background-color: #f9f9f9; width:100%;	}	
    .navbar ul	li {display:block; background-color: #f9f9f9; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    width: 100%;}
    }
    
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    
        .narbar 	{width:250px; background-color: #f9f9f9; width:100%;	}
            .navbar ul	li {display:block; background-color: #f9f9f9;  }
            .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    width: 100%;}
        
    }


			
/*------------FONT----------------------------*/

hr  		{padding:0px;}
			
p			{
			font-family: 'Raleway', sans-serif;
			text-align:left;
			letter-spacing:1px;
			font-size:13px;
			color:#000;
			background:none;
			letter-spacing: 0.09em;
			padding-bottom:0px;}

p1			{font-family: 'Raleway', sans-serif;
			text-align:left;
			font-size:9px;
			color:#808285;	
			background:none;
			display:inline-block;
			padding-left:25px;}	
			
p2			{font-family:'Oswald', sans-serif;
			font-size: 15px;
			font-weight:400;
			letter-spacing:3px;
			color: #808285;}
			
p3			{font-family: 'Raleway', sans-serif;
			text-align:left;
			font-size:13px;
			color:#808285;	
			background:none;
			letter-spacing: 0.05em;
			margin-bottom:20px;}
			
p4			{
			font-family: 'Sue Ellen Francisco', cursive;;
			font-size:13px;
			font-weight:300;
			letter-spacing:2px;
			color:#808285;
			margin-top:0px;
			z-index:4000;
			position:relative;
			text-align:center;;
}

		
h1			{font-family: 'Oswald', sans-serif;
			font-size:18px;
			font-weight:700;
			letter-spacing:2px;
			color:#808285;
			margin-top:74px;
			text-align:center;
			padding-bottom: 9px;
			z-index:4000;
			position:relative;}
		
h2			{font-family: 'Raleway', sans-serif;
			text-align:left;
			margin-top:-5px;
			font-size:10px;
			color:#808285;	
			font-weight:600;
			letter-spacing: 0.05em}
		
h3			{font-family: 'Raleway', sans-serif;
			text-align:left;
			font-size:12px;
			color:#808285;	
			font-weight:100;
			letter-spacing: 0.05em}
		
h4			{font-family: 'Oswald', sans-serif;
			font-size:18px;
			font-weight:200;
			letter-spacing:2px;
			color:#808285;
			text-align:left;
			z-index:4000;
			position:relative;
			padding-top:10px;
			}
			
			
h5			{font-family:  font-family: 'Oswald', sans-serif;
			font-size:13.5px;
			font-weight:300;
			line-height:19px;
			letter-spacing:2px;
			color:#808285;
			margin-top:0px;
			position:relative;}
			
h6			{font-family:  'Raleway', sans-serif;
			font-size:22px;
			font-style:oblique;
			font-weight:700;
			letter-spacing:2px;
			color:#808285;
			margin-top:0px;
			padding-bottom:20px;
			z-index:4000;
			position:relative;
			text-align:center;}
			
			
h7			{font-family:  font-family: 'Sue Ellen Francisco', cursive;
			font-size:13px;
			font-weight:300;
			letter-spacing:2px;
			color:#808285;
			margin-top:0px;
			z-index:4000;
			position:relative;
			text-align:center;}

h8			{font-family: 'Oswald', sans-serif;
			font-size:18px;
			font-weight:500;
			letter-spacing:2px;
			color:#808285;
			text-align:left;
			z-index:4000;
			position:relative;
			padding-top:10px;
			text-align:center;}




/*---------------------------VIDEO----------------------------*/			
			
.videoWrapper {position: relative;
			padding-bottom: 54.1%; /* 16:9 */
			margin-top:145px;
			padding-top: 2.2%;
			height: 0;
			text-align:center;
			padding-right:3px;
			padding-left:-8px;}
			
.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;}



/*---------------------------FOOTER----------------------------*/

.signature	{float:right;
			padding-bottom:20px;
			display:inline-block;	}

.footer		{position:relative;
			background:url(../images/footer.jpg);
			background-repeat:no-repeat;
			background-attachment:fixed;
			margin: 0 auto; 
    		width: 100%;
    		height: 100%;
			bottom:0;	
			z-index: 9000;}
			
			.footer img	{position:relative;
			width:100%;
			height:276px;
			bottom:0;
			margin-top:0px;	
			z-index: 9000;}



.limited	{margin-top:140px;
			padding-left:20px;	}
			
.vimeo		{top:0;
			right:0;
			z-index:8000;
			position:fixed;}
		
.copywrite	{float:left;
			display:inline-block;
			padding-left:20px;}

.fb-like	{position:absolute;
			float:right;
			right:300px;
			margin-top:-45px;
			height:20px;
			display:block;	}
			
			
			
/*---------------------------SLIDER----------------------------*/			
			
			
			
.mi-slider { position: relative;
    		margin-top: 30px;
   			height: 490px;}


.mi-slider ul {list-style-type: none;
    		position: absolute;
    		width: 100%;
    		left: 0;
    		bottom: 140px;
    		overflow: hidden;
    		text-align: center;
    		pointer-events: none;}

.mi-slider ul.mi-current {pointer-events: auto;}


.no-js .mi-slider ul {position: relative;
    		left: auto;
    		bottom: auto;
    		margin: 0;
    		overflow: visible;}


.mi-slider ul li a,
.mi-slider ul li img {
    		display: block;
    		margin: 0 auto;}
 
.mi-slider ul li a {
    		outline: none;
    		cursor: pointer;}
 
.mi-slider ul li img {
    		max-width: 100%;
   			 border: none;}
 
.mi-slider ul li h4 {
    		display: inline-block;
    		font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    		font-style: italic;
    		font-weight: 400;
    		font-size: 18px;
   			 padding: 20px 10px 0;}