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

a:active, a:focus { outline: none; }
.menuWhat { position: relative; list-style-type: none; margin: 0px; height: 40px; background: url("../img/what_slider_menu.png"); width: 855px; padding: 41px 0 0 0; }
.menuWhat a {display: block; width: 425px; height: 40px; margin: 0; padding: 0; float: left; text-align: center; line-height: 3.6em; color: #507881; font-size: 0.9em;}
.menuWhat a:hover {color: #8cbec9; text-decoration: underline;}
.menuWhat 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.btnWhatActive {display: block; height: 47px; width: 84px; background: url("../img/slidermenu/what/btn_what_active.png"); text-indent: -999999px;}
a.btnHow {display: block; height: 50px; width: 84px; background: url("../img/slidermenu/what/btn_how.png"); text-indent: -999999px;}
a.btnWhy {display: block; height: 66px; width: 84px; background: url("../img/slidermenu/what/btn_why.png"); text-indent: -999999px;}
a.btnWhatActive:hover, a.btnHow: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: 735px; height:216px; float: left; padding: 50px 60px 50px 60px; color: #c8e3e9;}

.bg1 {background: url("../img/slider_main_bg-1.png");}
.bg2 {background: url("../img/slider_main_bg-2.png");}
.bgCloud {background: url("../img/slider_cloud.png"); text-indent: -999999px;}
.bgPower {background: url("../img/slider_power.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;}