@import url("reset.css");

/*focus*/
/**
 @ demo */
#demo {
position:relative;
width:290px;
height:250px;
overflow:hidden;
}
#demo .switchable-nav {
position:absolute;
bottom:45px;
right:5px;
z-index:99;
}
#demo .switchable-nav li {
float:left;
width:16px;
height:16px;
line-height:16px;
margin-left:3px;
background-color:#FCF2CF;
border:1px solid #F47500;
color:#D94B01;
text-align:center;
cursor:pointer;
}
#demo .switchable-nav li.active {
width:18px;
height:18px;
line-height:18px;
margin-top:-1px;
color:#FFF;
background-color:#FFB442;
font-weight:bold;
}
#demo .switchable-content li {
height:220px;
width:290px;
overflow:hidden;
}
#demo img{
width:290px;
height:220px;
}
/* for countdown plugin */
#demo .switchable-nav li,
#demo .switchable-trigger-content {
position:relative;
}
#demo .switchable-trigger-mask {
position:absolute;
right:0;
width:18px;
height:18px;
background-color:#FF9415;
visibility:hidden
}
#demo .active .switchable-trigger-mask {
visibility:visible
}
.switchable-caption {
position:absolute;
top:210px;
left:0;
z-index:8;
width:100%;
background:#f5f5f5;
padding:0px 10px;
line-height:30px;
font-weight:bold;
text-align:center

}