/* Main Colors */

h1, h2, h3, h4, h5, h6 {color: #7BB223;}
a, a:visited {color: #7BB223;}  
a:hover { color:#24295A; }  
.breadcrumbDelimiter:before,
.breadcrumbDelimiter:after {background: #7BB223;}
.button{background-color: #7BB223;}
.button:hover{background-color: #24295A;}
.sm-clean a.current{color: #7BB223;}

.PortfolioGridItem a
{
    color: #7BB223;
}

@media (min-width: 850px) {
.sm-clean a.current {color: #fff;}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {color: #fff;}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {color: #fff;}
#navigationMain{background-color: #7BB223;}
.sm-clean > li > a{border-top: 2px solid #7BB223;}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {color: #7BB223;}
.sm-clean ul a.current {color: #7BB223;}
.sm-clean span.scroll-down:hover span.scroll-down-arrow {border-color: #7BB223 transparent transparent transparent;}
}

/*End Main Colors*/



#header
{
    overflow: hidden;
}

#navigationLogo
{
    left: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    z-index: 99;
    width: 449px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.3);
}

#siteLogo > a
{
    background: url('../../layout/images/logo.png') 0 0 no-repeat;
    height: 80px;  
    width: 449px;
	display:block;
text-indent:-9000px;
}

@media screen and (max-width: 850px)
{
    #container {
        margin-top: 0;
    }

    #navigationLogo
    {
        background: none;
        position: relative;
        top: 10px;
        padding: 0;
        width: 305px;
        margin-bottom: 20px;
    }

    #siteLogo > a
    {
        background-size: 100%;
        height: 55px;
        margin-top: 0;
        width: 300px;
    }

    
}

@media screen and (max-width: 600px)
{
    #navigationLogo
    {
        width: 205px;
    }

    #siteLogo > a
    {
        width: 200px;
        height: 40px;
    }
}