/*
 colors:
   orange: #f79727
   green: #afbc21
   light green: #afbc21
 
 */

/*@font-face {
font-family: Frutiger;
src: url("../fonts/FrutigerLTStd-LightCn.otf") format("opentype");
}

@font-face {
font-family: FrutigerBold;
font-weight: bold;
src: url("../fonts/FrutigerLTStd-BoldCn.otf") format("opentype");
}*/



p {
   font-family: latolight;
}

h1{
   font-family: latolight;
   font-size: 15px;
}
   
h2{
   font-family: latolight;
   font-size: 14px;
   margin-bottom: 30px;
   margin-top: 5px;
}

.pagination{
   clear: both;
   margin: auto;
}

.pagination ul
{
   list-style: none;
   margin: 0 auto;
   padding: 20px;
   text-align: center;
}

.pagination ul li {
   display: inline-block;
   margin-right: 5px;
}

.pagination ul li a{
   display: block;
   width: 13px;
   height: 13px;
   text-indent:-99999px; 
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border: 1px solid #bdc750;
}

.pagination ul li a:hover{
   border: 1px solid #afbc21;
   background-color: #afbc21;
}

.pagination ul li.current a {
   background-color: #f79727;
   border: 1px solid #f79727;   
}

body {font-family: latolight;}


#container {
   max-width: 960px;
   margin: auto;
   overflow: hidden;
}

header {display: none;}
            

#sideBar{
   width: 32%;
   float: left;

}

/* Navigation Bar */

#sideBar #nav {
   margin-top: 47px;
   
 }

#sideBar #nav ul{
    list-style: none;
}

#sideBar #nav li {
    margin-bottom: 20px;
    overflow: inherit;
}

#sideBar #nav li a {
      display: block;
      font-family: latoregular;
      font-size: 15px;
      color: rgba(176,188,34,.75);
      line-height: 65px;
      height: 65px; 
      background-position: left top;
      text-decoration: none;
      text-transform: uppercase;
      text-indent: 80px;
      font-weight: 500;
      letter-spacing: 1px;
}


#sideBar #nav li#nav_contact a{
   line-height:normal;
   height: 50px;
   text-indent: 0px;
   padding: 15px 0px 0px 80px;
}


#sideBar #nav li a:hover {
	background-position: left center;
        color: #afbc21;
	
}

#sideBar #nav li.selected a {
   font-family: latobold;
   background-position: left bottom;
   color: #f79727;
   font-size: 15px;
   font-weight: bold;
}



#sideBar #nav li#nav_contact.selected a{
   padding-top: 15px;
}

li#nav_who a {
   background-image: url("../images/navWho_a.png");
   background-repeat: no-repeat;
}

li#nav_ad a {
   background-image: url("../images/navAD_a.png");
   background-repeat: no-repeat;
}

li#nav_cat a {
   background-image: url("../images/navCat_a.png");
   background-repeat: no-repeat;
}

li#nav_mail a {
   background-image: url("../images/navMail_a.png");
   background-repeat: no-repeat;
}

li#nav_sign a {
   background-image: url("../images/navSign_a.png");
   background-repeat: no-repeat;
}

li#nav_fun a {
   background-image: url("../images/navFun_a.png");
   background-repeat: no-repeat;
}

li#nav_contact a {
   background-image: url("../images/navCon_a.png");
   background-repeat: no-repeat;

}


#main {
   float: right;
   width: 68%;
   overflow: hidden;
   
}

#main #logoContainer {
    width: 100%;
    height: 100%;
    background-color: #f79727;
    padding-top: 91px;
}

#main #logoContainer img {
   display: block;
   width: 80%;
   margin: auto;
   padding-bottom: 150px;
}

#main #primaryContent{
   width: 66.66%;
   margin-top: 66px;
   float: left;
   overflow: auto;
}

#main #primaryContent p{
   font-family: latolight;
   font-size: 14px;
   line-height: 17px;
   padding:  0 60px  0 0px;
}

#main #primaryContent h4{
   font-family: latoregular;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: .5px;
   padding-left: 0px;
}

#main #primaryContent ul{
   list-style-type: circle;
   margin-left: 21px;
   
}

#main #primaryContent li{
   list-style-type: disc;
   list-style-position: outside;
   font-family: latolight;
   font-size: 14px;
   line-height: 20px;
 }

#main #primaryContent .highlight{
   font-family: latoregular;
   letter-spacing: .5px;
   
}


#main #secondaryContent {
   width: 33.33%;
   float: left;
   margin-top: 46px;
   overflow: hidden;
}

#main #secondaryContent img{
   display: block;
   margin: 20px auto 20px auto;
}

#main #secondaryContent blockquote {
   color: rgb(102,102,102);
   padding: 0 0px 0 0px;
}

#main #secondaryContent blockquote p {
   font-family: latolight;
   font-size: 13px;
   line-height: 15px;
   letter-spacing: normal;
}

#main #secondaryContent blockquote p b{
   font-family: latoregular;
   font-size: 11px;
   line-height: 15px;
   letter-spacing: .5px;
} 

#main #secondaryContent blockquote footer span{
   font-family: latolight;
   font-size: 13px;
   line-height: 11px;
   padding-left: 10px;
}

#address,
#clients{
   margin-top: 114px;
   margin-left: 0px;
   
}

#address p, a{
   font-family: latoblack;
   font-size: 14px;
   line-height: 22px;
   color: #f79727;
   text-transform: uppercase;
}

#address p a {text-decoration: none;}

#address p a:hover {text-decoration: underline;}

#clients{
   margin: 66px 0 20px 0;
}

#clients ul{
   float: left;
   margin-right: 50px;
   list-style: none;
}

#clients ul li{
   font-family: latolight;
   font-size: 14px;
   line-height: 23px;
   color: #666;
}

#main #gallery{
   margin-top: 66px;
   margin-bottom: 30px;
   padding-left: 0px;
}

.item{
   position: relative;
   display: inline-block;
   text-align: right;
}
 

#gallery a {
   text-decoration:none;
}

#gallery .item a { 
   overflow: hidden;
}

#gallery .item a img {
   height: 100%;
}

#gallery .item img {
   height: 100%;
   width: 100%;
}


.overlay {
   font-size: 10px;
   color: #555;
   line-height: 10px;
   font-family: latolight;
}

#gallery .item:hover .overlay {
    color: orange;
}

.lightbox {
   /** Hide the lightbox */
   display: none;
   background: rgba(0,0,0,0.8);
   /** Apply basic lightbox styling*/
   position: absolute; 
   z-index: 9999;
   min-width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   color:#333333;
}

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
    
}

.lightbox .box {
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
   margin: 2% auto;
   padding:10px 20px 0px 20px;
   background-color:#FFF;
   box-shadow: 0px 1px 26px -3px #333;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
        
}

.lightbox .title {
      display: block;
      padding:5px 0 5px 0px;
      font-family: latolight;
      font-size: 18px;
}
        
.lightbox  .box .series{
      font-family: latoregular;
      font-size: 10px;
      text-align: left;
      text-transform: uppercase;
      color: rgb(125,125,125);
       padding-bottom: 10px;
      
      
}

.lightbox  .box .seriesNoH {
      font-family: latoregular;
      font-size: 10px;
      text-align: left;
      text-transform: uppercase;
      color: rgb(125,125,125);
      padding: 10px 0 12px 0;
      
}

.lightbox  .box .series span,
.lightbox  .box .seriesNoH span{
   color: #f79727;
}

.lightbox .content {
   display:block;
   position: inherit;
}

.lightbox .content img{
   
   border: 1px solid #999;
}

.lightbox .close {
   position: relative;
   float:right;
   margin-top: 4px;
   display:block;
   text-decoration:none;
   font-family:latoblack;
   font-size:1.0em;
   color: #afbc21;;
   padding: 0px;
   z-index: 999;
}

a.close:hover{
   color: #f79727;
}

.clear {
   display:block;
   clear:both;
}

#footer{
   width: 100%;
   margin: auto;
   overflow: hidden;
   border-top: 1px solid black;
}

#footer ul {
   float: right;
}


#footer ul li,
#footer ul li a{
   display: inline-block;
   padding: 1px 0px 1px 4px;
   font-family: latobold;
   font-size: 8px;
   letter-spacing: 1.5px;
   color: black;
   text-decoration: none;
   margin-right: 3px;
   line-height: 8px;
}

#footer ul li a:hover{
   color: #f79727;
}

#footer ul li#Co{
   text-indent: -9999px;
   background-image: url(../images/footerLogo.jpg) ;
   background-repeat: no-repeat;
   background-position: 0 1px;
   width: 117px;
   padding: 4px 8px 5px 0;
}

#footer ul li#email{
   border-left: 1px solid black;
   border-right: 1px solid black;
   padding: 0 10px;
  
   
}

@-moz-document url-prefix() {
    #footer ul li#Co{
      background-position: 0 2px;
    }
}

@media screen and (max-width:960px) {
    
   #nav {
      padding-left: 10px;;
   }
    
   #gallery .item  {
      padding-right: 20px;
   }
    
    #footer ul{
        margin-right: 10px;
    }
}