ul{list-style-type:none; }
img{border:0; outline: none;}
a:focus{outline:none;}
#slide1{width:520px; float:left; display:inline; position:relative;}


#desc1,#desc2{width:520px;}
.descriptions{position:absolute; left:0; bottom:0; z-index:12; margin:0 !important; float:left; display:inline;}
.descriptions li{display:none; background:url(images/trans.png) repeat; width:600px; padding:5px 10px; float:left; diaplay:inline;position:absolute; bottom:0; z-index:13;}
.descriptions p{font-size:1.2em;}
.img_cont{width:520px; height:240px; float:left; display:inline;position:relative;}/*should be the same size as your large image */
.main_images{width:520px; height:240px; float:left; display:inline;}/*should be the same size as your large image */
.main_images li{width:520px; position:absolute; left:0px; top:0px;  display:inline; height:240px; display:none;z-index:11; }/*should be the same size as your large image */
.slideshow{position:relative;}
.thumb_holder{position:relative; float:left; width:470px;overflow:hidden; height:90px;margin:0px 5 0 5;}
.thumbs{position:absolute;left:0;}
.section{width:490px;float:left; display:inline;overflow:hidden; margin:0px 0 0 0;}
.section li{float:left; display:inline;   }/*should be the same size as your thumbnails */
.sub_section{float:left; display:inline;}
.prev_btn{width:10px; float:left; display:inline;margin:10px 0 0 0; outline: none;}
.next_btn{width:10px; float:left; display:inline;margin:10px 0 0 0; outline: none;}
.current_desc{display:inline;}

/*demo styles you can delete these*/
#wrapper1{width:520px;  padding:10px 10px;}