/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#gallery {
	width:400px;
	height:570px;
	position:relative;
	background:#eee;
	border:1px solid #fff;
	float: right;
	overflow: hidden;
	z-index: 900;
	right: 10px;	
}

#gallery ul {
	list-style:none;
	padding:0;
	margin:8px 0 0 8px;
	width:400px;
	float:left;
		
}

#gallery ul li {display:inline; width:40px; height:40px; float:left; margin:0 5px 5px 5px; border:1px solid #fff; cursor:pointer;}


#gallery ul li.tb2 {
	background-image: url(../images/betworks/betworks-prees-ad.gif);
	background-position: 100px -200px;
	
}
#gallery ul li.tb1 {
	background-image: url(../images/betworks/betworksinvitation.gif);
	background-position: -40px -230px;
}
#gallery ul li.tb3 {
	background-image: url(../images/betworks/betwork-strip-ad.gif);
	background-position: -45px -82px;
}

#gallery ul li.tb4 {
	background-image: url(../images/betworks/betwork-display.jpg);
	background-position: -60px -192px;
}
/* heinz*/
#gallery ul li.tb5 {
	background-image: url(../images/heinz/heinz-banner.gif);
	background-position: -60px -122px;
}
#gallery ul li.tb6 {
	background-image: url(../images/heinz/heinz-con-beef_-filipino.jpg);
	background-position: -160px -62px;
}
#gallery ul li.tb7 {
	background-image: url(../images/heinz/Heinz-corn-beef_-maltese.jpg);
	background-position: -270px -122px;
}
#gallery ul li.tb8 {
	background-image: url(../images/heinz/Heinz-promot_eastwood.jpg);
	background-position: -60px -182px;
}
#gallery ul li.tb9 {
	background-image: url(../images/heinz/heinz-recipe.jpg);
	background-position: -320px -82px;
}

#gallery ul li.tb10 {
	background-image: url(../images/heinz/Heinz-stall.jpg);
	background-position: -60px -170px;
}
#gallery ul li.tb11 {
	background-image: url(../images/heinz/Heinz-recipe09.jpg);
	background-position: -250px -105px;
}





/* RTA*/
#gallery ul li.tb12 {
	background-image: url(../images/RTA/RTA-seatbelt1.jpg);
	background-position: -250px -570px;
}
#gallery ul li.tb13 {
	background-image: url(../images/RTA/RTA-seatbelt2.jpg);
	background-position: -215px -135px;
}
#gallery ul li.tb14 {
	background-image: url(../images/RTA/RTA-seatbelt3.jpg);
	background-position: -130px -200px;
}
#gallery ul li.tb15 {
	background-image: url(../images/RTA/RTA-seatbelt4.jpg);
	background-position: -100px -150px;
}
#gallery ul li.tb16 {
	background-image: url(../images/RTA/RTA-profile.jpg);
	background-position: -110px -380px;
}


/* IS*/
#gallery ul li.tb21 {
	background-image: url(../images/IS/IS-CNY_red.gif);
	background-position: -20px -70px;
}
#gallery ul li.tb22 {
	background-image: url(../images/IS/is-redpacket08.jpg);
	background-position: -250px -180px;
}
#gallery ul li.tb23 {
	background-image: url(../images/IS/is-redpacket09.jpg);
	background-position: -110px -155px;
}

/* align rail*/
#gallery ul li.tb26 {
	background-image: url(../images/alignrail/alignrail-logo.gif);
	background-position: -180px -275px;
}
#gallery ul li.tb27 {
	background-image: url(../images/alignrail/alignrail-letterhead.jpg);
	background-position: -190px -75px;
}
#gallery ul li.tb28 {
	background-image: url(../images/alignrail/alignrail-cover.jpg);
	background-position: -87px -302px;
}

#gallery ul li.tb29 {
	background-image: url(../images/alignrail/Alignrail-chapter.jpg);
	background-position: -110px -155px;
}

/* Apec Trading*/
#gallery ul li.tb31 {
	background-image: url(../images/apec/apec-logo.gif);
	background-position: -223px -250px;
}
#gallery ul li.tb32 {
	background-image: url(../images/apec/Apec-business-card.gif);
	background-position: -101px -160px;
}
#gallery ul li.tb33 {
	background-image: url(../images/apec/Apec-complimentary.jpg);
	background-position: -290px -180px;
}

#gallery ul li.tb34 {
	background-image: url(../images/apec/acrobag-catalouge08.jpg);
	background-position: -320px -240px;
}

#gallery ul li.tb35 {
	background-image: url(../images/apec/acrobag-catalogue07.jpg);
	background-position: -230px -222px;
	}
	
/* Giovane*/
#gallery ul li.tb41 {
	background-image: url(../images/Giovane/giovane-banner.jpg);
	background-position: -69px -50px;
}
#gallery ul li.tb42 {
	background-image: url(../images/Giovane/Giovane-exibit-card.jpg);
	background-position: -124px -182px;
}
#gallery ul li.tb43 {
	background-image: url(../images/Giovane/Giovane-Cat08.jpg);
	background-position: -100px -120px;
}

#gallery ul li.tb44 {
	background-image: url(../images/Giovane/Giovane-Cat07.jpg);
	background-position: -290px -200px;
}

/* Au great wines*/
#gallery ul li.tb51 {
	background-image: url(../images/AuGreatWines/au-wines-logo.gif);
	background-position: -69px -200px;
}
#gallery ul li.tb52 {
	background-image: url(../images/AuGreatWines/au-wine-bc.gif);
	background-position: -115px -320px;
}
#gallery ul li.tb53 {
	background-image: url(../images/AuGreatWines/wine-letterhead.gif);
	background-position: -174px -120px;
}

#gallery ul li.tb54 {
	background-image: url(../images/AuGreatWines/au-wine-flyer.gif);
	background-position: -64px -169px;
}

#gallery ul li.tb55 {
	background-image: url(../images/AuGreatWines/au-wine-web.jpg);
	background-position: -240px -300px;
}	
	
/* SOS*/
#gallery ul li.tb61 {
	background-image: url(../images/SOS/sos-logo1.gif);
	background-position: -200px -184px;
}
#gallery ul li.tb62 {
	background-image: url(../images/SOS/sos-logo2.gif);
	background-position: -290px -220px;
}

/* culture impact*/
#gallery ul li.tb66 {
	background-image: url(../images/cultureImpact/culture-logo.gif);
	background-position: -98px -176px;
}
#gallery ul li.tb67 {
	background-image: url(../images/cultureImpact/culture-card.jpg);
	background-position: -300px -134px;
}
#gallery ul li.tb68 {
	background-image: url(../images/cultureImpact/culture-package.jpg);
	background-position: -160px -150px;
}		

/* lotterries ads*/
#gallery ul li.tb71 {
	background-image: url(../images/LotterriesAds/0z50M_El.jpg);
	background-position: -100px -132px;
}
#gallery ul li.tb72 {
	background-image: url(../images/LotterriesAds/lotto-T.jpg);
	background-position: -265px -327px;
}
#gallery ul li.tb73 {
	background-image: url(../images/LotterriesAds/powerball.jpg);
	background-position: -150px -120px;
}	
#gallery ul li.tb74 {
	background-image: url(../images/LotterriesAds/Lotto-HTP.gif);
	background-position: -80px -170px;
}
#gallery ul li.tb75 {
	background-image: url(../images/LotterriesAds/6From38Pools.gif);
	background-position: -125px -65px;
}		
	
/* wake up*/
#gallery ul li.tb76 {
	background-image: url(../images/wakeUp/wakeup-p1.jpg);
	background-position: -70px -242px;
}
#gallery ul li.tb77 {
	background-image: url(../images/wakeUp/wakeup2.jpg);
	background-position: -65px -117px;
}

/* Cityrail*/
#gallery ul li.tb81 {
	background-image: url(../images/cityrail/cityrailPG.gif);
	background-position: -90px -125px;
}
#gallery ul li.tb82 {
	background-image: url(../images/cityrail/smartsaver.jpg);
	background-position: -40px -355px;
}
#gallery ul li.tb83 {
	background-image: url(../images/cityrail/welcome.jpg);
	background-position: -140px -50px;
}

#gallery ul li.tb84 {
	background-image: url(../images/cityrail/TTR.jpg);
	background-position: -215px -327px;
}

#gallery ul li.tb85 {
	background-image: url(../images/cityrail/TimeChanged.gif);
	background-position: -290px -80px;
}	

#gallery ul li.tb86 {
	background-image: url(../images/cityrail/trackwork.gif);
	background-position: -327px -245px;
}

/* rock fishing*/
#gallery ul li.tb91 {
	background-image: url(../images/rockfishing/Rock-fishing.gif);
	background-position: -275px -165px;
}
#gallery ul li.tb92 {
	background-image: url(../images/rockfishing/PressAd.gif);
	background-position: -60px -155px;
}
#gallery ul li.tb93 {
	background-image: url(../images/rockfishing/press-ad2.gif);
	background-position: -325px -90px;
}

/* kraft*/
#gallery ul li.tb100 {
	background-image: url(../images/kraft/Kraft-stall.gif);
	background-position: -355px -255px;
}
#gallery ul li.tb101 {
	background-image: url(../images/kraft/Kraft-ad.gif);
	background-position: -60px -155px;
}
#gallery ul li.tb102 {
	background-image: url(../images/kraft/Kraft-brochure.jpg);
	background-position: -245px -90px;
}

/* roche*/
#gallery ul li.tb110 {
	background-image: url(../images/roche/roche-ad-T-chi.jpg);
	background-position: -140px -200px;
}
#gallery ul li.tb111 {
	background-image: url(../images/roche/roche-ad-S-chi.jpg);
	background-position: -80px -185px;
}
#gallery ul li.tb112 {
	background-image: url(../images/roche/roche-ad-Viet.jpg);
	background-position: -225px -90px;
}



#gallery ul li span i img {display:none;}


#gallery ul li.click {border-color:#888; cursor:default;}

#gallery ul li.click span {position:absolute; left:0; width:400px; height:570px; top:50px;}

#gallery ul li.click span i {width:400px; height:570px; display:table-cell; vertical-align:middle; text-align:center;} 

#gallery ul li.click span i img {display:block; width:auto; height:auto; border:1px solid #fff; margin:0 auto;}

#gallery ul li.default {
	width:auto;
	height:auto;
	border:0;
	top: auto;
}
#gallery ul li.default span {
	position:absolute;
	left:0px;
	top:50px;
	width:400px;
	height:502px;
}
#gallery ul li.default span i {width:400px; height:570px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.default span i img {display:block; width:auto; height:auto; border:1px solid #fff; margin:0 auto;}
#gallery ul li.off {display:none;}