/*
    ______    __  __ _      _      ____                  
   / /___ \  |  \/  (_)    | |    |  _ \                 
  / /  __) | | \  / |_  ___| | __ | |_) | __ _ _ __ _ __ 
 < <  |__ <  | |\/| | |/ __| |/ / |  _ < / _` | '__| '__|
  \ \ ___) | | |  | | | (__|   <  | |_) | (_| | |  | |   
   \_\____/  |_|  |_|_|\___|_|\_\ |____/ \__,_|_|  |_|   
                                                                                                             


*/

body{
	margin: 0;padding: 0;
	background: #fff;
  	color: #000;
  	-webkit-font-smoothing: antialiased;
}

img{display: block;}

#wrap{width: 100%;	height: 100%}

#inner {
	font-family: 'HaasText', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px; 
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

#inner, #inner+.bbg-recirculator {
	transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
}

.bigtitle{
	font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;
	font-size: 95px;
	line-height: 80px;
	font-weight: bold; 
	position: absolute;
	border-bottom: 8px solid black;
}
.bt1{top:40%;left:5%;z-index: 3;}
.bt2{top:60%;right:2%;z-index: 3;}
.bt3{bottom:5%;left:21%;z-index: 5;}

h1, h2, h3 {font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;	font-weight: bold;}
h2{font-size: 24px;line-height: 28px;}

a {font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;}

#intro{position: absolute;width: 15%;height: 10%;top:20px;left: 20px;}

.question {
	font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;
	font-size: 44px;
	line-height: 34px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 5;
}

.question span{border-bottom: 5px solid black;}


.sustainability{
	background: rgba(255, 255, 255, .5);
	width: 240px;
	z-index: 5;
	padding: 10px;
	top:140px;
	left: 1%;
	position: absolute;
}

.sustainability h2{margin-bottom: 10px;}


.caption {
	position: absolute;
	z-index: 5;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
}
.caption span{background: rgba(255,255,255,.5);}

.captionCenter{top:50%;position: absolute;max-width: 130px;}
.captionCenter2{top:70%;position: absolute;max-width: 130px;}
.captionCenter3{top:50%;left:5%;position: absolute;max-width: 130px;}
.captionCenter4{top:50%;left:50%;position: absolute;max-width: 130px;}
.captionRight{position: absolute;right:0;top:-15px;max-width: 130px;}
.captionRight2{position: absolute;right:30px;top:30px; max-width: 130px;}
.captionRight3{position: absolute;right:-100px;top:10px;max-width: 130px;}
.captionBottom{top:101%;position: absolute;max-width: 130px;}
.captionBottom2{top:70%;right:40%;position: absolute;max-width: 130px;}
.captionBottom3{top:70%;right:20%;position: absolute;max-width: 130px;}



#five .caption{vertical-align: top;}




.style{
	margin: 0 auto;
    display: block;
	font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height: 94px;
    height: 100px;
    width: 100px;
    border-radius: 50%; 
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    background-color: rgba(255,255,255,.5);
    text-align: center;
    border: 4px solid black;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.businessweek{display: inline-block;top:10px;right: 10px;position: absolute;font-size: 18px;}
.bw{font-family: 'HaasDisplayBold', sans-serif;font-weight: bold;}

.style:hover, .styleL:hover{background-color: rgba(255,130,240,.5);}

.styleL{
	margin: 0 auto;
    display: block;
    height: 120px;
    width: 120px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    border-radius: 50%; 
    background-color: rgba(255,255,255,.5);
    text-align: center;
    border: 4px solid black;
    position: relative;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.styleT{
	font-family: 'HaasTextBold', Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:19px; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#one,#two,#three,#four,#five,#six,#seven,#eight,#nine{
	width: 1400px;
	height: 840px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#blurb{
	width: 1400px;
	margin: 0 auto;
	padding: 40px 0; 
	background: #fff;
	text-align: center;
}
#blurb h1{margin-bottom: 10px}
#blurb p{margin: 0 50px}

.descriptor{
	font-size: 16px;
	line-height: 19px;
	text-align: center;
}


#one{background: pink;}

#two{
	background: #b4faf3;
	background: -moz-linear-gradient(top,  #b4faf3 0%, #b3f6cd 50%, #d8ffc2 100%); 
	background: -webkit-linear-gradient(top,  #b4faf3 0%,#b3f6cd 50%,#d8ffc2 100%); 
	background: linear-gradient(to bottom,  #b4faf3 0%,#b3f6cd 50%,#d8ffc2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4faf3', endColorstr='#d8ffc2',GradientType=0 );
}

#three{
	background:url(img/03_bg.jpg);
}

#four{
	background: #9188c1; 
	background: -moz-linear-gradient(top,  #9a8edb 0%, #fdf0ea 20%, #ff8300 100%);
	background: -webkit-linear-gradient(top,  #9a8edb 0%,#fdf0ea 20%,#ff8300 100%); 
	background: linear-gradient(to bottom,  #9a8edb 0%,#fdf0ea 20%,#ff8300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9188c1', endColorstr='#f9aa56',GradientType=0 );
}

#five{
	background:url(img/05_bg.jpg);
}

#six{
	background: #baffb8;
	animation-name: homeCycle; 
	animation-duration:6s; 
	animation-direction:alternate; 
	animation-iteration-count:infinite; 

	-webkit-animation-name: homeCycle; 
	-webkit-animation-duration:6s; 
	-webkit-animation-direction:alternate; 
	-webkit-animation-iteration-count:infinite; 

	-moz-animation-name: homeCycle; 
	-moz-animation-duration:6s; 
	-moz-animation-direction:alternate; 
	-moz-animation-iteration-count:infinite; 

	-o-animation-name: homeCycle; 
	-o-animation-duration:6s; 
	-o-animation-direction:alternate; 
	-o-animation-iteration-count:infinite; 
}

#seven{
	background: #d0e8b2; 
	background: -moz-linear-gradient(top,  #d0e8b2 0%, #dbeede 46%, #66c6b2 100%); 
	background: -webkit-linear-gradient(top,  #d0e8b2 0%,#dbeede 46%,#66c6b2 100%); 
	background: linear-gradient(to bottom,  #d0e8b2 0%,#dbeede 46%,#66c6b2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e8b2', endColorstr='#66c6b2',GradientType=0 ); 

}

#credits{text-align: center;line-height: 28px;padding: 60px 0;}
    
.whitebox{
	background: rgba(255,255,255,0.8);
	position: absolute;
	padding: 10px;
	opacity: 0;transition: opacity .2s ease-out;
  	-moz-transition: opacity .2s ease-out;
  	-webkit-transition: opacity .2s ease-out;
 	-o-transition: opacity .2s ease-out;
 }

 .wb1{width: 300px;left:-100px;}
 .wb2{width: 200px;left:0px;}
 .wb3{width: 180px;left:-10px;top:-10px;}

.whitebox:hover{opacity: 1}
.whitebox strong{font-size: 18px;line-height: 18px;}

.full-width{
	width: 1400px!important;
	height: 1000px!important;
	background-position: center top!important;
	background-size: 100% 100%!important;
	-o-background-size: 100%!important;
	-moz-background-size: 100% 100%!important;
	-webkit-background-size:100%!important;
}


.scale{
	-webkit-transform: scale(1);
  	-moz-transform:    scale(1);
  	-ms-transform:     scale(1);
  	-o-transform:      scale(1);
  	transform:         scale(1);
}


#one_bg{background: url(img/01_bg.jpg);position: absolute;z-index: 0;}
#one_etc{width: 800px;height: 164px;background: url(img/01_etc2.gif);position: absolute;z-index: 1;left:0;right: 0;margin:0 auto;}
#one_woman{width: 400px;height: 631px;background: url(img/01_woman.png);position: absolute;left: 20%;z-index: 5;}
#one_man{width: 243px;height: 612px;background: url(img/01_man.png);position: absolute;left:51%;z-index: 5;}
#one_shatter{width: 1400px;height: 1000px;background: url(img/01_shatter.gif);position: absolute;left:0;z-index: 2;}

#two_woman{width: 383px;height: 724px;background: url(img/02_woman.png);position: absolute;top:13%;z-index: 3;}
#two_chains{width: 52px;height: 640px;background: url(img/02_chains.gif);position: absolute;right:5%;z-index: 0;}
#two_chains2{width: 52px;height: 640px;background: url(img/02_chains.gif);position: absolute;left:25%;z-index: 0;}
#two_leg{width: 321px;height: 458px;background: url(img/02_leg.png);position: absolute;bottom:5%;z-index: 4;}
#two_circle{width: 895px;height: 600px;background: url(img/02_circle.png);position: absolute;left:30%;z-index: 1;}
#two_beam{width: 1092px;height: 634px;background: url(img/02_beam.png);position: absolute;left:5%;z-index: 2;}
#MyUniform{position: absolute;top:35%;left:24%;z-index: 5; }
#MyIndulgence{position: absolute;top:40%;right:2%;z-index: 5; }
#Weekend{position: absolute;bottom:5%;right:20%;z-index: 5; }



#three_arm{width: 358px;height: 440px;background: url(img/03_arm.png);position: absolute;top:28%;}
#three_shelf{width: 670px;height: 871px;background: url(img/03_bags.png);position: absolute;left:0;right:0;margin: 0 auto;}
#three_bag1{position: absolute;width:253px;height:229px;left:28%;background:url(img/03_bag1.png);z-index: 3;}
#three_bag2{position: absolute;width:219px;height:365px;left:45%;background:url(img/03_bag2.png);z-index: 3;}
#three_bag3{position: absolute;width:222px;height:212px;left:58%;background:url(img/03_bag3.png);z-index: 3;}
#three_bag4{position: absolute;width:265px;height:203px;left:27%;background:url(img/03_bag4.png);z-index: 3;}
#three_bag5{position: absolute;width:261px;height:231px;left:44%;background:url(img/03_bag5.png);z-index: 3;}

#feelwhere{position: absolute;bottom:2%;left:18%;z-index: 5;}
#thedays{position: absolute;top:72%;right:22%;z-index: 5;}
#caughtdead{position: absolute;top:19%;right:5%;z-index: 5;}


#four_stairs1{width:1348px;height:220px;background: url(img/04_stairs1.png);position: absolute;right:0;z-index: 4;}
#four_stairs2{width: 533px;height: 512px;background: url(img/04_stairs2.png);position: absolute;right:0;z-index: 2;}
#four_stairs3{width: 733px;height: 600px;background: url(img/04_stairs3.png);position: absolute;left:0;z-index: 2;}
#four_stairs4{width: 792px;height: 500px;background: url(img/04_stairs4.png);position: absolute;left:30%;z-index: 0;}

#four_copperframe{width: 228px;height: 444px;background: url(img/04_copperframe.gif);position: absolute;right:15%;z-index: 1;}
#four_frame{width: 182px;height: 360px;background: url(img/04_frame.gif);position: absolute;left:15%;z-index: 1;}
#four_kerchief{width: 181px;height: 182px;background: url(img/04_kerchief.png);position: absolute;left:2%;z-index: 4;}
#four_womanR{width: 194px;height: 600px;background: url(img/04_womanR.png);position: absolute;right:4%;z-index: 4;}
#four_guyCenter{width: 530px;height: 394px;background: url(img/04_guyCenter.png);position: absolute;left:31%;z-index: 4;}
#four_womanL{width: 147px;height: 645px;background: url(img/04_womanL.png);position: absolute;left:19.5%;z-index: 4;}
#four_lilGuy{width: 130px;height: 421px;background: url(img/04_lilGuy.png);position: absolute;right:14%;z-index: 3;}
#four_guyLeft{width: 256px;height: 480px;background: url(img/04_guyLeft.png);position: absolute;left:5%;z-index: 2;}
#four_womanCenter{width: 310px;height:376px;background: url(img/04_womanCenter.png);position: absolute;left:32%;z-index: 2;}
#four_blueMan{width: 240px;height:450px;background: url(img/04_blueMan.png);position: absolute;left:2%;z-index: 2;}

#lookback{position: absolute;z-index: 5;bottom:35%;left:1%;}
#seventies{position: absolute;z-index: 5;bottom:60%;left:48%;}
#ike{position: absolute;z-index: 5;bottom:1%;right:19%;}



#five_01{width: 194px;height: 109px;background: url(img/05_shoe1.png);position: absolute;left:25%;z-index:3;}
#five_02{width: 107px;height: 220px;background: url(img/05_shoe2.png);position: absolute;left:37%;z-index:3;}
#five_03{width: 104px;height: 193px;background: url(img/05_shoe3.png);position: absolute;left:16%;z-index:3;}
#five_04{width: 96px;height: 99px;background: url(img/05_shoe4.png);position: absolute;left:25%;z-index:3;}

#five_05{width: 129px;height: 226px;background: url(img/05_shoe5.png);position: absolute;left:31%;z-index:3;}
#five_06{width: 163px;height: 210px;background: url(img/05_shoe6.png);position: absolute;left:45%;z-index:3;}
#five_07{width: 126px;height: 208px;background: url(img/05_shoe7.png);position: absolute;left:51%;z-index:3;}
#five_08{width: 213px;height: 78px;background: url(img/05_shoe8.png);position: absolute;left:35%;z-index: 3;}

#five_09{width: 156px;height: 130px;background: url(img/05_shoe9.png);position: absolute;right:30%;z-index: 3;}
#five_10{width: 103px;height: 198px;background: url(img/05_shoe10.png);position: absolute;right:20%;z-index: 3;}
#five_11{width: 91px;height: 209px;background: url(img/05_shoe11.png);position: absolute;right:30%;z-index: 3;}
#five_12{width: 173px;height: 173px;background: url(img/05_shoe12.png);position: absolute;right:20%;z-index: 3;}

#five_slab1{width: 475px;height: 489px;background: url(img/05_slab1.png);position: absolute;top:3%;z-index: 1;}
#five_slab2{width: 480px;height: 480px;background: url(img/05_slab2.png);position: absolute;bottom:-6%;z-index: 2;}
#five_slab3{width: 497px;height: 850px;background: url(img/05_slab3.png);position: absolute;top:6%;z-index: 1;}

#five_trendy{top:16%;left:2%;position: absolute;z-index: 4;}
#five_stylish{top:64%;left:7%;position: absolute;z-index: 4;}
#five_classic{top:40%;right:4%;position: absolute;z-index: 4;}

#six_arm{width: 793px;height: 514px;background: url(img/06_arm.png);position: absolute;bottom:-2%;z-index: 3;}
#six_necklace{width: 410px;height: 524px;background: url(img/06_necklace.png);position: absolute;right:30%;z-index: 2;}
#six_necklace2{width: 349px;height: 216px;background: url(img/06_necklace2.png);position: absolute;left:202px;z-index: 2;}
#six_bg{width: 1400px;height: 1000px;background: url(img/06_bg2.png);position: absolute;right:0;z-index: 1;}
#six_dorito{width: 256px;height:276px;background: url(img/06_dorito.gif);position: absolute;left:5%;z-index: 1;}
#six_chain{width: 284px;height:128px;background: url(img/06_chain.png);position: absolute;left:30%;z-index: 4;}
#six_bangles{width: 414px;height:195px;background: url(img/06_bangles.png);position: absolute;right:18%;z-index: 4;}
#six_orb{width: 200px;height:195px;background: url(img/06_orb.gif);position: absolute;right:-2%;z-index: 3;}

#six_swing{position: absolute;z-index: 5;left:17%;top:70%;}
#six_jangle{position: absolute;z-index: 5;left:75%;top:20%;}
#six_standout{position: absolute;z-index: 5;left:26%;top:36%;}

.category{width: 240px;}


#seven_sun{
	left:0;right:0;margin: 0 auto;
	border-radius: 50%;
	width: 700px;
	height: 700px;
	margin: 0 auto;
	background: #f8bae0; 
	background: -moz-linear-gradient(top,  #f8bae0 0%, #f0f1f8 45%, #a69ed3 100%); 
	background: -webkit-linear-gradient(top,  #f8bae0 0%,#f0f1f8 45%,#a69ed3 100%);
	background: linear-gradient(to bottom,  #f8bae0 0%,#f0f1f8 45%,#a69ed3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bae0', endColorstr='#a69ed3',GradientType=0 ); 
	position: absolute;
	z-index: 0;
}

#seven_fg{width: 1400px;height: 824px;background: url(img/07_fg.png);position: absolute;left:0;bottom:0;z-index: 2;}
#seven_circleman{width:172px;height:480px;background: url(img/07_circleman.png);position: absolute;top:7%;z-index: 3;}
#seven_tubeman{width:280px;height:390px;background: url(img/07_tubeman.png);position: absolute;right:23%;top:27.5%;z-index: 4;}
#seven_conewoman{width:233px;height:548px;background: url(img/07_conewoman.png);position: absolute;top:2%;z-index: 3;}
#seven_laughwoman{width:376px;height:599px;background: url(img/07_laughwoman.png);position: absolute;left:9%;bottom:2%;z-index: 4;}
#seven_backpack{width:141px;height:197px;background: url(img/07_backpack.png);position: absolute;left:11%;bottom:5%;z-index: 4;}
#seven_bro{width:326px;height:590px;background: url(img/07_bro.png);position: absolute;left:34%;bottom:22%;z-index: 4;}
#seven_cubewoman{width:169px;height:411px;background: url(img/07_cubewoman.png);position: absolute;right:9%;top:2.5%;z-index: 3;}
#danger{position: absolute;z-index: 5;top:10%;left:20%;}
#carriedaway{position: absolute;z-index: 5;top:1%;left:63%;}
#gamble{position: absolute;z-index: 5;bottom:5%;right:5%;}

#eight_bg{width: 1400px;height:1000px;background: url(img/08_bg.jpg);position: absolute;left:0;z-index:0;}
#eight_ladder{width: 359px;height:833px;background: url(img/08_ladder.png);position: absolute;left:15%;z-index:1;}
#eight_guy1{width: 229px;height:679px;background: url(img/08_guy1.png);position: absolute;bottom:1%;z-index:1;}
#eight_woman1{width: 251px;height:654px;background: url(img/08_woman1.png);position: absolute;bottom:2%;z-index:1;}
#eight_sweater{width: 180px;height:205px;background: url(img/08_sweater.png);position: absolute;right:7%;top:7%;z-index:1;}
#eight_guy3{width: 169px;height:593px;background: url(img/08_guy3.png);position: absolute;right:35%;z-index:2;}
#eight_sitting{width: 318px;height:586px;background: url(img/08_sitting.png);position: absolute;right:15%;z-index:4;}
#eight_guy2{width: 222px;height:627px;background: url(img/08_guy2.png);position: absolute;right:1%;z-index:2;}
#turnitoff{position: absolute;z-index: 5;top:1%;right:22%;}
#hint{position: absolute;z-index: 5;bottom:1%;left:48%;}
#worryabout{position: absolute;z-index: 5;bottom:2%;left:13%;}


.blur {
	filter: blur(5px);
	-webkit-filter: blur(5px);
}

@keyframes homeCycle 
{
	0% {background-color:#baffb8;} 
	25% {background-color:#fff09b;} 
	50% {background-color:#bfb8ff;} 
	75% {background-color:#baffb8;} 
	90% {background-color:#ffb1f7;} 
} 

@-webkit-keyframes homeCycle 
{ 
	0% {background-color:red;} 
	25% {background-color:yellow} 
	50% {background-color:green;} 
	75% {background-color:blue;} 
	90% {background-color:purple;} 
}

@-moz-keyframes homeCycle 
{ 
	0% {background-color:red;} 
	25% {background-color:yellow} 
	50% {background-color:green;} 
	75% {background-color:blue;} 
	90% {background-color:purple;} 
}


#mobileOnly{display: none;}
#mobileOnly img{width: 100%;}


@media only screen and (max-width: 1420px){

	#inner{
	-webkit-transform: scale(.86);
  	-moz-transform:    scale(.86);
  	-ms-transform:     scale(.86);
  	-o-transform:      scale(.86);
  	transform:         scale(.86);
  	/*margin-top: -496px;
  	margin-bottom: -496px;*/
	}

	#inner+.bbg-recirculator {
		transform: translateY(-1000px);
		-webkit-transform: translateY(-1000px);
		-moz-transform: translateY(-1000px);
		-ms-transform: translateY(-1000px);
		-o-transform: translateY(-1000px);
	}
}

@media only screen and (max-width: 1350px){
	#inner{
	-webkit-transform: scale(.81);
  	-moz-transform:    scale(.81);
  	-ms-transform:     scale(.81);
  	-o-transform:      scale(.81);
  	transform:         scale(.81);
  	/*margin-top: -674px;
  	margin-bottom: -674px;*/
  	margin-left: -5%;
	}

	#inner+.bbg-recirculator {
		transform: translateY(-1360px);
		-webkit-transform: translateY(-1360px);
		-moz-transform: translateY(-1360px);
		-ms-transform: translateY(-1360px);
		-o-transform: translateY(-1360px);
	}
}


@media only screen and (max-width: 1260px){
	#inner{
	-webkit-transform: scale(.75);
  	-moz-transform:    scale(.75);
  	-ms-transform:     scale(.75);
  	-o-transform:      scale(.75);
  	transform:         scale(.75);
  	/*margin-top: -890px;
  	margin-bottom: -890px;*/
  	margin-left: -9%;
	}

	#inner+.bbg-recirculator {
		transform: translateY(-1740px);
		-webkit-transform: translateY(-1740px);
		-moz-transform: translateY(-1740px);
		-ms-transform: translateY(-1740px);
		-o-transform: translateY(-1740px);
	}
}


@media only screen and (max-width: 1120px){
	#inner{
	-webkit-transform: scale(.7);
  	-moz-transform:    scale(.7);
  	-ms-transform:     scale(.7);
  	-o-transform:      scale(.7);
  	transform:         scale(.7);
  	/*margin-top: -1064px;
  	margin-bottom: -1064px;*/
  	margin-left: -12%;
	}

	#inner+.bbg-recirculator {
		transform: translateY(-2100px);
		-webkit-transform: translateY(-2100px);
		-moz-transform: translateY(-2100px);
		-ms-transform: translateY(-2100px);
		-o-transform: translateY(-2100px);
	}

}

@media only screen and (max-width: 1100px){
	#inner{
	-webkit-transform: scale(.65);
  	-moz-transform:    scale(.65);
  	-ms-transform:     scale(.65);
  	-o-transform:      scale(.65);
  	transform:         scale(.65);
  	/*margin-top: -1238px;
  	margin-bottom: -1238px;*/
  	margin-left: -13%;
	}

	#inner+.bbg-recirculator {
		transform: translateY(-2440px);
		-webkit-transform: translateY(-2440px);
		-moz-transform: translateY(-2440px);
		-ms-transform: translateY(-2440px);
		-o-transform: translateY(-2440px);
	}
}

@media only screen and (max-width: 1050px){
	#inner{margin-left: -15%;}

}

@media only screen and (max-width: 980px){
	#inner{
	-webkit-transform: scale(.62);
  	-moz-transform:    scale(.62);
  	-ms-transform:     scale(.62);
  	-o-transform:      scale(.62);
  	transform:         scale(.62);
  	/*margin-top: -1345px;
  	margin-bottom: -1345px;*/
  	margin-left: -18%;
	}

	#inner+.bbg-recirculator {
		transform: translateY(-2650px);
		-webkit-transform: translateY(-2650px);
		-moz-transform: translateY(-2650px);
		-ms-transform: translateY(-2650px);
		-o-transform: translateY(-2650px);
	}
	
}



/* images */
@media only screen and (max-width: 950px){
	#one,#two,#three,#four,#five,#six,#seven,#eight,#nine,#blurb{display:none;}
	#mobileOnly{display: block;}
	#inner{
	-webkit-transform: scale(1);
  	-moz-transform:    scale(1);
  	-ms-transform:     scale(1);
  	-o-transform:      scale(1);
  	transform:         scale(1);
  	margin: 0 auto;
  	max-width: 800px;
	}

	#inner+.bbg-recirculator {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}



/* IE HACKS */

/*-- below IE7 --*/
.no-js.lt-ie9.lt-ie8.lt-ie7 #one,
.no-js.lt-ie9.lt-ie8.lt-ie7 #two,
.no-js.lt-ie9.lt-ie8.lt-ie7 #three,
.no-js.lt-ie9.lt-ie8.lt-ie7 #four,
.no-js.lt-ie9.lt-ie8.lt-ie7 #five,
.no-js.lt-ie9.lt-ie8.lt-ie7 #six,
.no-js.lt-ie9.lt-ie8.lt-ie7 #seven,
.no-js.lt-ie9.lt-ie8.lt-ie7 #eight,
.no-js.lt-ie9.lt-ie8.lt-ie7 #nine,
.no-js.lt-ie9.lt-ie8.lt-ie7 #blurb{display:none;}
.no-js.lt-ie9.lt-ie8.lt-ie7 #mobileOnly{display: block;}
.no-js.lt-ie9.lt-ie8.lt-ie7 #inner{
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1);
	margin: 0 auto;
	max-width: 800px;
}

/*-- IE 7 and below --*/
.no-js.lt-ie9.lt-ie8 #one,
.no-js.lt-ie9.lt-ie8 #two,
.no-js.lt-ie9.lt-ie8 #three,
.no-js.lt-ie9.lt-ie8 #four,
.no-js.lt-ie9.lt-ie8 #five,
.no-js.lt-ie9.lt-ie8 #six,
.no-js.lt-ie9.lt-ie8 #seven,
.no-js.lt-ie9.lt-ie8 #eight,
.no-js.lt-ie9.lt-ie8 #nine,
.no-js.lt-ie9.lt-ie8 #blurb{display:none;}
.no-js.lt-ie9.lt-ie8 #mobileOnly{display: block;}
.no-js.lt-ie9.lt-ie8 #inner {
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1);
	margin: 0 auto;
	max-width: 800px;
}

/*-- IE 8 and below --*/
.no-js.lt-ie9 #one,
.no-js.lt-ie9 #two,
.no-js.lt-ie9 #three,
.no-js.lt-ie9 #four,
.no-js.lt-ie9 #five,
.no-js.lt-ie9 #six,
.no-js.lt-ie9 #seven,
.no-js.lt-ie9 #eight,
.no-js.lt-ie9 #nine,
.no-js.lt-ie9 #blurb{display:none;}
.no-js.lt-ie9 #mobileOnly{display: block;}
.no-js.lt-ie9 #inner{
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1);
	margin: 0 auto;
	max-width: 800px;
}