@charset "utf-8";



/* CSS Document */







/* 1st thumbnail scroller - horizontal fixed size */



/* Landscape Slider */



#landscape_container{position:relative; width:465px; background:#fff;margin-left: 150px;}



#landscape_container .thumbScroller{position:relative; overflow:hidden;}



#landscape_container .thumbScroller, #landscape_container .thumbScroller .sc-container, #landscape_container .thumbScroller .content{height:110px;}



#landscape_container .customScrollBox .horWrapper{position:relative; left:0;}



#landscape_container .thumbScroller .sc-container{position:relative; left:-30px; display:inline-block; *display:inline;}



#landscape_container .thumbScroller .content{float:left;}



#landscape_container .thumbScroller .content div{padding:5px 3px; height:100%;}



#landscape_container .thumbScroller p{float:left; position:absolute; margin-top: 80px; margin-left: 2px;

	color: #000;

}

/*#landscape_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#landscape_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* Panoramic Slider */



#panoramic_container{position:relative; width:465px; background:#fff;}



#panoramic_container .thumbScroller{position:relative; overflow:hidden;}



#panoramic_container .thumbScroller, #panoramic_container .thumbScroller .sc-container, #panoramic_container .thumbScroller .content{height:110px;}



#panoramic_container .customScrollBox .horWrapper{position:relative; left:0;}



#panoramic_container .thumbScroller .sc-container{position:relative; left:-50px; display:inline-block; *display:inline;}



#panoramic_container .thumbScroller .content{float:left;}



#panoramic_container .thumbScroller .content div{padding:5px 3px; height:100%;}



/*#panoramic_container .thumbScroller img{border:5px solid #fff;}



#panoramic_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#panoramic_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* Seascapes Slider */



#seascape_container{position:relative; width:465px; background:#fff;}



#seascape_container .thumbScroller{position:relative; overflow:hidden;}



#seascape_container .thumbScroller, #seascape_container .thumbScroller .sc-container, #seascape_container .thumbScroller .content{height:110px;}



#seascape_container .customScrollBox .horWrapper{position:relative; left:0;}



#seascape_container .thumbScroller .sc-container{position:relative; left:-50px; display:inline-block; *display:inline;}



#seascape_container .thumbScroller .content{float:left;}



#seascape_container .thumbScroller .content div{padding:5px 3px; height:100%;}



/*#seascape_container .thumbScroller img{border:5px solid #fff;}



#seascape_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#seascape_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* Detail Slider */



#detail_container{position:relative; width:465px; background:#fff;}



#detail_container .thumbScroller{position:relative; overflow:hidden;}



#detail_container .thumbScroller, #detail_container .thumbScroller .sc-container, #detail_container .thumbScroller .content{height:110px;}



#detail_container .customScrollBox .horWrapper{position:relative; left:0;}



#detail_container .thumbScroller .sc-container{position:relative; left:-50px; display:inline-block; *display:inline;}



#detail_container .thumbScroller .content{float:left;}



#detail_container .thumbScroller .content div{padding:5px 3px; height:100%;}



/*#detail_container .thumbScroller img{border:5px solid #fff;}



#detail_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#detail_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* Video Slider */



#video_container{position:relative; width:465px; background:#fff;}



#video_container .thumbScroller{position:relative; overflow:hidden;}



#video_container .thumbScroller, #video_container .thumbScroller .sc-container, #video_container .thumbScroller .content{height:110px;}



#video_container .customScrollBox .horWrapper{position:relative; left:0;}



#video_container .thumbScroller .sc-container{position:relative; left:-50px; display:inline-block; *display:inline;}



#video_container .thumbScroller .content{float:left;}



#video_container .thumbScroller .content div{padding:5px 3px; height:100%;}



/*#video_container .thumbScroller img{border:5px solid #fff;}



#video_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#video_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* Gallery Slider */



#gallery_container{position:relative; width:465px; background:#fff;}



#gallery_container .thumbScroller{position:relative; overflow:hidden;}



#gallery_container .thumbScroller, #gallery_container .thumbScroller .sc-container, #gallery_container .thumbScroller .content{height:110px;}



#gallery_container .customScrollBox .horWrapper{position:relative; left:0;}



#gallery_container .thumbScroller .sc-container{position:relative; left:-50px; display:inline-block; *display:inline;}



#gallery_container .thumbScroller .content{float:left;}



#gallery_container .thumbScroller .content div{padding:5px 3px; height:100%;}



/*#gallery_container .thumbScroller img{border:5px solid #fff;}



#gallery_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}



#gallery_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/







/* 2nd thumbnail scroller - vertical fixed size */







#ts2_container{position:absolute; top:200px; left:60px; width:240px; padding:0 5px; height:600px; border-top:1px solid #999; border-bottom:1px solid #999;}







#ts2_container .thumbScroller{position:relative; overflow:hidden; height:100%;}







#ts2_container .thumbScroller .sc-container{position:relative; top:0;}







#ts2_container .thumbScroller .content{clear:both;}







#ts2_container .thumbScroller .content div{padding:10px; height:100%;}







#ts2_container .thumbScroller img{border:none;}







#ts2_container .thumbScroller .content div a{display:block;}







#ts2_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333; box-shadow:0 0 15px #333;}















/* 3rd thumbnail scroller - horizontal liquid size 100% */







#ts3_container{position:absolute; left:0; top:10px; width:100%; border-top:1px solid #000; border-bottom:1px solid #999; -moz-box-shadow:inset 1px 1px 20px black; -webkit-box-shadow:inset 1px 1px 20px black; box-shadow:inset 1px 1px 20px black;}







#ts3_container .thumbScroller{position:relative; width:100%; overflow:hidden;}







#ts3_container .thumbScroller, #ts3_container .thumbScroller .sc-container, #ts3_container .thumbScroller .content{height:168px;}







#ts3_container .customScrollBox .horWrapper{position:relative; left:0;}







#ts3_container .thumbScroller .sc-container{position:relative; left:0; display:inline-block; *display:inline;}







#ts3_container .thumbScroller .content{float:left;}







#ts3_container .thumbScroller .content div{padding:10px 15px; height:100%;}







#ts3_container .thumbScroller img{border:5px solid #fff;}







#ts3_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}







#ts3_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}















/* 4th thumbnail scroller - vertical liquid size 80% */







#ts4_container{position:absolute; top:200px; right:30px; width:240px; height:60%; border:1px solid #666; background:#000; -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}







#ts4_container .thumbScroller{position:relative; overflow:hidden; height:100%;}







#ts4_container .thumbScroller .sc-container{position:relative; top:0;}







#ts4_container .thumbScroller .content{clear:both;}







#ts4_container .thumbScroller .content div{padding:10px 5px; height:100%;}







#ts4_container .thumbScroller img{border:5px solid #fff;}







#ts4_container .thumbScroller .content div a{display:block;}















/* demo thumbnail scroller - horizontal fixed size */







#tsh_container{position:relative; margin:40px auto; width:600px; background:#444; border:1px solid #999;}







#tsh_container .thumbScroller{position:relative; overflow:hidden;}







#tsh_container .thumbScroller, #tsh_container .thumbScroller .sc-container, #tsh_container .thumbScroller .content{height:168px;}







#tsh_container .customScrollBox .horWrapper{position:relative; left:0;}







#tsh_container .thumbScroller .sc-container{position:relative; left:0; display:inline-block; *display:inline;}







#tsh_container .thumbScroller .content{float:left;}







#tsh_container .thumbScroller .content div{padding:10px 15px; height:100%;}







#tsh_container .thumbScroller img{border:5px solid #fff;}







#tsh_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}







#tsh_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}















/* demo thumbnail scroller - vertical fixed size */







#tsv_container{position:relative; margin:30px auto; width:242px; padding:0 5px; height:600px; border-top:1px solid #000; border-bottom:1px solid #000;}







#tsv_container .thumbScroller{position:relative; overflow:hidden; height:100%;}







#tsv_container .thumbScroller .sc-container{position:relative; top:0;}







#tsv_container .thumbScroller .content{clear:both;}







#tsv_container .thumbScroller .content div{padding:10px; height:100%;}







#tsv_container .thumbScroller img{border:1px solid #000;}







#tsv_container .thumbScroller .content div a{display:block;}







#tsv_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}















/* demo thumbnail scroller - horizontal liquid size 100% */







#tshf_container{position:fixed; left:0; bottom:30px; width:100%; border-top:1px solid #666; border-bottom:1px solid #fff; -moz-box-shadow:inset 1px 1px 20px #666; -webkit-box-shadow:inset 1px 1px 20px #666; box-shadow:inset 1px 1px 20px #666; background:#ccc;}







#tshf_container .thumbScroller{position:relative; width:100%; overflow:hidden;}







#tshf_container .thumbScroller, #tshf_container .thumbScroller .sc-container, #tshf_container .thumbScroller .content{height:168px;}







#tshf_container .customScrollBox .horWrapper{position:relative; left:0;}







#tshf_container .thumbScroller .sc-container{position:relative; left:0; display:inline-block; *display:inline;}







#tshf_container .thumbScroller .content{float:left;}







#tshf_container .thumbScroller .content div{padding:10px 15px; height:100%;}







#tshf_container .thumbScroller img{border:none;}







#tshf_container .thumbScroller .content div a{display:block; border:5px solid #ddd;}







#tshf_container .thumbScroller .content div a:hover{border-color:#fff;}















/* demo thumbnail scroller - vertical liquid size 100% */







#tsvf_container{position:fixed; top:0; left:2px; width:240px; height:100%; border:1px solid #333; background:#000; -moz-box-shadow:0 0 25px #000; -webkit-box-shadow:0 0 25px #000; box-shadow:0 0 25px #000;}







#tsvf_container .thumbScroller{position:relative; overflow:hidden; height:100%;}







#tsvf_container .thumbScroller .sc-container{position:relative; top:0;}







#tsvf_container .thumbScroller .content{clear:both;}







#tsvf_container .thumbScroller .content div{padding:2px 5px; height:100%;}







#tsvf_container .thumbScroller img{border:none;}







#tsvf_container .thumbScroller .content div a{display:block; border:5px solid #111;}