.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;top:90px;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:80px;height:80px;}
.caption{display:block;padding:10px; font-size:12px; letter-spacing:4; color:#999999;}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_wrapper {padding:10px;}

	
.demo{position:relative;margin-top:2em;}
.gallery {width:1045px;margin:0 auto 10px auto;background-color:#e5e5e5;padding:10px 10px 20px 10px;}
.gallery li div{left:240px}

#mainImg {margin:0 auto 60px auto;width:700px;background:black;}
#mainImg img {margin-bottom:10px;}
#mainImg a {color:#c2c2c2; text-decoration:none; font-size:12px;}

.nav{padding-top:15px;clear:both;letter-spacing:3px;text-transform:uppercase;}



/* for scrolling */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px;
	
	margin:0px auto 10px auto; 
    height:80px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable ul.gallery { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable ul.gallery li { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item 
ul.gallery li.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}*/ 

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/nxtBckBtns.jpg) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	
}

a.right, a.left {position:absolute; top:25px; }

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
.top { height:90px; margin:10px auto; width:900px; position:relative; }
.prevPage {left:80px;}
.nextPage {left:790px;}