/* GLOBAL */

html,body{height:100%;}

body{font-family: 'Cuprum',Georgia,"Times New Roman",Times,Serif;}

p{
margin:5px 0;
line-height:25px;
}

a{
text-decoration:none;
color:inherit;
transition: color .5s ease;
}

strong{font-weight:bold;}

hr{
background-color: #D6D0C1;
border:0;
height:1px;
margin:20px 0;
}

.blue{color:#006bb4;}

.logo{width:320px;}

/**************************site containers*****************************/

#site-container{
width:100%;
min-height:100%;
position:relative;
}

#header-container{
width:100%;
height:57px;
min-height:87px;
margin:0;
padding:0;
}

#main-container{
width:100%;
margin:0;
padding:0;
padding-bottom:110px;
}

#footer-container{
width:100%;
/*height:110px;*/
position:absolute;
bottom:0;
left:0;
}

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

#header-strip{
width:100%;
background-color:#515151;
height:57px;	
}

#temp{
width:100%;
background-image:url('../img/footer-bg.png');
background-repeat:repeat-x;
height:30px;
}

#temp-inner{
color:#ffffff;
text-align:center;
padding-top:7px;
}


header{
position:relative;
width:auto;
max-width:960px;
margin: 0 auto 0px auto;
background-color:#515151;
padding-top:0px;
height:57px;
}

header h1{
margin:35px 0 0 0;
font-size:55px;
color:#006bb4;
font-family: 'Baumans', cursive;
}

nav{
position:absolute;
left:0;
bottom:15px;
}

nav ul{list-style:none;}

nav ul li
{
display:block;
float:left;
padding:3px 15px;
}

nav ul li a
{
color:#ABABAB;
text-transform:uppercase;
transition: all .25s ease;
}

nav ul li a:hover{color:#ffffff;}

#mobileMenu{
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
}

#mobileMenu ul li{
display:block;
background-color: #515151;
color: #fff;
padding: 12px 0;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
}

.toggleMobile{display: none;}


/******************************Main Area***********************************/

#home-content-main{
width:95%;
margin:0 auto;
position:relative;
min-height:580px;
}

#home-content-main-temp{
width:960px;
margin:0 auto;
}

#home-logo-container{
max-width:960px;
margin:0 auto;
position:relative;
min-height:182px;
	
}

#home-logo{
position:absolute;
top:25px;
left:0;
min-height:182px
}

#quote1{
position:absolute;
right:10%;
top:35%
}

#quote2{
position:absolute;
left:27%;
top:85%
}

#quote3{
position:absolute;
right:30%;
top:60%
}

/*************************** FOOTER ************************************/

footer{
position:absolute;
bottom:0;
left:0;
clear:both;
width:100%;
min-width:960px;
min-height:110px;
background-image:url('../img/footer-bg.png');
background-repeat:repeat-x;
}

footer h2.footer-text{
font-size:30px;
color:#ffffff;
}

footer .wrapper{
line-height:25px;
margin: 0 auto;
padding-top:20px;
max-width:960px;
font-size:14px;
}

footer .wrapper .copy-left{
width:90%;
float:left;
}


footer .wrapper .copy-right{
width:10%;
float:left;
}

.column a:hover{color:#fff;}

#copyright{
background: #1D1D1D;
min-height:45px;
position:absolute;
bottom:0;
left:0;
width:100%;
}

#copyright .wrapper{
padding-top:10px;
color: #5e5e5e;
font-size:14px;
position:relative;
}

#copyright .wrapper a{color:#ababab;}

#copyright .wrapper a:hover{color:#fff;}

/********************************social media****************************/

.social{margin-right:5px;}

.socialbutton {
display: block;
width: 32px;
height: 32px;
background: url('../img/fb.png') bottom;
display:inline-block;
text-indent: -99999px;
}

.socialbutton2 {
display: block;
width: 32px;
height: 32px;
background: url('../img/twit.png') bottom;
display:inline-block;
text-indent: -99999px;
}

.socialbutton:hover, .socialbutton2:hover {background-position: 0 0;}

/*************************** MISC *******************************************/

.clear{clear:both;}

.hidden{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);
}

.quotes {display: none;}

.quotes-style{
	font-size:56px;
	color:#ffffff;
	font-weight:bold;
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-height: 768px)
{

	#home-content-main{
	min-height:450px;
	}

   
}




@media (max-width: 1215px)
{
	footer h2.footer-text{
		font-size:30px;
		text-align:center;
		}
		
		footer .wrapper	{
		padding-top:20px;
		line-height:20px;
		text-align:center;
		}
					
					
        header{
        width:auto;
        text-align: center;
        }
        
		#home-content-main{
		height:auto;
		width:auto;
		}
		
		
		
		#home-logo-container{
		width:auto;
		}
		
				
		footer{
		min-width:200px;
		width:100%;
		} 
        
        footer .wrapper{
        width:auto;
        text-align:left;
        }
        
       

   
}

@media (max-width: 915px)
{
      	footer h2.footer-text{
		font-size:22px;
		text-align:center;
		}
		
		footer .wrapper	{
		padding-top:10px;
		line-height:20px;
		text-align:center;
		}
					
		#copyright .wrapper{
		font-size:10px;
		}
		
        header{
        width:auto;
        text-align: center;
        }
        
		#home-content-main{
		height:auto;
		width:auto;
		}
		
		#quote1, #quote2, #quote3{
		display:none;
		}
		
		#home-logo-container{
		width:auto;
		}
		
		#home-logo{
		position:relative;
		clear:both;
		text-align:center;
		}
				
		footer{
		min-width:200px;
		width:100%;
		}  
        
        footer .wrapper{
        width:auto;
        }
        
        footer .wrapper .copy-left{
        text-align:center;
		float:none;
		width:100%;
		}
		
		footer .wrapper .copy-right{
		text-align:center;
		float:none;
		width:100%;
		}
  

        

}

@media (max-width: 765px)
{

		
		footer h2.footer-text{
		font-size:22px;
		text-align:center;
		}
		
		footer .wrapper	{
		padding-top:10px;
		line-height:20px;
		text-align:center;
		}
					
		#copyright .wrapper{
		font-size:10px;
		}
		
        header{
        width:auto;
        text-align: center;
        }
        
		#home-content-main{
		height:auto;
		width:auto;
		}
		
		#quote1, #quote2, #quote3{
		display:none;
		}
		
		#home-logo-container{
		width:auto;
		}
		
		#home-logo{
		position:relative;
		clear:both;
		text-align:center;
		}
				
		footer{
		min-width:200px;
		width:100%;
		}  
        
        footer .wrapper{
        width:auto;
        }
        
        footer .wrapper .copy-left{
        text-align:center;
		float:none;
		width:100%;
		}
		
		footer .wrapper .copy-right{
		text-align:center;
		float:none;
		width:100%;
		}






		#mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #ffffff;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
        
        #quote1, #quote2, #quote3{
		display:none;
		
	
		}

        

		
}

@media (max-width: 500px)
{
	
		.logo{
		width:250px;
		}
		
		footer h2.footer-text{
		font-size:14px;
		text-align:center;
		}
		
		footer .wrapper	{
		padding-top:10px;
		line-height:20px;
		text-align:center;
		}
					
		#copyright .wrapper{
		font-size:10px;
		}
		
        header{
        width:auto;
        text-align: center;
        }
        
		#home-content-main{
		height:auto;
		width:auto;
		}
		
		#quote1, #quote2, #quote3{
		display:none;
		}
		
		#home-logo-container{
		width:auto;
		}
		
		#home-logo{
		position:relative;
		clear:both;
		text-align:center;
		}
				
		footer{
		min-width:200px;
		width:100%;
		}  
        
        footer .wrapper{
        width:auto;
        }
        
        footer .wrapper .copy-left{
        text-align:center;
		float:none;
		width:100%;
		}
		
		footer .wrapper .copy-right{
		text-align:center;
		float:none;
		width:100%;
		}
       
        #mobileMenu{
        display: block;
        z-index: 99;
        }
        
        .toggleMobile{
         position: fixed;
         top: 10px;
         left: 10px;
         display: block;
         width: 40px;
         height: 36px;
         cursor: pointer;
         z-index: 999;
        }
        
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #ffffff;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
       
}