/* Image gallery css */

/** 
 * Slideshow style rules.
 */
#slideshow {margin:0 auto; width:504px; height:360px; position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:356px; height:360px;  overflow:auto; /* allow scrollbar */ position:relative;}
/* reduce width by 20 pixels of #slidesContainer to avoid horizontal scroll */
#slideshow #slidesContainer .slide {margin:0 auto; width:436px;  height:360px;}

/** 
 * Slideshow controls style rules.
 */
.control {display:block; width:39px; height:60px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top: 150px; left:0; background:transparent url(../gallery/img/control_left.jpg) no-repeat 0 0;}
#rightControl {top:150px; right:0; background:transparent url(../gallery/img/control_right.jpg) no-repeat 0 0;}

/** 
 * Style rules for Demo page
 */
#pageContainer {margin:0 auto; padding: 25px 0px ; width: 500px;}
#pageContainer a {color: #fff; font-weight:bold; text-decoration:none;}
#pageContainer a:hover {text-decoration:underline;}

.slide p {margin: 0px;}
.slide h2 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#000; letter-spacing:-1px; margin: 0px 0px 0px 10px; float: left; position:absolute; top:327px;}
.slide img {float:left; margin: 20px 10px 10px 0px; height: auto; width: auto;}