#hero {
   background-color: #e6e6e6;
   position: relative;
   padding-bottom: 30px; }
.slide { height: 300px; }	
	
.slide a { 
   position: relative;
   display: block; }
   
.slide figure { 
   background-position: center center;
   background-repeat: no-repeat; 
   background-size: cover !important;
      -webkit-background-size: cover !important;
   	-moz-background-size: cover !important;
		-o-background-size: cover !important;
   width: 100%;
   height: 230px; }   

#hero .text {
   padding: 10px; 
   font-family: 'nimbus-sans-condensed','Arial Narrow',arial,sans-serif;
   font-weight: 600;   
      font-size: 19px;
      color: #710000;
   clear: both;
	-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		-o-transition:   background .3s ease-in-out;
		-ms-transition:  background .3s ease-in-out;
		transition:      background .3s ease-in-out; } 
      
#hero a h1 {
   color: #505050;
   font-family: 'nimbus-sans-condensed','Arial Narrow',arial,sans-serif;
   font-weight: 600; 
   font-size: 32px;
   line-height: .9;
	margin: 0 0 7px;	
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition:   all .3s ease-in-out;
		-ms-transition:  all .3s ease-in-out;
		transition:      all .3s ease-in-out; }	
#hero a:active h1 { color: #be0000; }

#hero a p {
   font-family: arial,helvetica,sans-serif;
	color: #313131;
	font-size: 12px;
   font-weight: normal;
	line-height: 1;
   margin-bottom: 8px;
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition:   all .3s ease-in-out;
		-ms-transition:  all .3s ease-in-out;
		transition:      all .3s ease-in-out; }
#hero a:active p { color: #717171; }      


/* --- Slide Tabs --- */

#hero ul { 
   list-style: none; 
   display: none;
   font: 300 16px/1 museo-sans, arial;   
   position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -30px;
      z-index: 100; }
#hero li { 
   width: 20px;
   display: inline-block; }
   
   #hero li a { 
      background: transparent; 
      color: #00aec5;
      padding: 3px 0;
      display: block;
      -moz-border-radius:       4px;
         -webkit-border-radius: 4px;
         border-radius:         4px;
   -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition:   all .3s ease-in-out;
		-ms-transition:  all .3s ease-in-out;
		transition:      all .3s ease-in-out; }
   #hero li:hover a { 
      background: #00aec5; 
      color: #fff;
      -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         border-radius: 4px; }
   #hero li:active a { 
      background: #00aec5; 
      -moz-box-shadow:       inset 2px 2px 2px rgba(0,0,0,.25);
         -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,.25);
         box-shadow:         inset 2px 2px 2px rgba(0,0,0,.25); }
   #hero li.ui-tabs-active a { color: #fdb825; }
   #hero li.ui-tabs-active hover a { background: transparent; }
   

/* --- Back/Next Buttons --- */

#hero .control {
   background-position: center center;
   background-repeat: no-repeat;
	width: 30px;
	height: 30px; 
   -moz-border-radius:       20px;
      -webkit-border-radius: 20px;
      border-radius:         20px;  
	position: absolute;
	top: 110px;
	opacity: .4; 
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition:   all .3s ease-in-out;
		-ms-transition:  all .3s ease-in-out;
		transition:      all .3s ease-in-out; }	
   #hero .control:active { 
      background-color: #eb6e1f;
      -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.2);
         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
         box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }
         
	#hero .control.back {
		background-image: url(/theme/img/left.png);
		left: 5px; }			
	#hero .control.next {
		background-image: url(/theme/img/right.png);
		right: 5px; }			



/* --------------- Below --------------- */

.below { 
   padding: 15px 10px 5px;
   text-align: left;}

/* ------------ Promos ------------ */   

@media (max-width : 640px) { 
   .promos a {    
      width: 100%;
      clear: both;
      float: none; }
   .promos a:last-child { margin-right: 0; } 
   } 

@media (min-width : 641px) { 
   .promos a { 
      width: 31%;
      margin-right: 3.5%;
      float: left; }
   .promos a:last-child { margin-right: 0; } 
   } 

.promos a .thumb {
   background-color: #e6e6e6;
   background-repeat: no-repeat;
   background-position: center center;
   background-size:         cover !important;
   -webkit-background-size: cover !important;
   -moz-background-size:    cover !important;
   -o-background-size:      cover !important;   
   -moz-box-shadow:    inset 0 0 0 3px #e5e5e5;
   -webkit-box-shadow: inset 0 0 0 3px #e5e5e5;
   box-shadow:         inset 0 0 0 3px #e5e5e5;
   height: 110px; 
   margin: 0 0 5px;
   display: block; 
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
	-o-transition:      all .35s ease-in-out;  
	-ms-transition:     all .35s ease-in-out; } 
.promos a:active .thumb {
   -moz-box-shadow:    inset 0 0 0 3px #be0000;
   -webkit-box-shadow: inset 0 0 0 3px #be0000;
   box-shadow:         inset 0 0 0 3px #be0000; }

.promos h3 {
   margin-bottom: 5px;
   font-size: 28px;
   line-height: .9;
   color: #505050; 
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
	-o-transition:      all .35s ease-in-out;  
	-ms-transition:     all .35s ease-in-out; }
.promos a:active h3 { color: #be0000; }

.promos p {
   font-size: 13px;
   line-height: 1.1;
   color: #585858; }
.promos a:hover p { color: #464646; }
       
.feed .title {
   background: #a1a1a1;
   padding: 10px;
   margin-bottom: 15px;
   text-align: left;
   clear: both; 
   position: relative;
   text-transform: uppercase; }
.title h2 { margin: 0; }   
.title a { color: #fff; }
.title a:active { color: #e1e1e1; }