/* 
    Document   : style
    Created on : Jul 1, 2013, 1:29:13 PM
    Author     : Zach
    Description:
        Purpose of the stylesheet follows.
*/
@font-face{
    font-family: aspire;
    src: url('font/Aspire-DemiBold.ttf');
}
@font-face{
    font-family: corbert;
    src: url('font/Corbert-Regular.otf');
}
root { 
    display: block;
}

*{
    padding: 0px;
    margin: 0px;
}
a img{
    border: none;
}
html{ 
    background: url('images/main_bg.png') top left no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#main_wrapper{
    margin: 0px;
    width: 1600px;
    overflow: hidden;
}
#logo{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width:988px;
    height: 750px;
    background: url('images/logo.png') no-repeat top left;
    pointer-events: none;
}
#page_header{
    position: absolute;
    top: 233px;
    left: 830px;
    font-family: corbert, Tahoma;
    color: #000;
    font-size: 66px;
    text-shadow: 4px 2px 4px rgba(150, 150, 150, 1);
}
#page_sub_header{
    position: absolute;
    top: 310px;
    left: 679px;
    width: 480px;
    font-family: corbert, Tahoma;
    color: #000;
    font-size: 32px;
    text-shadow: 4px 2px 4px rgba(150, 150, 150, 1);
}
#content{
    position: absolute;
    left: 0px;
    top: 358px;
    z-index: -1;
}

#content_contents{
    color: #fff;
}

#footer{
    position: absolute;
    top: 910px;
}

#footer ul{
    list-style: none;
    padding: 5px;
}

#footer ul li{
    margin: 5px;
    float: left;
}


#footer ul li a{
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    vertical-align: top;

    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600;

    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

#footer ul li a span{
    display: block;
    position: relative;
    padding: 0 2px;
    color: #FFF;
    font-family: corbert, Tahoma;
    font-size: 22px;

    border-bottom: #FFF 1px dotted;

    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;

    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#footer ul li a:hover span{
    background: #365ebe;

    -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

#footer ul li a span:after{
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;

    color: #fff;
    background: #365ebe;

    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}

/*Slideshow Div Styles*/
#slideshow {
    margin: 0 0 0 0;
    position: relative;
    width: 1300px;
    height: 555px;
    padding: 0px;
    overflow: hidden;
}

/*List Styles*/
#slideshow ul {
    list-style: none;
}

#slideshow li {
    float: left;
    overflow: hidden;
    margin: 0px 0px 0px 0px;

}

#slideshow li .slideLink {
    color: #000;
    text-shadow: 4px 2px 4px rgba(150, 150, 150, 1);
    text-decoration: none;
    font-family: corbert, Tahoma;
    font-size: 22px;
    margin: 0px 10px 0px 10px;


    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#slideshow li .slideLink:hover {
    color: #365ebe;
    text-decoration: underline;
}

#slideshow li img {
    position: absolute;
    top: 30px;
    left: 0px;
    float: left;
    border: none;

    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
}

#slideshow li img:target {
    margin: 0 0 0 0px;

}

/*Shifts non-targeted images*/
#slideshow li img:not(:target) {
    margin: 0 0 0 -1300px;
}

/*Alternative Animation (from top)*/
/*#slideshow li img:not(:target) {
        margin: -500px 0 0 0;
}*/

/*Theme switcher*/
#theme{
    position: absolute;
    left: 5px;
    top: 5px;
}
#theme ul{
    list-style: none;
}
#theme ul li{
    float: left;
}
button{
    text-decoration: none;
    background: none;
    border: none;
    font-family: corbert, Tahoma;
    font-size: 18px;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
    cursor: pointer;
}
#blaze{
    color: #942c09;
    text-shadow: 2px 1px 2px rgba(250, 130, 5, 1);
}
#blaze:hover{
    color: #E6B800;
    text-shadow: 2px 1px 2px rgba(250, 130, 5, 1);
}
#default{
    color: #000;
    text-shadow: 2px 1px 2px rgba(0, 0, 5, .3);
}
#default:hover{
    color: #365ebe;
    text-shadow: 2px 1px 2px rgba(0, 0, 5, .3);
}
#rustic{
    color: #44220a;
    text-shadow: 2px 1px 2px rgba(94, 58, 33, 1);
}
#rustic:hover{
    color: #783d13;
    text-shadow: 2px 1px 2px rgba(94, 58, 33, 1);
}