.static, .staticimagecount, .index  {
	z-index: -999;
	}		
.static {
	background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.span5 {
  width: 200px;
}

.row {
  margin-left: 0px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}




/* ==========================================================================
   0. Main
   ========================================================================== */



html,
input,
select,
textarea {
    color: #FFF;
}

html,
body{
    min-height:100%;
    min-width: 99%;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Lato', sans-serif;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    body {
        font-size: .875em;
    }
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #ff9409;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #ff9409;
    color: #FFF;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

images {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* 
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Primary Styles
   ========================================================================== */

/* 11.3.1 DEFAULT
    ----------------------------------------------------- */
.container {
   width: 680px;
   margin: 0 auto;
   text-align: center;
   overflow: hidden;
   color: #000;
}

h1.headline,
h2.headline {
    font-size: 1.7em;
}
h1.headline {
    font-size: 2.2em;
    font-weight: 800;
    
}
h2.headline {
    font-weight: 300;
}
h2.headline,
p {
}
p {
    font: 300 16px/24px 'Lato', sans-serif;
    margin: 20px 0 40px;
}

p.center {
    font: 300 16px/24px 'Lato', sans-serif;
    margin: 0px 0 20px;
}


/* 11.3.1 HEADER
    ----------------------------------------------------- */

header[role="banner"] {}

    /* 11.3.1 LOGO
    ----------------------------------------------------- */
    .logo,
    .logo a,
    .logo images{
        display:block;
        width:200px; /* Width of your logo in pixels  */
        height:80px; /* Height of your logo in pixels */
    }
    .logo{
        margin: 60px auto;
    }
        .logo:hover{
            /* Hover states */
            background-position:0 -00px;
        }
    .logo images{
        position:absolute;
        left:-99999px;
    }