/* ********************************************** LAYOUT ***************************************** */

html 
{
    width:100%;
    height:100%;
    border:solid 0px #ffff00; 
}

body 
{
    margin:0px auto;
    padding:0px;
    width:100%;
    height:100%;
    background-image:url('../../images/home.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
    overflow:scroll;
    border:solid 0px #f00fff;
   
}





/* ********************************************** HEADER ***************************************** */
.header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #282941;
    z-index: 999;
}

.headerSection 
{
    float:left;
    width:100%;
    height:50px;
    border:solid 0px #ff0000;
}


.headerLogo
{
    float:left;
    margin-top:10px;
    margin-left:10px;
    width:140px;
    height:30px;
    border:solid 0px #ff0000;
}

.headerMenu
{
    display:none;
}

.headerMenuItem
{
    display:none;
}







/* ********************************************** SLIDES ***************************************** */

.slideMain
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
	transition-property:top;
    transition-duration:0.8s;
    transition-timing-function:ease;  
    z-index:900;
    border:solid 0px #ffff00;
}



.slide 
{
    top:0px;
    left:0px;
    width:100%;
    border:solid 0px #ff0000;

}











/* ********************************************** NAVIGATOR ***************************************** */

.navigator
{
    position:absolute;
    right:10px;
    width:10px;
    height:150px;
    border:solid 0px #ff0000;
    z-index:990;
    display:none;
}


.navigatorElement
{
    float:left;
    margin-top:15px;
    width:10px;
    height:10px;
    background-color:#545454;
    border-radius:100%;
}

.navigatorElement:hover
{
    background-color:#ff9900;
}

.navigatorElementActive
{
    background-color:#ff9900;
}