/* 
*	Urmatoarele stiluri sunt doar pentru prezentarea demo-urilor si nu au nici o legatura cu functionalitatea plugin-ului:
*/

a:active, a:focus { outline: none; }
.menuHow { position: relative; list-style-type: none; margin: 0px; height: 40px; background: url("../img/how_slider_menu.png"); width: 855px; padding: 41px 0 0 0; }
.menuHow a {display: block; width: 95px; height: 40px; margin: 0; padding: 0; float: left; text-align: center; line-height: 3.6em; color: #507881; font-size: 0.9em;}
.menuHow a:hover {color: #8cbec9; text-decoration: underline;}
.menuHow a.selected {background: url("../img/slider_nav_active.png") center no-repeat; color: #FFFFFF; font-weight: bold;}

.main {width: 855px;float: left; height: 400px; margin-bottom: 20px;}

.sliderMenu {width: 84px; float: left; height: 400px;}
.sliderMenu ul {list-style: none;}
a.btnWhat {display: block; height: 47px; width: 84px; background: url("../img/slidermenu/how/btn_what.png"); text-indent: -999999px;}
a.btnHowActive {display: block; height: 50px; width: 84px; background: url("../img/slidermenu/how/btn_how_active.png"); text-indent: -999999px;}
a.btnWhy {display: block; height: 66px; width: 84px; background: url("../img/slidermenu/how/btn_why.png"); text-indent: -999999px;}
a.btnWhat:hover, a.btnHowActive:hover, a.btnWhy:hover {background-position: -84px;}
li.microsoft { height: 53px; padding: 184px 0 0 14px; width: 70px;}

.scroller {width: 855px;height: 316px;overflow: hidden;border: 0px;margin: 0px;}

#content-1 {width: 8000px;}

.slide {width: 855px; height:316px; float: left; padding: 0 0 0 0; color: #c8e3e9;}
.summary {width: 304px; padding: 50px 30px 0 60px; height: 266px; float: left;}
.sshot {width: 461px; padding: 0; margin: 0; float: left;}

.bg1 {background: url("../img/slider_main_bg-1_sshots.png");}
.bg2 {background: url("../img/slider_main_bg-2_sshots.png");}

.slide h1 {color: #c8e3e9; font-size: 2em; font-weight: normal; font-family: Trebuchet MS;}

/* Next & Previous */
a.btnPrevious, a.btnNext {display: block; width: 20px; height: 80px; text-indent: -999999px; float: left; position: absolute; background: #cc0000; margin: 130px 0 0 10px;  }
a.btnNext {float: right; margin-left: 825px;background: url("../img/slider_control_next.gif") no-repeat left;}
a.btnPrevious {background: url("../img/slider_control_previous.gif") no-repeat left;}
a.btnPrevious:hover, a.btnNext:hover {background-position: -20px;}