/* Credit: Julia Florenz 2013 -- NEWMAN ARCHITECTS 

Inspiration from:

http://www.responsivegridsystem.com/ */







body{

	margin:0 auto;

    background: #000;

}



/* Navigation */



header {

    height: 50px;

    width: 100%;

    background: rgba(0,0,0,1);

    font-size: 70%;

    position: fixed;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

    top: 0;

    left:0;

    z-index: 1;

    z-index: 10000;

    font-family: 'Oswald', sans-serif;



    

}

header ul {

    padding: 0;

    margin: 0;

    height: 50px;

    left:450px;

    position: relative;

}



header img {

    display: block;

    position: absolute;

    left:45px;

    width: 350px;

    top:10px;

    padding: 5px;



}

header li {

    display: inline;

    float: left;

    width: 10%;

    height: 50px;

}



header li:first-child+li+li {

    

}

header a {

    color: #fff;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    width: 100%;

    padding-top: 15px;

    height:70%;
  font-size: 130%;


}



header a:hover {
    color: #FF4000;
    background-color: #0066cc;
    padding-bottom: 35px;
}



header a#pull {

    display: none;

}   



@media screen and (max-width: 1070px) {

    header {

        height: auto;

        border-bottom: 0;

        height: 50px;

    }

    header ul {

        height:50px;

        display: none;

        height: auto;

        left:450px;

        position: relative;

        z-index: 2000;

   

    }    

    header li {

        width: 100%;

        float: left;

        position: relative;

        border-bottom: 1px solid #111;

        background: rgba(0,0,0,.8);

      }

     header a {

        position: relative;

        text-align: left;

        height:35px;

        text-indent: 25px;          

      }    



    header a:hover {



          text-align: left;

      }

         

    header a#pull {

        display: block;

        width: 50%;

        position: relative;

        left:450px;

    }

    header a#pull:after {

        content:"";

        width: 30px;

        height: 30px;

        color: #FFF;

        display: inline-block;

        position: absolute;

        right: 15px;

        top: 10px;

        z-index: 1000;

    }

}    



@media screen and (max-width: 550px) {

    header {

        height: auto;

        border-bottom: 0;

        height: 50px;

    }



    header img {

    display: block;

    position: absolute;

    left:30px;

    width: 250px;

    top:10px;

    padding: 5px;



}

    header ul {

        height:50px;

        display: none;

        height: auto;

        left:300px;

        position: relative;

   

    }    

    header li {

        width: 100%;

        float: left;

        position: relative;

        border-bottom: 1px solid #111;

        background: rgba(0,0,0,.8);

      }

     header a {

        position: relative;

        text-align: left;

        height:35px;

        text-indent: 25px;          

      }    



    header a:hover {



          text-align: left;

      }

         

    header a#pull {

        display: block;

        width: 50%;

        position: relative;

        left:300px;

    }

    header a#pull:after {

        content:"";

        width: 30px;

        height: 30px;

        color: #FFF;

        display: inline-block;

        position: absolute;

        right: 15px;

        top: 10px;

        z-index: 1000;

    }

}    



/*



    Supersized - Fullscreen Slideshow jQuery Plugin

    Version : 3.2.7

    Site    : www.buildinternet.com/project/supersized

    

    Author  : Sam Dunn

    Company : One Mighty Roar (www.onemightyroar.com)

    License : MIT License / GPL License

    

*/



* { margin:0; padding:0; }

body { background:#111; height:100%; }

    img { border:none; }

    

    #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(images/progress.gif) no-repeat center center;}

    

    #supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

        #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }

            #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/

            #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/

        

        #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }

        #supersized a { width:100%; height:100%; display:block; }

            #supersized li.prevslide { z-index:-20; }

            #supersized li.activeslide { z-index:-10; }

            #supersized li.image-loading { background:#111 url(images/progress.gif) no-repeat center center; width:100%; height:100%; }

                #supersized li.image-loading img{ visibility:hidden; }

            #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/*



    Supersized - Fullscreen Slideshow jQuery Plugin

    Version : 3.2.7

    Site    : www.buildinternet.com/project/supersized

    

    Theme   : Shutter 1.2

    Author  : Sam Dunn

    Company : One Mighty Roar (www.onemightyroar.com)

    License : MIT License / GPL License

    

*/



    /* Controls Bar

    ----------------------------*/

    #controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; position:fixed; }

        #controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }

            #slidecounter { float:left; color:#ccc; font:14px "Oswald", sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }

            #slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Oswald", sans-serif; letter-spacing: 1px; text-transform: uppercase;text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

            

                

                ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }

                    ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }

                        ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }

                        ul#slide-list li a{ display:block; width:12px; height:12px; }

                            ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

                

        

    #prevslide, #nextslide{ position:fixed; width:50px; bottom:50px; z-index: 50; bottom:0px; }

                    #prevslide{ right:100px; }

                    #prevslide p {font-family: sans-serif; font-size: 30px; color:white; text-align: right;}

                    #nextslide{ right:0; }

                    #nextslide p {font-family: sans-serif; font-size: 30px; color:white; text-align: left;}

                        #prevslide:active, #nextslide:active{ margin-top:-19px; }

                        #prevslide:hover, #nextslide:hover{ cursor:pointer; }

    

    

  



  .content {

    position:relative;

    top:50px;

    left:0;

    max-width: 100%;

    z-index: 2;

}



.sectiontitle {

    background: rgba(0,0,0,.8);

    max-width:410px;
width:410px;

    padding: 20px;

    left:0;

    top:50px;
	margin-top:-29px;
padding-top:30px;


}



.sectiontitle h1 {

    font-family: 'Oswald', sans-serif;

    font-size: 180%;
display:inline-block;

    letter-spacing: 2px;

    text-align: left;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    height: 100%;
  line-height: 160%;
}



.sectiontitle h2 {

    font-family: 'Oswald', sans-serif;

    font-size: 100%;

    letter-spacing: 2px;

    text-align: left;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    height: 100%;

}



.sectiontitle p{

    font-family:  'Open Sans', sans-serif;

    font-size: 90%;

    letter-spacing: 1px;

    text-align: left;

    line-height: 150%;

    color: #fff;

    cursor: pointer;

    text-transform: uppercase;

    padding: 10px;

}



.sectiontitle a{

    font-family:  'Open Sans', sans-serif;

    font-size: 70%;

    letter-spacing: 1px;

    text-align: left;

    line-height: 150%;

    color: #fff;

    cursor: pointer;

    text-transform: uppercase;

    padding: 10px;

    text-decoration: none;

}



.sectionwords{

    background: rgba(0,0,0,.7);

    max-width:410px;

    padding:20px;

    margin-top: 10px;

}



#end {

    margin-bottom: 200px;

}

.sectionwords p{

    font-family:  'Open Sans', sans-serif;

    font-size: 90%;

    letter-spacing: 1px;

    text-align: left;

    line-height: 150%;

    color: #fff;

}



.sectionwords a{

    font-family: 'Oswald', sans-serif;

    font-size: 90%;

    letter-spacing: 2px;

    font-weight: 200;

    color: #fff;
line-height: 250%;

    text-transform: uppercase;

    text-decoration: none;

}



.sectionwords a:hover{

    font-family: 'Oswald', sans-serif;

    font-size: 80%;

    letter-spacing: 2px;

    font-weight: 200;

    color: #000;

    text-transform: uppercase;

}



.sectionwords h1{

    font-family: 'Oswald', sans-serif;

    font-size: 140%;

    letter-spacing: 2px;

    font-weight: 200;

    color: #fff;

    text-transform: uppercase;

}



.sectionwords li {

    margin-left: 15px;

    color: rgba(255,255,255,.6);

}

.more {    

    display:none;

    }





    footer{





font-family: sans-serif;

text-align: center;

font-size: 60%;

color: white;

text-transform: uppercase;

padding: 7px 10px 15px 10px;

position: fixed;

bottom: 0;

left: 0;

letter-spacing: 2px;

width: 100%;



}