@charset "UTF-8";

/* Layout (global rules for all sizes) */

header a.logo { display: block; position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }
nav {
	width: 100%;
	display: block;
}

#sidebar {
	position:absolute;
   right:0;
   top: 30px;
   padding:0;
   margin: 0px 5px 0px 0px;
   margin-top:330px;
   width:170px;
   clear:both;
}

.box { 
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 12px 0px 12px 0px;
border-radius:12px 0px 12px 0px; 
height: 140px; 
width: 150px; 
padding: 5px; 
background-color: #fafafa; 
border-top: 1px solid #333; 
border-right: 1px solid #333; 
border-bottom: 1px solid #333; 
border-left: 1px solid #333; 
}


@media screen and (max-width: 800px) {
  #sidebar { display: none; }   /* hide sidebar if screen < 800px */
  #box { display: none; }   /* hide sidebar if screen < 800px */

}

/* Layout Large Screens (default for older browsers) */

header { background: url(../images/banner_large.jpg) no-repeat right 0px; background-size: 980px 275px; }

article { padding: 10px 230px 10px 70px; }

.promo_container { padding: 0px 0px 15px 20px; }
.promo_container .promo { width: 33%; float: left; background-position: 0px 3px; }
.promo_container .promo .content { padding: 0px 30px 0px 70px; }

nav { top: 275px; overflow: hidden;}
nav a { margin: 12px 0px 10px 20px; }

nav2 {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:right;
    padding:5px;	      
}

@media screen and (max-width: 990px) {
	footer { padding-left: 20px; }
}

@media screen and (max-width: 823px) {
	footer { padding-left: 20px; }
}


#hero { height: 275px; position: relative; overflow: hidden; }
#hero .panel { width: 100%; height: 275px; position: absolute; overflow: hidden; }
#hero .panel img { position: absolute; top: 0px; right: 0px; }
#hero .panel .caption { position: absolute; top: 95px; left: 0px; width: 45%; background-color: rgba(45,50,79,.85); padding: 25px 20px 15px 35px; }

a.mobile_menu { display: none; }