/* rotator styles */

.wt-rotator{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#000;
border:1px solid #000;
position:relative;
width:640px;
height:300px;
overflow:hidden;
}
.wt-rotator a{
outline:none;
}
.wt-rotator .screen{
position:relative;
top:0;
left:0;
width:825px;
height:300px;
overflow:hidden;
}
.wt-rotator .main-img{
display:none;
position:absolute;
top:0;
left:0;
z-index:0;
border:0px;
}
.wt-rotator .preloader{
background:#000 url(assets/loader.gif) no-repeat center;
float:left;
width:34px;
height:34px;
position:absolute;
top:50%;
left:50%;
margin-top:-17px;
margin-left:-17px;
z-index:4;
display:none;
}
.wt-rotator #timer{
position:absolute;
left:0;
height:4px;
background-color:#FFF;
filter:alpha(opacity=50);
opacity:0.50;
z-index:4;
visibility:hidden;
}
.wt-rotator .desc{
color:#000;
position:absolute;
top:0;
left:0;
z-index:6;
overflow:hidden;
visibility:hidden;
text-align:left;
}
.wt-rotator .inner-bg{
position:absolute;
width:100%;
height:100%;
background-color:#FFF;
filter:alpha(opacity=75);
opacity:0.75;
z-index:0;
}
.wt-rotator .inner-text{
position:absolute;
padding:10px;
z-index:1;
}
.wt-rotator .c-panel{
position:absolute;
float:left;
top:0;
left:0;
z-index:7;
visibility:hidden;
}
.wt-rotator .cp-bg{
background:#333;
border:1px solid #000;
}
.wt-rotator .thumbnails,
.wt-rotator .buttons{
float:left;
overflow:hidden;
}
.wt-rotator .thumbnails ul{
list-style:none;
margin:0;
padding:0;
}
.wt-rotator .thumbnails li,
.wt-rotator .play-btn,
.wt-rotator .prev-btn,
.wt-rotator .next-btn{
list-style:none;
display:block;
float:left;
margin-right:4px;
overflow:hidden;
width:24px;
height:24px;
line-height:24px;
text-align:center;
color:#FFF;
background-color:#000;
border:1px solid #000;
cursor:pointer;
font-weight:bold;
}
.wt-rotator .thumbnails li.thumb-over{
color:#FFF;
background-color:#CCC;
}

.wt-rotator .title{
color:#ff0000;
font-weight:bold;
font-size:16px;
}

.wt-rotator .title2{
color:#00c0ff;
font-weight:bold;
font-size:18px;
}

.wt-rotator .title3{
color:#ff7e00;
font-weight:bold;
font-size:18px;
text-align: center;
}

.wt-rotator .special{
color:#00c0ff;
font-weight:bold;
font-size:16px;
}

.wt-rotator a {
color:#ff7e00;
font-weight:bold;
font-size:14px;
}

.wt-rotator .thumbnails li.curr-thumb{
color:#000;
background-color:#FFF;
}
.wt-rotator .thumbnails li *{
display:none;
}
.wt-rotator .thumbnails li div{
color:#FFF;
background-color:#000;
}
.wt-rotator .play-btn{
background:#000 url(assets/play.png) no-repeat center;
}
.wt-rotator .pause{
background:#000 url(assets/pause.png) no-repeat center;
}
.wt-rotator .prev-btn{
background:#000 url(assets/prev.png) no-repeat center;
}
.wt-rotator .next-btn{
background:#000 url(assets/next.png) no-repeat center;
}
.wt-rotator .button-over{
background-color:#CCC;
}
#rotator-tooltip{
position:absolute;
top:0;
left:0;
z-index:99999;
display:none;
}
.txt-up{
margin-left:-10px;
margin-bottom:5px;
background:url(assets/tail.png) no-repeat;
background-position:10px bottom;
background-position-x:10px;
background-position-y:bottom;
}
.txt-down{
margin-left:-10px;
margin-top:24px;
background:url(assets/rev_tail.png) no-repeat;
background-position:10px top;
background-position-x:10px;
background-position-y:top;
}
.img-up{
margin-left:5px;
margin-bottom:5px;
background:url(assets/tail.png) center bottom no-repeat;
}
.img-down{
margin-left:5px;
margin-top:24px;
background:url(assets/rev_tail.png) center top no-repeat;
}
#rotator-tooltip  .tt-txt{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
max-width:300px;
padding:4px;
margin:8px 0;
}
#rotator-tooltip .tt-img{
background-color:#000;
padding:2px;
margin:8px 0;
}
.wt-rotator .block,
.wt-rotator .vpiece,
.wt-rotator .hpiece{
position:absolute;
z-index:2;
}

/* Gallery styles */

#gallery{
	
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
		
	/* The width of the gallery */
	width:738px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:217px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:738px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:0;
	position:relative;
	top:-40px;
	left:15px
}
#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	color:#ccc;
    outline: none;
}
#gallery ul, #slides ul, #menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:25px;
	display:inline-block;
    float: left;
    position: relative;
	list-style:none;
	height:25px;
	overflow:hidden;
    text-align: center;
    margin-right: 7px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background:url(img/active_bg.png) no-repeat; 
    outline: none; 
    padding: 0;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
#menu li:hover, #menu li.act {
    background: url('img/pic_bg.png');
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #fff;
}
#menu li:hover a, #menu li.act a {
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #fff;
}
#gallery li a,#slides li a{
	display:block;
	height:35px;
	padding-top:1px;
	width:25px;
	margin:0 auto;
}

#gallery a img,#slides a img,#menu a img{
	border:none;
}