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

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
 font-family: 'BebasRegular';
	width:100%;
	height:100%;
}

.navigation{
	position:fixed;
	z-index:1;
	top:20px;
}
.navigation li{
	color:#333333;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:1px solid black;
	text-align:left;
	width:53px;
}
.navigation li:hover,.active{
	font-size:25px;
	cursor:pointer;
	width:100px!important;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slidetitle{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

.top-caption {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;

}

.top-caption h1 {
  font-family: 'BebasRegular';
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  font-weight: 100;
}

.top-caption li {
  line-height: 30px;
}


.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}


/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-color:#0BD318;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#090), to(#4CD964));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #0C0, #4CD964);
}

		#my2013title {
			position: absolute;
			width:95%;
			height:100%;
			margin-left: 0px;
			border: 0px solid black;
		}
		#my2013title h2{
			color: #FFF;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 100;
			font-size: 112px;
			left: 47%;
			top: 45%;
			margin-left: 0px;
			position: absolute;
			border: 0px solid black;
			width:100%;
		}
		
		#my2013title p{
			color: #FFF;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 200;
			font-size: 32px;
			left: 50%;
			top: 58%;
			margin-left: 0px;
			position: absolute;
			border: 0px solid black;
		}
		
		#my2013title .hist{
			font-size: 18px;
			font-weight: 200;
			position: absolute;
			top:92%;
			left: 77%;
		}
		
		#my2013title h2 i{
			font-style:normal;
			color:#888;
		}
		
		#my2013title .caption{
			color: #FFF;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 100;
		}



/******************************
 Snowboarding SLIDE
*******************************/
#snowboarding{
	background-color:#1AD6FD;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1AD6FD), to(#1D62F0));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #1AD6FD, #1D62F0);
}

#snowboarding div .top-caption {
	background-color:#D1EEFC;
}


#snowboarding img:first-child{
	position:absolute;
	top: 700px;
	left: -150px;
	border: 10px solid black;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
	border: 12px solid green;
}

/* Chairlift */
#snowboarding img:nth-child(2){
	position:absolute;
	top:250px;
	left:-500px;
  	-webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}

/* Crew */
#snowboarding img:nth-child(3){
	position:absolute;
	top:570px;
	left:-100px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/* Halfdome */
#snowboarding img:nth-child(4){
	position:absolute;
	top:250px;
	left:150px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/* Cake */
#snowboarding img:nth-child(5){
	position:absolute;
	top:570px;
	left:10px;
	border: 0px solid blue;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/* Flakes */
#snowboarding img:nth-child(6){
	position:absolute;
	top:-30px;
	right:500px;
}
#snowboarding img:nth-child(7){
	position:absolute;
	top:100px;
	right:500px;
	border: 0px solid purple;
}
#snowboarding img:nth-child(8){
	position:absolute;
	top:190px;
	right:400px;
}
#snowboarding img:nth-child(9){
	position:absolute;
	top:110px;
	right:1000px;
}
#snowboarding img:nth-child(10){
	position:absolute;
	top:700px;
	right:1000px;
}
#snowboarding img:nth-child(11){
	position:absolute;
	top:600px;
	right:600px;
}

/******************************
BEER SLIDE 
*******************************/
#beer{
	background-color:#FFDB4C;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFDB4C), to(#FFCD02));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFDB4C, #FFCD02);
}
#beer video:first-child{
	position:absolute;
	top: 500px;
	left: 500px;
}

#beer img:nth-child(2){
	position:absolute;
	top: 00px;
	left: 00px;
}




/******************************
 SLIDE 3 
*******************************/
#slide3{
	background-color:#b6c10b;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFDB4C), to(#FFCD02));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFDB4C, #FFCD02);
}
#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
#slide3 img:nth-child(7){
	position:absolute;
	top:100px;
	right:300px;
}
#slide3 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
}
#slide3 img:nth-child(9){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 Family Reunion
*******************************/

#reunion{
	background-image:url(../images/P1180086.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#reunion .parallaxbg{
	position:absolute;
	left:20px;
	top:140px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#reunion img:first-child{
	position:absolute;
	top:0px;
	right:200px;
  	-webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
#reunion img:nth-child(2){
	position:absolute;
	top:20px;
	right:200px;
  	-webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
#reunion img:nth-child(3){
	position:absolute;
	top:300px;
	right:200px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#reunion img:nth-child(4){
	position:absolute;
	top:595px;
	right:200px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#reunion img:nth-child(5){
	position:absolute;
	top:0px;
	right:200px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/******************************
 Wedding SLIDE
*******************************/
#wedding{
	background-color:#F7F7F7;
}

#wedding div .top-caption {
	background-color:#D1EEFC;

}

#wedding .slidetitle{
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 0px;
	color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 102px;
}

#wedding .top-caption{
  height: 150px;
  padding-left: 50px;
  padding-right: 50px;
}


#wedding img:first-child{
	position:absolute;
	top: 00px;
	left: 0px;
	border: 0px solid black;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#wedding img:nth-child(3){
	position:absolute;
	top:250px;
	left:-100px;
  	-webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
#wedding img:nth-child(4){
	position:absolute;
	top:250px;
	right:500px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#wedding img:nth-child(5){
	position:absolute;
	top:550px;
	right:500px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

#wedding .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}


/******************************
 Snake Dike
*******************************/

#SnakeDike{
	background-image:url(../images/FILE0812.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#SnakeDike .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



/******************************
 Zion
*******************************/

#zion{
	background-image:url(../images/P1160775.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  height:1600px;
}
#zion .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}


#zion img:first-child{
	position:absolute;
	top:20px;
	left: -150px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(2){
	position:absolute;
	top:880px;
	left: 650px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(3){
	position:absolute;
	top:480px;
	left: 470px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(4){
	position:absolute;
	top:80px;
	left: 290px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(5){
	position:absolute;
	top:1400px;
	left: -870px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(6){
	position:absolute;
	top:2000px;
	left: -800px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(7){
	position:absolute;
	top:1300px;
	left: -500px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(8){
	position:absolute;
	top:20px;
	left: 0px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}
#zion img:nth-child(9){
	position:absolute;
	top:20px;
	left: 0px;
  	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/******************************
 SLIDE 14 
*******************************/

#slide14{
	background-image:url(../images/Slide4/desktop4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide14 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}




/******************************
 Climb SLIDE 
*******************************/
#localclimbs{
	background-color:#b6c10b;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1D77EF), to(#FFCD02));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #1D77EF, #FFCD02);
  
  height:1800px;
}



/******************************
 Mammoth Climb
*******************************/

#mammothclimbs{
	background-image:url(../images/P1180493.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#mammothclimbs .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



/******************************
 Yosemite Climb
*******************************/

#YosemiteClimbing{
	background-image:url(../images/P1180202.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  height:1200px;

}
#YosemiteClimbing .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}



/******************************
 Summer SLIDE
*******************************/
#miscfun{
	background-color:#FF9500;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9500), to(#FF5E3A));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FF9500, #FF5E3A);

	height: 1200px;
}

#miscfun div .top-caption {
	background-color:#D1EEFC;
}

#miscfun .slidetitle{
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 0px;
}

#miscfun .top-caption{
  height: 150px;
  padding-left: 50px;
  padding-right: 50px;
}

#miscfun .caption{
	color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 48px;
}


/******************************
 SLIDE 5 
*******************************/
#endslide{
	background-color:#0BD318;
	
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A4A4A), to(#2B2B2B));
															
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #4A4A4A, #2B2B2B);
}



/*******
Caption Overlay
*******/

#captionbox {
	width:300px; 
	height:200px; 
	background-image:url('../images/P1180642.jpg');
}

#captiontext {
	text-align:center; 
	margin:0; 
	padding:25px 0 0 0; 

   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}



/*******
Caption Pic
*******/

#captionpic img {
	position:static;
	top:00px;
	right:00px;
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s
}