/*
-----------------------------------------------
florescapes.com IMAGE GALLERY CSS styles
Author:   Kai Bates
Version:  May 2009
----------------------------------------------- */



/* START IMAGE GALLERY - Hotels - Half Moon
----------------------------------------------- */

/* Image Gallery - Background & Nav - Hotels - Half Moon
----------------------------------------------- */

#photo1 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo1.jpg) 0 0 no-repeat;
	}
	
#photo2 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo2.jpg) 0 0 no-repeat;
	}
	
#photo3 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo3.jpg) 0 0 no-repeat;
	}

#photo4 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo4.jpg) 0 0 no-repeat;
	}
	
#photo5 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo5.jpg) 0 0 no-repeat;
	}
	
#photo6 {
	width: 975px;
	height: 495px;
	background: url(hotels/images/half_moon/photo6.jpg) 0 0 no-repeat;
	}

#gallerynav {
	position: absolute;
	top: 165px;
	left: 775px;
	padding: 10px;
	z-index: 1000;
	}

/* Image Gallery - Lists - Hotels - Half Moon
----------------------------------------------- */

#iconmenu {position: relative; margin: 10px auto; padding: 3px; width: 153px; height: 229px;}

#iconmenu li {width: 75px; height: 75px; position: absolute; background: url(hotels/images/half_moon/icons.jpg) 0 0 no-repeat; display: block; list-style: none;}

#iconmenu a {width: 74px; height: 74px; display: block; border: 1px #fff solid;}
#iconmenu a:hover {border: 1px #000 solid;}

#iconmenu #thumb1 {left: 1px; top: 1px; background-position: -1px 0;}
#iconmenu #thumb2 {left: 90px; top: 1px; background-position: -76px 0;}
#iconmenu #thumb3 {left: 1px; top: 90px; background-position: -1px -76px;}
#iconmenu #thumb4 {left: 90px; top: 90px; background-position: -76px -76px;}
#iconmenu #thumb5 {left: 1px; top: 180px; background-position: -1px -152px;}
#iconmenu #thumb6 {left: 90px; top: 180px; background-position: -76px -152px;}




/* Image Gallery - Background Image Swap
----------------------------------------------- */

@media projection, screen {
    .ui-tabs-hide { display: none; }
	}

@media print {
	.ui-tabs-nav { display: none; }
	}

.ui-tabs-nav {
    list-style: none;
	}