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

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

body {
    float: left;
    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 #ffff00;
}

/* ********************************************** HEADER ***************************************** */



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

.headerSection 
{
    margin:0px auto;
    width:1000px;
    height:50px;
    border:solid 0px #ff0000;
}


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

.headerMenu
{
    float:right;
    margin-top:15px;
    margin-right:0px;
    width:auto;
    height:auto;
    border:solid 0px #ff0000;
    display:none;
}

.headerMenuItem
{
    float:left;
    margin-top:0px;
    margin-left:5px;
    width:120px;
    height:auto;
    text-align:center;
    border:solid 0px #ff0000;
}







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

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



.slide 
{
    float:left;
    top:0px;
    left:0px;
    width:100%

}











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

.navigator
{
    position:absolute;
    right:40px;
    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;
}