﻿
/* START Supersized Background
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; max-width: none;}
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
/*END Supersized Background*/

/* Slider 
.bxsliderHTMLContainer
{
    position: absolute;	
    top: 50px;
    left: 50px;
	max-width: 700px;
}

.bxsliderHTMLContent
{
      background-color: rgba(255, 255, 255, 0.8);
      padding: 20px;
      font-size: 35px;
      color: #007acc;
      font-family: 'Vollokorn';
      font-style: italic;
      font-weight: bold;
      line-height: 35px;
}

@media screen and (max-width: 850px) {
    
    .bxsliderHTMLContainer
    {
        position: absolute;	
        top: 20px;
        left: 10px;
        right: 10px;
	    max-width: inherit;
    }
    
    .bxsliderHTMLContent
    {
          padding: 10px;
          font-size: 20px;
          line-height: 20px;
    }
}

@media screen and (max-width: 400px) {
    
    .bxsliderHTMLContent
    {
          padding: 5px;
          font-size: 16px;
          font-weight: normal;
          line-height: 16px;
    }
}

End Slider */


/**  Logo 

#header
{
    overflow: hidden;
}

#navigationLogo
{
    margin: 10px 0 10px 15px;
}

#siteLogo > a
{
    background: url('../../layout/images/logo.png') 0 0 no-repeat;
    height: 79px;  
    width: 243px;
	  display:block;
	  text-indent:-9000px;
}

End Logo **/

/* Colors 
h1, h2, h3, h4, h5, h6 {color: #3560A5;}
a, a:visited {color: #3560A5;}
.button{background-color: #3560A5;}

#main-menu {border-top: 3px solid #3560A5;}
.sm-clean a.current {color: #3560A5;}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {color: #555555;}

@media (min-width: 850px) {
    .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {color: #484949;}
    #navigationMain{background-color: #3560A5;}
    .sm-clean a.current {color: #3560A5;}
    .sm-clean a:hover {color: #3560A5;}
    #main-menu {border: none;}
}

End Colors*/