body{
	font-family:Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	padding:0px;
	margin:0px;
}

#container{
	position:absolute;
	display:block;
	width:612px;
	height:1050px;
	box-sizing:border-box;
	overflow:hidden;
}
#unexpanded
{
	right:0px;
	width:300px;
	height:1050px;
	border:1px solid #000000;
	background:#fafafb;
	box-sizing:border-box;
	overflow:hidden;
}
#expanded
{
	width:612px;
	height:386px;
	top:142px;
	left:0px;
	visibility:hidden;
	display:none;
	
}
#expanded-bg
{
	width:0px;
	height:384px;
	top:1px;
	left:312px;
	background:#fafafb;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:2px solid #fafafb;
}
#expanded-video-container
{
	left:12px;
	top:28px

}
#video-player
{
	width:588px;
	height:330px;
	opacity:0;
}
#container div
{
	position:absolute;

}
#background
{
	top:0px;
	left:0px;
}
#logo
{
	width:130px;
	height:42px;
	top:20px;
	left:89px;
	text-indent: -999em; 
	cursor:pointer;
}
#headline
{
	width:270px;
	height:70px;
	background:#007e7a;
	top:70px;
	left:15px;
	text-indent: -999em;
	cursor:pointer;
}
#divider
{
	width:270px;
	height:1px;
	background:#6d6e71;
	
	top:540px;
	left:15px;
}
#copy-headline
{
	width:251px;
	height:49px;
	top:13px;
	left:10px;
}
#container-video-button
{
	width:270px;
	height:367px;
	top:161px;
	left:15px;
	cursor:pointer;
}

.cta
{
	bottom:0px;
	right:0px;
	background:#007e7a;
	cursor:pointer;
	text-indent: -999em; 
	overflow:hidden;


}
#cta-video
{
	width:147px;
	height:32px;

}
#cta-video-copy
{
	width:101px;
	height:15px;
	top:9px;
	left:25px;
}
#container-carrousel
{
	width:270px;
	height:463px;

	top:551px;
	left:15px;

	overflow:hidden;

}
#container-vignettes
{
	width:1080px;
	height:463px;
	font-size: 0;
}
#container-vignettes div
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
}
#container-vignettes .scene
{
	overflow:hidden;
	width:270px;
	height:463px;
	background: #e2e2e0;
  	background: -webkit-linear-gradient(#e2e2e0, #e9e9e7);
  	background:    -moz-linear-gradient(#e2e2e0, #e9e9e7);
  	background:         linear-gradient(#e2e2e0, #e9e9e7);
  	cursor:pointer;
}

#container-vignettes .scene div
{
	position:absolute;
}

#cta-carrousel
{
	width:117px;
	height:32px;
}
#cta-carrousel-copy
{
	width:71px;
	height:15px;

	top:8px;
	left:22px;
}
#carrousel-controls
{
	position:absolute;
	width:300px;
	height:20px;

	top:1022px;
	left:15px;
}


#carrousel-controls ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#carrousel-controls li {
	position: relative;
	display: block;
	float: left;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	cursor: pointer;
}

#carrousel-controls li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #007e7a;
	background-color: rgba(0, 126, 122, 0.3);
	text-indent: -999em; 
	cursor: pointer;
	position: absolute;

	background-color: transparent;
	box-shadow: inset 0 0 0 1px #007e7a;
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}

#carrousel-controls li a:focus {
	outline: none;
}

#carrousel-controls li a:hover,
#carrousel-controls li a:focus {
	box-shadow: inset 0 0 0 1px rgba(0, 126, 122, 0.6)
}

#carrousel-controls li.current a {
	box-shadow: inset 0 0 0 4px #007e7a;
}
		
		
.active{
	background-color: #e67e22;
}
#cover
{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000000;
	z-index:100;
}

.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/spritesheet.png);}


#scene-1-blanket
{
	width:239px;
	height:87px;
	left:16px;
	top:280px;
}

#scene-1-copy
{
	width:171px;
	height:70px;
	left:22px;
	top:26px;
}
#scene-1-ball
{
	width:45px;
	height:290px;
	left:88px;
	top:-90px;
}
#scene-1-drop-1
{
	width:47px;
	height:290px;
	left:70px;
	top:-15px;
}
#scene-1-drop-2
{
	width:33px;
	height:260px;
	left:123px;
	top:-10px;
}
#scene-1-drop-3
{
	width:29px;
	height:284px;
	left:75px;
	top:-50px;
}

#scene-2-copy
{
	width:164px;
	height:52px;
	left:22px;
	top:26px;
}

#scene-2-book
{
	width:255px;
	height:82px;
	left:8px;
	top:255px;
}

#scene-2-city
{
	width:151px;
	height:103px;
	left:52px;
	top:216px;
}

#scene-2-markers-1
{
	width:105px;
	height:379px;
	left:56px;
	top:-115px;
}

#scene-2-markers-2
{
	width:105px;
	height:313px;
	left:83px;
	top:-43px;
}

#scene-2-markers-3
{
	width:48px;
	height:333px;
	left:95px;
	top:-43px;
}

#scene-3-copy
{
	width:141px;
	height:68px;
	left:22px;
	top:26px;
}

#scene-3-lift
{
	width:120px;
	height:505px;
	left:82px;
	top:-116px;
}

#scene-3-shadow
{
	width:203px;
	height:36px;
	left:20px;
	top:400px;
}	

#scene-3-snowball-1
{
	width:18px;
	height:310px;
	left:80px;
	bottom:305px;
}
#scene-3-snowball-2
{
	width:16px;
	height:336px;
	left:140px;
	bottom:275px;
}

#scene-3-snowball-3
{
	width:13px;
	height:373px;
	left:96px;
	bottom:244px;
}

#scene-3-snowball-4
{
	width:10px;
	height:379px;
	left:178px;
	bottom:237px;
}

#scene-3-snowball-5
{
	width:12px;
	height:393px;
	left:110px;
	bottom:225px;
}

#scene-3-snowball-6
{
	width:15px;
	height:408px;
	left:56px;
	bottom:212px;
}

#scene-3-snowball-7
{
	width:15px;
	height:427px;
	left:142px;
	bottom:196px;
}

#scene-3-snowball-8
{
	width:11px;
	height:489px;
	left:85px;
	bottom:140px;
}

#scene-3-snowball-9
{
	width:9px;
	height:454px;
	left:189px;
	bottom:172px;
}

#scene-3-snowball-10
{
	width:7px;
	height:484px;
	left:38px;
	bottom:144px;
}

#scene-3-snowball-11
{
	width:16px;
	height:511px;
	left:72px;
	bottom:120px;
}

#scene-3-snowball-12
{
	width:15px;
	height:534px;
	left:172px;
	bottom:104px;
}

#scene-3-snowball-13
{
	width:14px;
	height:563px;
	left:102px;
	bottom:74px;
}

#scene-4-copy
{
	width:185px;
	height:52px;
	left:22px;
	top:26px;
}

#scene-4-golf-green
{
	width:248px;
	height:67px;
	left:18px;
	top:275px;

}

#scene-4-golfballs-1
{
	width:31px;
	height:186px;
	top:-70px;
	left:-14px;
}
#scene-4-golfballs-2
{
	width:18px;
	height:233px;
	top:-70px;
	left:17px;
}
#scene-4-golfballs-3
{
	width:20px;
	height:336px;
	top:-70px;
	left:35px;
}
#scene-4-golfballs-4
{
	width:29px;
	height:326px;
	top:-70px;
	left:55px;
}
#scene-4-golfballs-5
{
	width:32px;
	height:284px;
	top:-70px;
	left:84px;
}
#scene-4-golfballs-6
{
	width:18px;
	height:367px;
	top:-70px;
	left:114px;
}
#scene-4-golfballs-7
{
	width:12px;
	height:356px;
	top:-70px;
	left:132px;
}
#scene-4-golfballs-8
{
	width:22px;
	height:384px;
	top:-70px;
	left:154px;
}
#scene-4-golfballs-9
{
	width:12px;
	height:384px;
	top:-70px;
	left:176px;
}
#scene-4-golfballs-10
{
	width:15px;
	height:386px;
	top:-70px;
	left:188px;
}
#scene-4-golf-shadows
{
	width:176px;
	height:74px;
	top:260px;
	left:18px;

}
#copy-collapse
{
	width:74px;
	height:11px;
	right:12px;
	top:12px;
	cursor:pointer;
	opacity:0;
}

.arrow_left {width:13px; height:24px; background-position: -483px -539px}
.arrow_right {width:13px; height:23px; background-position: -167px -1306px}
.copy-collapse {width:74px; height:11px; background-position: -365px -1231px}
.copy-explore {width:71px; height:15px; background-position: -392px -1085px}
.copy-headline {width:251px; height:49px; background-position: -214px -1034px}
.copy-learn-more {width:101px; height:15px; background-position: -1px -1258px}
.copy-scene-1 {width:171px; height:70px; background-position: -322px -628px}
.copy-scene-2 {width:164px; height:52px; background-position: -1px -1275px}
.copy-scene-3 {width:141px; height:68px; background-position: -365px -1161px}
.copy-scene-4 {width:185px; height:52px; background-position: -308px -700px}
.golfballs-1 {width:31px; height:186px; background-position: -179px -1118px}
.golfballs-10 {width:15px; height:386px; background-position: -265px -370px}
.golfballs-2 {width:18px; height:233px; background-position: -483px -304px}
.golfballs-3 {width:20px; height:336px; background-position: -157px -935px}
.golfballs-4 {width:29px; height:326px; background-position: -430px -1px}
.golfballs-5 {width:32px; height:284px; background-position: -418px -336px}
.golfballs-6 {width:18px; height:367px; background-position: -137px -906px}
.golfballs-7 {width:12px; height:356px; background-position: -308px -336px}
.golfballs-8 {width:22px; height:384px; background-position: -241px -370px}
.golfballs-9 {width:12px; height:384px; background-position: -123px -883px}
.golf-green {width:248px; height:67px; background-position: -214px -965px}
.golf-shadows {width:176px; height:74px; background-position: -214px -1085px}
.logo {width:130px; height:42px; background-position: -212px -1266px}
.scene-1-ball {width:45px; height:290px; background-position: -371px -336px}
.scene-1-blanket {width:239px; height:87px; background-position: -214px -876px}
.scene-1-drop-1 {width:47px; height:290px; background-position: -322px -316px}
.scene-1-drop-2 {width:33px; height:260px; background-position: -179px -856px}
.scene-1-drop-3 {width:29px; height:284px; background-position: -452px -339px}
.scene-2-book {width:255px; height:82px; background-position: -224px -792px}
.scene-2-city {width:151px; height:103px; background-position: -212px -1161px}
.scene-2-markers-1 {width:105px; height:379px; background-position: -1px -877px}
.scene-2-markers-2 {width:105px; height:313px; background-position: -273px -1px}
.scene-2-markers-3 {width:48px; height:333px; background-position: -380px -1px}
.scene-3-lift {width:120px; height:505px; background-position: -1px -370px}
.scene-3-shadow {width:203px; height:36px; background-position: -282px -754px}
.snowball-1 {width:18px; height:301px; background-position: -479px -1px}
.snowball-10 {width:7px; height:484px; background-position: -174px -370px}
.snowball-11 {width:16px; height:511px; background-position: -123px -370px}
.snowball-12 {width:15px; height:534px; background-position: -141px -370px}
.snowball-13 {width:14px; height:563px; background-position: -158px -370px}
.snowball-2 {width:16px; height:336px; background-position: -461px -1px}
.snowball-3 {width:13px; height:373px; background-position: -108px -877px}
.snowball-4 {width:10px; height:379px; background-position: -296px -336px}
.snowball-5 {width:12px; height:393px; background-position: -282px -336px}
.snowball-6 {width:15px; height:408px; background-position: -224px -370px}
.snowball-7 {width:15px; height:427px; background-position: -207px -370px}
.snowball-8 {width:11px; height:439px; background-position: -194px -370px}
.snowball-9 {width:9px; height:454px; background-position: -183px -370px}
.video-overlay {width:270px; height:367px; background-position: -1px -1px}