a {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}


#bubble {
	padding: 15px 15px 8px 15px;
	background-color: #FFFFFF;
	display: none;
	position: absolute;
	max-width: 200px;
	z-index: 20;
	line-height: 17px;
}

#bubble .facebook {
	background: url(images/thumbUp.png) top left no-repeat;
	width: 13px;
	height: 12px;
	padding-right: 8px; 
	float: left;
}

#bubble .twitter {
	background: url(images/twitterBird.png) top left no-repeat;
	width: 23px;
	height: 16px;
	padding-right: 8px; 
	float: left;
}

#bubble .youtube {
	background: url(images/videoPlay.png) top left no-repeat;
	width: 16px;
	height: 16px;
	padding-right: 6px; 
	float: left;
}

#downArrow {
	width: 14px;
	height: 7px;
	background:url(images/downArrow.png) top left no-repeat;
	margin: 0 auto;
	position:relative;
	bottom: -15px;
}


#icanButton {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 82px;
	height: 32px;
	text-indent: -9999px;
	background: url(images/ican.png) top left no-repeat;
	z-index: 10;
}

#topNav {
	position: absolute;
	top: 0;
	left: 330px;
	height: 41px;
	z-index: 10;
}

#topNav a {
	display: block;
	float: left;
	height: 41px;
	text-indent: -9999px;
	background: url(images/top_nav.png) top left no-repeat;
}

#topNav a#about {
	width: 115px;
	background-position: 0 0;
}

#topNav a#about:hover {
	width: 115px;
	background-position: 0 -41px;
}


#topNav a#addYourPlea {
	width: 194px;
	background-position: -115px 0;
}

#topNav a#addYourPlea:hover {
	width: 194px;
	background-position: -115px -41px;
}

.navControls {
	display: none;
	width: 38px;
	height: 128px;
	position:absolute;
	top: 236px;
	background: url(images/nav.png) top left no-repeat;
	cursor: pointer;
	z-index: 10;
}

#prev {
	background-position: 0 0;
	left: 0;	
}

#prev:hover {
	background-position: 0 -128px;
}

#next {
	background-position: -37px 0;
	right: 0;
}

#next:hover {
	background-position: -37px -128px;
}

html {
	background: url(images/bg_tile.png) #212121 top left repeat-x;
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

h1 {
	width: 346px;
	height: 96px;
	margin: 15px auto 0 auto;
	background: url(images/million_pleas.png) top left no-repeat;
	text-indent: -9999px;
}

h1 a{
	display: block;	
	width: 346px;
	height: 96px;
}

#pleas_so_far {
	height: 36px;
	padding-left: 160px;
	position: absolute;
	bottom: 30px;
	left: 365px;
	background: url(images/pleas_so_far.png) top left no-repeat;
	color: white;
	line-height: 36px;
	font-size: 26px;
	z-index: 10;
}

#like {
	width: 100px;
	height: 22px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: white;
	z-index: 10;
}

#share {
	height: 36px;
	padding-left: 90px;
	position: absolute;
	bottom: 20px;
	right: 30px;
	background: url(images/share.png) top left no-repeat;
}

#share #facebookShare {
	width: 24px;
	height: 24px;
	display: block;
	margin: 3px 9px 0 0;
	background: url(images/shareIcons.png) 0 0 no-repeat;
	float: left;
	text-indent: -9999px;
}

#share #twitterShare {
	width: 24px;
	height: 24px;
	display: block;
	margin-top: 3px;	
	background: url(images/shareIcons.png) -24px 0 no-repeat;
	float: left;
	text-indent: -9999px;
}


#wrapper{
	width: 950px;
	height: 600px;
	padding: 40px;
	background: url(images/wrapper.png) top left no-repeat;
	margin: -25px auto 0 auto;
}

#lanternGallery {
	width: 950px;
	height: 600px;
	border: 1px solid #1a1a1a;
	overflow: hidden;
	position: relative;
}

#lanternGallery ul {
	width: 0px;
	height: 600px;
}

#lanternGallery ul li{
	width: 950px;
	height: 600px;
	float: left;
	position: relative;
}

#lanternGallery ul li.t1{
	background: url(images/lake_1.jpg) top left no-repeat;
}

#lanternGallery ul li.t2{
	background: url(images/lake_2.jpg) top left no-repeat;
}

#lanternGallery ul li.t3{
	background: url(images/lake_3.jpg) top left no-repeat;
}

#lanternGallery ul li div.lantern {
	position: absolute;
	cursor: pointer;
}

#lanternGallery ul li div.lantern a {
	display: block;
/* 	position: relative; */
}

#lanternGallery ul li div.lantern a .thumb{ 
	background-position: center center;
	background-repeat: no-repeat;	
	text-indent: -9999px;	
}

#lanternGallery ul li div.lantern a .mediaIcon{
	width: 22px;
	height: 30px;
	background: url(images/media_icons.png) 0 0 no-repeat;
	margin: 0 auto;
} 

#lanternGallery ul li div.lantern a.youtube .mediaIcon {
	background-position: 0 0;
} 
#lanternGallery ul li div.lantern a.facebook .mediaIcon {
	background-position: -22px 0;
} 
#lanternGallery ul li div.lantern a.twitter .mediaIcon {
	background-position: -44px 0;
} 

/*LARGE*/

#lanternGallery ul li div.large {	
	width: 216px;
	height: 375px;
	background: url(images/large_lanterns.png)  0 0 no-repeat;
	z-index: 4;
}

#lanternGallery ul li div.large.red {
	background-position: 0 0;
}	

#lanternGallery ul li div.large.blue {
	background-position: -216px 0;
}	

#lanternGallery ul li div.large.yellow {
	background-position: -432px 0;
}

#lanternGallery ul li div.large.green {
	background-position: -648px 0;
}

#lanternGallery ul li div.large a {
	width: 120px;
	height: 140px;
	margin: 49px auto 0 auto;
	padding-top: 33px
}

#lanternGallery ul li div.large a .thumb{
	width: 90px;
	height: 90px;
	margin:  0 auto;
}

#lanternGallery ul li div.large a .mediaIcon{
	margin-top: 5px;
}

/* END LARGE*/

/*MEDIUM*/

#lanternGallery ul li div.medium {	
	width: 142px;
	height: 248px;
	background: url(images/medium_lanterns.png)  0 0 no-repeat;
	z-index: 3;
}

#lanternGallery ul li div.medium.red {
	background-position: 0 0;
}	

#lanternGallery ul li div.medium.blue {
	background-position: -142px 0;
}	

#lanternGallery ul li div.medium.yellow {
	background-position: -284px 0;
}

#lanternGallery ul li div.medium.green {
	background-position: -426px 0;
}

#lanternGallery ul li div.medium a {
	width: 80px;
	height: 88px;
	margin: 32px auto 0 auto;
	padding-top: 22px
}

#lanternGallery ul li div.medium a .thumb{
	width: 60px;
	height: 60px;
	margin:  0 auto;
}

/* END MEDIUM*/


/* SMALL */

#lanternGallery ul li div.small {	
	width: 68px;
	height: 120px;
	background: url(images/small_lanterns.png)  0 0 no-repeat;
	z-index: 5;
}

#lanternGallery ul li div.small.red {
	background-position: 0 0;
}	

#lanternGallery ul li div.small.blue {
	background-position: -68px 0;
}	

#lanternGallery ul li div.small.yellow {
	background-position: -136px 0;
}

#lanternGallery ul li div.small.green {
	background-position: -204px 0;
}

#lanternGallery ul li div.small a {
	width: 37px;
	height: 44px;
	margin: 15px auto 0 auto;
	padding-top: 12px
}

#lanternGallery ul li div.small a .thumb{
	width: 30px;
	height: 30px;
	margin:  0 auto;
}

#lanternGallery ul li div.small a .mediaIcon{
	display: none;
}

/* END SMALL */


/* theme 1 */

		#lanternGallery ul li.t1 div.a1 {
			top: 204px;
			left: 165px;
		}
		
		#lanternGallery ul li.t1 div.a2 {	
			top: 236px;
			left: 542px;
		}
		
		#lanternGallery ul li.t1 div.b1 {
			top: 204px;
			left: 51px;
		}
		
		#lanternGallery ul li.t1 div.b2 {
			top: 204px;
			left: 425px;
		}
		
		#lanternGallery ul li.t1 div.b3 {
			top: 230px;
			left: 770px;
		}
		
		
		#lanternGallery ul li.t1 div.c1 {
			top: 189px;
			left: 366px;
		}
		
		#lanternGallery ul li.t1 div.c2 {	
			top: 190px;
			left: 715px;
		}

/* end theme 1 */


/* theme 2 */

		#lanternGallery ul li.t2 div.a1 {
			top: 204px;
			left: 165px;
		}
		
		#lanternGallery ul li.t2 div.a2 {	
			top: 236px;
			left: 542px;
		}
		
		#lanternGallery ul li.t2 div.b1 {
			top: 204px;
			left: 51px;
		}
		
		#lanternGallery ul li.t2 div.b2 {
			top: 204px;
			left: 425px;
		}
		
		#lanternGallery ul li.t2 div.b3 {
			top: 230px;
			left: 770px;
		}
		
		
		#lanternGallery ul li.t2 div.c1 {
			top: 189px;
			left: 366px;
		}
		
		#lanternGallery ul li.t2 div.c2 {	
			top: 190px;
			left: 715px;
		}

/* end theme 2 */


/* theme 3 */

		#lanternGallery ul li.t3 div.a1 {
			top: 204px;
			left: 165px;
		}
		
		#lanternGallery ul li.t3 div.a2 {	
			top: 236px;
			left: 542px;
		}
		
		#lanternGallery ul li.t3 div.b1 {
			top: 204px;
			left: 51px;
		}
		
		#lanternGallery ul li.t3 div.b2 {
			top: 204px;
			left: 425px;
		}
		
		#lanternGallery ul li.t3 div.b3 {
			top: 230px;
			left: 770px;
		}
		
		
		#lanternGallery ul li.t3 div.c1 {
			top: 189px;
			left: 366px;
		}
		
		#lanternGallery ul li.t3 div.c2 {	
			top: 190px;
			left: 715px;
		}

/* end theme 3 */


			
#fbLike {
	height: 24px; 
	width: 55px;
}

#footer{
	padding-top: 30px;
	text-align: center;
}

#videoLink{
	color: #ffffff;
	display: block;
	margin: 0 auto;
	width: 218px;
	height: 13px;
	text-indent: -99999px;
	background: url(images/watch_video_link.gif) no-repeat 0 0;
}