/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#wells { position: absolute; top: 0px; left: 0px; width: 970px; height: 250px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
background: #293e40;
}
#wells svg { position: absolute; overflow: hidden; }
#wells div { display: block; overflow: hidden; position: absolute; background: transparent; }
#wells img { display: block; width: 100%; height: 100%; position: absolute; }
#wells .lockup { width: 970px; height: 250px; }

#wells #geo { background: transparent; width: 150px; height: 750px; right: 0; top: 0px; }

#wells #geo .box { position: relative; float: left; }

#wells #geo .box_tri { width: 150px; height: 150px; }
#wells #geo .box_tri .tri { width: 100%; height: 100%; left: 50%; transform: skewX(-45deg); }
#wells #geo #box_tri_pink_blue2.box_tri,
#wells #geo #box_tri_pink_blue1.box_tri { background: #68a2af; }
#wells #geo #box_tri_pink_blue2.box_tri .tri,
#wells #geo #box_tri_pink_blue1.box_tri .tri { background: #eabcbb; }

#wells #geo #box_tri_green_red2.box_tri,
#wells #geo #box_tri_green_red1.box_tri { width: 150px; height: 150px; background: #f1706e; }
#wells #geo #box_tri_green_red2.box_tri .tri,
#wells #geo #box_tri_green_red1.box_tri .tri { background: #283f41; }

#wells #geo #box_tri_white_red2.box_tri,
#wells #geo #box_tri_white_red1.box_tri { width: 50px; height: 50px; background: #fff; }
#wells #geo #box_tri_white_red2.box_tri .tri,
#wells #geo #box_tri_white_red1.box_tri .tri { background: #283f41; }

#wells #geo .box_cir_white_green { background: #8585bd; width: 100px; height: 100px; }
#wells #geo .box_cir_white_green .cir { width: 90%; height: 90%; left: 5%; top: 5%; }
#wells #geo .box_cir_white_green .cir_green { background: #293e40; width: 100%; height: 50%; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; }
#wells #geo .box_cir_white_green .cir_white { background: white; width: 100%; height: 50%; border-top-left-radius: 100px; border-top-right-radius: 100px; bottom: 0; }
#wells #geo .box_cir_white_green .cir .cir_white { top: 0; }
#wells #geo .box_cir_white_green .cir .cir_green { bottom: 0; }

#wells #geo #box_cir_white_green1 { width: 50px; height: 50px; }

#wells #geo .box_pi { background: white; width: 96px; height: 96px; }
#wells #geo .box_pi .pi { background: #89b7a1; width: 100%; height: 200%; border-top-left-radius: 96px; border-bottom-left-radius: 96px; bottom: 0; }

#wells #geo .box_blue,
#wells #geo .box_teal,
#wells #geo .box_pink { background: #eabcbb; width: 50px; height: 50px; }
#wells #geo .box_teal { background: #89b7a1; }
#wells #geo .box_blue { background: #68a2af; }

#wells #geo .box_stripe { width: 50px; height: 50px; }
#wells #geo .box_stripe .stripe {  width: 300%; height: 100%;
	background: repeating-linear-gradient(
	45deg,
	#ffffff,
	#ffffff 4px,
	#293e40 4px,
	#293e40 8px
	);
 }
 
#wells #geo .box_ball { background: #f1706e; width: 100px; height: 100px; float: right; }
#wells #geo .box_ball .ball { background: #283f41; width: 90%; height: 90%; border-radius: 100%; left: 5%; top: 5%; }

#wells #geo #box_ball2 { background: #68a2af; width: 150px; height: 150px; }

#wells #geo #box_stripe1 { width: 100px; height: 100px; }

/*--------------------- IE/Utilities ---------------------*/
#wells #border { background: transparent; border: 1px solid #293e40; width: 968px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#wells #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; }
#wells #loading { width: 100%; height: 100%;
background: #293e40;
}
#wells #loading img { width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }
#wells .hide { display: none; }