/*below is the stuff for the compact example*/
#Container-FrameGalleryCountry, #Container-FrameGalleryHome{width:966px;height:452px;margin:0 auto 0px auto;position:relative;overflow:hidden}
#Container-FrameGalleryCountry { width: 394px; height: 249px; }
/* This is the ul you have all your images in */
#FrameGalleryCountry ul,#FrameGalleryHome ul{padding:5px 0 0 5px;width:966px;height:452px;margin:0;overflow:hidden;position:absolute;bottom:0;left:0;background:url('black.png') top left; z-index:99;display: block; }
#FrameGalleryCountry ul { padding: 0; width: 394px; height: 249px;}
#FrameGalleryCountry li,#FrameGalleryHome li{float: left; margin:  0;position:relative; }
#Container-FrameGalleryCountry ul li div img, 
#Container-FrameGalleryHome ul li div img{ position:relative;cursor:pointer; }
#Container-FrameGalleryCountry li, #Container-FrameGalleryHome li {
	 float: left; width:160px; cursor:pointer; display: block;
	 z-index:101;
}

#Container-FrameGalleryCountry {
	border: 3px solid #383838;
	width: 394px;
	height: 249px;
	display: block;
	margin: 8px 16px; 
	float: left;
}
#Container-FrameGalleryCountry li {
	width: 394px;
}
#Container-FrameGalleryHome ul {
	margin-top: -44px;
	margin-left: 2px;
}

#Container-FrameGalleryCountry ul,
#Container-FrameGalleryCountry li {
	margin: 0 !important;
	margin-top: 0;
	margin-left: 0px;
}

#Container-FrameGalleryCountry {
	float: left !important;
	margin: 0 !important; 
}


/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:966px;height:452px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption {padding:0px 0px 0 0;text-align:left;position:absolute;bottom:52px;left:3px;z-index:100;}
.pika_caption a{color:white;}

.pika_caption i	{ position:absolute; height:139px; width:486px;background: url(/it/img/homepage/home-frame-caption.gif) no-repeat 0 0; left:0; top:0; }
#pika_caption4 i,
#pika_caption5 i,
#pika_caption6 i	{ position:absolute; height:139px; width:486px;background: url(/it/img/homepage/home-frame-caption2.gif) no-repeat 0 0; left:0; top:0; }
.pika_caption u		{ position:absolute; height:139px; width:486px; left:0; top:0; z-index:22; text-decoration: none; color:#ffffff; font-weight: normal; margin:6px; }
#pika_caption1 	{ display:block; position:relative; margin-left:0px; height:139px; width:486px; }
#pika_caption2 	{ display:block; position:relative; margin-left:160px; height:139px; width:486px; }
#pika_caption3 	{ display:block; position:relative; margin-left:320px; height:139px; width:486px; }
#pika_caption4 	{ display:block; position:relative; margin-left:160px; height:139px; width:486px; }
#pika_caption5 	{ display:block; position:relative; margin-left:315px; height:139px; width:486px; }
#pika_caption6 	{ display:block; position:relative; margin-left:470px; height:139px; width:486px; }

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

#Container-FrameGalleryCountry .pika_caption {
	position:absolute;top:0px;left:0;z-index:100;
}

#Container-FrameGalleryCountry .pika_main_img {
	
	cursor : url(/it/img/zoomin.cur), pointer;
}


/* if you want to 'hide' these jus make their height and width 1px */
/*.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}*/