/* CSS Document */

html {
	background: url(../assets/img/bg-TRAIN-1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {	
	margin:0px;
	padding:0px;
	text-align: center;
	}

h1{
	font-family: 'double-pica', serif;
	font-size:72px;
	color:#f26122;
	font-weight:normal;
	letter-spacing: .005em;
	line-height:1em;
	margin: 5% 0 0 3%;
}

h2{
	font-family: 'adobe-garamond-pro', serif;
	font-size:24px;
	color:#ccc;
	font-weight:normal;
	font-style: italic;
	letter-spacing: .01em;
	line-height:1.5em;
}

h3{
	font-family: 'adobe-garamond-pro', serif;
	font-size:18px;
	color:#ccc;
	font-weight:normal;
	letter-spacing: .01em;
	line-height:1.5em;
}

h4{
	font-family: georgia, serif;
	font-size:18px;
	color:#f26122;
	font-weight:normal;
	font-variant: small-caps;
	letter-spacing: .25em;
	line-height:1em;
}


p {
	font-family: georgia, serif;
	color:#ccc;
	font-size:14px;
	line-height:1.5em;
}

p a{
color:#999;
font-size:14px;
text-decoration:none;
}

p a:hover{
color:#eee;
font-size:14px;
text-decoration:underline;
}

a {
color:#9EACB2;
text-decoration:none;}

a:hover {
color:#fff;
text-decoration:underline;
}


img {
max-width: 100%; 
}

ul {
font-size:14px;
color:#333;
text-align: center;}

ul a {
color:#333;
text-decoration:none;
}

ul a:hover {
color:#707070;
text-decoration:underline;
}

li {
line-height:24px;
list-style-type: none; 
margin-left:10px;
}

hr {
border-top: none;
border-bottom: dashed #333 1px;	
	
}

.faq {
border-top: none;
border-bottom: dashed #999 1px;	
	
}


#header{
width:100%;
margin:0px;
padding:0px;
}

#title{
text-align: center;
margin:1% 10% 3% 10%;
padding:0;
}

#content{
width:100%;
height:100%;
text-align: center;
margin:5% 25px;
padding:0;
}



#footer{
height:100%;
color:#ccc;
font-size:10px;
text-align: center;
margin:1% 10% 3% 10%;
padding:0 0 0 25px;
}


#footer a{
color:#707070;
text-decoration:none;
}

#footer a:hover {
color:#ccc;
text-decoration:underline;
}

.hova:hover {
opacity:0.7;
filter:alpha(opacity=70);
}


/* MASONRY */


.item {
  width: 450px;
  margin: 10px;
  float: left;
}

/* DICKIN AROUND WITH NAVIGATION */

#uberbar	{ 
    border-bottom: none;	
	background: none; 
	padding:10px 20px;  
	position:fixed; 
	top:0; 
	left:0; 
	z-index:2000; 
	width:100%;
}

/* DICKIN AROUND WITH RESPONSIVE DESIGN */

    /* Prevent the slideshow from flashing on load */
    #slides {
      display: none;
    }

    #slides a {
	 font-style: italic;
	 font-size: 14px;
	 letter-spacing: .125em;
	 line-height: 2em;
    }

    #slides .slidesjs-navigation {
      margin-bottom:5px;
    }

    #slides .slidesjs-previous {
      margin-right: 20px;
    }

    #slides .slidesjs-next {
      margin-right: 20px;
    }


    
        /* Center the slideshow */
    .container {
      margin: 0 auto;
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }
    
    
    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }

      .container {
        width: auto;
      }

      h1,h2,h3,p {max-width: 550px;
      }

    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto;
      }

      h1,h2,h3,p {max-width: 450px;
      }
      
      h1 {font-size: 48px;}
      
      html {
		background: url(../assets/img/bg-TRAIN-1.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}
		
      
	  #uberbar { 
	    border-bottom: none;	
		background: #444; 
		padding:0 0 0 0; 
		position: fixed; 
		top:330px; 
		left:0; 
		text-align: center;
		z-index:2000; 
		width:cover;
		height: 84px;
		}
	
	

    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px;
      }
       
      h1,h2,h3,p {max-width: 650px;
      }
      
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px;
      }
       
      h1,h2,h3,p {max-width: 750px;
      }
    }


/* DICKIN AROUND WITH BACKGROUNDS */

#storytelling {
	font-size:36px;
	color:#f26122;
	font-weight:normal;
	font-style: italic;
	letter-spacing: .005em;
	line-height:1em;
}

.rotator {
	height: 800px;
	width: 100%;
	background-color: #4a4643;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}

.div,rotator {
	width: 50px;
	height: 2px;
	background: #ebe6dd;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}