/*
HTML 5 Template Name: Simplistic
File: Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#container #homepage #slider{}

#container #homepage #slider{height:360px; position:relative;}
#container #homepage #slider dl.slidedeck{display:block; position:relative; width:100%; height:100%; margin:0; padding:0;}
#container #homepage #slider dl.slidedeck > dd{position:relative; height:360px; margin:0; padding:0; overflow:hidden;}
#container #homepage #slider dl.slidedeck > dt{position:relative; height:43px; margin:0; padding:0; line-height:38px; font-size:13px; font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; text-transform:uppercase; color:#FFFFFF; background-color:#7E5C88; cursor:pointer; overflow:hidden; border-top:2px solid #55415F; /* Needs top-border as the JavaScript rotates the element */;}

/* Spines */

#container #homepage #slider dl.slidedeck dt.spine:hover{color:#FFFFFF; background-color:#9F81A9;}
#container #homepage #slider dl.slidedeck dt.spine.active, #container #homepage #slider dl.slidedeck dt.spine.active:hover{color:#FFFFFF; background-color:#9F81A9; cursor:default;}
#container #homepage #slider dl.slidedeck dt.spine .index{margin-bottom:2px; font-size:24px; font-weight:normal; font-family:Georgia,"Times New Roman",Times,serif; color:#F8F9F3;}
#container #homepage #slider dl.slidedeck dt.spine.active .index{margin-bottom:0;}
#container #homepage #slider dl.slidedeck dt.spine:hover .index, #container #homepage #slider dl.slidedeck dt.spine.active .index{color:#F8F9F3;}

/* The SlideDeck "active corner". */

#container #homepage #slider dl.slidedeck .activeCorner{}
#container #homepage #slider dl.slidedeck .active{}