@font-face {font-family: 'palan';src:url(../fonts/palatino.ttf) format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'treb';src:url(../fonts/trebuchet.ttf) format('truetype');font-weight: normal;font-style: normal;}
/* 
    Document   : style
    Created on : Jul 16, 2013, 2:10:53 AM
    Author     : Ryan Stimmler
    Description:
        Roy Groething Stylesheet and Adapter
*/
html {
    background:#dbdbdb;
}
body{
    background:transparent;
}
.top-bar{
    margin-bottom:0;
}
noscript {
    padding:0.5%;
    display:block;
    text-align: center;
    background:#FF0000;
    color:#000;
}
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}

.top-bar .toggle-topbar.menu-icon{
    z-index: 1000;
    margin-top:7px;
}

.hide-for-med{
    display:none;
}
.content h1{
    margin-top:35px;
    font-family:'palan';
}
.content p{
    /* font-family:'palan'; */
    font-style: normal;
}
.content > .row, .footer-content > .row {
    margin:0 !important;
}

#content-container h4{
    color:#676767;
    font-size:1.3em;
    padding:10px;
    font-family: 'treb';
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-left:3%;
}

#process-two-block p{
	font-size:0.7em;
    color:#ffffff; 
	background:#000000;
	padding: 20px;
	letter-spacing: 2px;
}

.footer-content {
    background:#000000;
    height:auto;
    width:100%;
}
.footer-content li{
    display:inline;
}
#photogallery li {
    padding-left:5%;
    padding-right:5%;
}
#photogallery li:nth-child(2n+2) {
    padding-left: 2%;
}
#photogallery li:nth-child(2n+1) {
    padding-right:2%;
}

#photogallery li div{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 20%, #d4d4d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 20%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 20%,#d4d4d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 20%,#d4d4d4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 20%,#d4d4d4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px black;
    padding: 10px;
    cursor: pointer;
}

#process-content-container #photogallery li div{

    margin-bottom: 20px;
    box-shadow: none;
    padding: 10px;
    cursor: pointer;
}

#photogallery li img{
    width:100%;
}

#photogallery li div:hover{
    box-shadow: 0px 0px 10px rgb(255, 153, 0);
}
.blue-active{
    background:#1b86be;
}
.header-spacer{
    background: #373533;
    height:10px;
    overflow: hidden;}
.header-spacer li:not(.flickr) {


}
.header-divider{
    border-top: 1px solid #bbbab9;
    border-bottom: 1px solid #ffffff;
}
.content{
    background:#dbdbdb;
    padding-bottom:40px;
}
.content h1{

    font-size:1.8em;
}
.content p{
    letter-spacing: 7px;
    font-size:1.4em;
    color:#5b5859;
}
.content hr {
    margin-top:0px;
    margin-bottom:15px;
    border-bottom:1px solid #767475;
}

#content-container {

    background:#e9e9e9;
    border:1px solid #d2d2d2;
    padding:13px;
}

#content-inner-container {

    background:#f2f2f2;
    outline:1px solid #d5d5d5;
    border:1px solid #ffffff;
}

#content-container h3{
    padding:13px;
    color:#1b86be;
}

#content-container ul{
    border:none;
}

.footer-seperator{
    width:100%;
    height:10px;
    background:#1d1d1d;
    border-bottom:1px solid #3e3e3e;
}

.footer-content {
    background:#000000;
    height:auto;
    width:100%;
}
.footer-content a{
    padding:0;
    margin:0;
    font-size:0.8em;
    color:#1b86be;
}

.footer-content li.footer-divider{
    font-size:0.8em;
    color:#ffffff;
}
.footer-content p{
    font-size:0.8em;
    color:#ffffff; 
}
.footer-content ul{
    margin-top:5px;
}

#toTop {
    cursor: pointer;
    font-size:2.0em !important;
    text-align: center;
    opacity:0.4;
    border-radius: 100px;
    width:50px;
    height:50px;
    padding:8px 0;
    background: #000;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}
#content-inner-container{
    overflow:hidden;
}
li.flickr{
    width:50%;
}


#services p{
    letter-spacing: normal;
    font-size: 0.9em;
    font-family:helvetica;
    color:#5b5859; 
}
#contact p{
    letter-spacing: normal;
    font-size: 1.1em;
    font-family:helvetica;
    color:#5b5859; 
    display:inline-block;
    text-align: left !important;
}
.process-two {
    position:absolute;
    left:2%;
    top:10px;
    background:url(../images/icons/process_logo.png);
    background-size:contain;
    background-repeat: no-repeat;
}
.process-two img{
    width:70%;
    visibility: hidden;
}

#process-two-content-container li{
    padding:10px;
    background:transparent;
    height:100%;

}
#process-two-content-container li img{
    box-shadow: 0px 0px 5px black;

}
#process-two-content-container ul{
    background:rgba(0, 0, 0, 0.5);

}
#process-two-content-container {

    padding-top:120px;

}

#home-links li:nth-of-type(2n+2) img{
    float:left;
}
#home-links li:nth-of-type(2n+1) img{
    float:right;
}
#home-links{
    padding:10px;
}
@media only screen and (min-width: 48em) {

    #container {
        max-width: 100%;}


    .footer-content {
        background:#000000;
        height:150px;
        width:100%;
    }

    .content h1{
        letter-spacing: 15px;
        font-size:1.8em;
    }
    #photogallery li {
        padding:1%;
    }
    #photogallery li:nth-child(2n+2) {
        padding-left: 1%;
    }
    #photogallery li:nth-child(2n+1) {
        padding-right:1%;
    }
    #process-two-content-container {

        padding-top:50px;

    }
    
    
}

@media only screen and (min-width: 58.75em) {
    .top-bar-section li a:not(.button){
        background:transparent !important;
        color:#8f8b89;
        font-size:0.77em;
        line-height: 35px;
        padding-left:10px;
        padding-right:10px;
    }
    .top-bar-section li a.active{
        color:#000000 !important;
    }
    .top-bar-section li.active{

        background:url(../images/link_hover.png);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .top-bar-section li a:hover{
        color:#000000 !important;
    }
    .top-bar-section li{
        height:36px;
    }

    .top-bar-section li:hover{
        background:url(../images/link_hover.png);
        background-position: center bottom;
        background-repeat: no-repeat;

    }
    .top-bar-section li.flickr{
        max-width: none;
        width:210px;
        padding:0;

    }
    .top-bar-section li.flickr a{
        color:#1b86be;
        font-family: Helvetica;
        font-size: 0.6em;

    }
    .top-bar-section li.flickr img{
        width: 15%;

    }
    .top-bar-section li.flickr:hover, .top-bar-section li.flickr a:hover{
        color:#1b86be !important;
        background:transparent;
        text-decoration: underline;
    }
    .top-bar-section{
    }
    .top-bar-section > ul{
        position:relative;
        background:transparent !important;
        display:block;
        float:left !important;


    }
    .hide-for-med{
        display:block;
    }
    .header-spacer .top-bar{
        background:transparent;
    }

    .top-bar{
        background: rgb(201,201,201); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(201,201,201,1) 34%, rgba(246,246,246,1) 51%, rgba(201,201,201,1) 70%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(34%,rgba(201,201,201,1)), color-stop(51%,rgba(246,246,246,1)), color-stop(70%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(201,201,201,1) 34%,rgba(246,246,246,1) 51%,rgba(201,201,201,1) 70%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(201,201,201,1) 34%,rgba(246,246,246,1) 51%,rgba(201,201,201,1) 70%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(201,201,201,1) 34%,rgba(246,246,246,1) 51%,rgba(201,201,201,1) 70%); /* IE10+ */
        background: linear-gradient(to right,  rgba(201,201,201,1) 34%,rgba(246,246,246,1) 51%,rgba(201,201,201,1) 70%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 */
        height:36px;
        margin-bottom:0;
    }

    

}
@media only screen and (min-width: 1000px){
    #content-container{
        width:895px !important;
    }
}

@media only screen and (min-width: 1440px) {
    .top-bar-section > ul{
        padding-left:30%;
    }
    
}