/*Taveuni Photo Gallery CSS */

/* needed for IE to make :active state work first time */
/*a, a:visited {color:#000;} */

/* common styling for all galleries */
/* each gallery needs individual styles built into page header */
/*a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:0px solid #000; width:144px; height:144px; float:left; margin:0; z-index:50;}
a.slidea {background:url(../images/pics/th_about1.jpg);}
a.slideb {background:url(../images/pics/th_about2.jpg);}
a.slidec {background:url(../images/pics/th_about3.jpg);}
a.slided {background:url(../images/pics/th_about4.jpg);}
a.slidee {background:url(../images/pics/th_about5.jpg);}
a.slidef {background:url(../images/pics/th_about6.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:0px solid #fff;}*/



/* styling for RIGHT gallery */
#container_right {position:relative; width:1000px; height:288px; background:#024d7a;}
#container_right img {border:0;}
#container_right .thumbs {width:432px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:432px; height:50px; top:265px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:0px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:568px; height:288px; top:0px; left:-568px; color:#000; border:0px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding:0; width:568px; text-align:left;}