body { 
margin-top:0; 
padding-top:0; 
padding:0px 0px;
background-color: #000000;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}


.footer-counter{ 
min-height:352px;  
position: relative; 


border-width: 0px 0 0 0; 
padding: 0; 
margin: 0; 

font-family: "Trebuchet MS"; color: #FFFFFF;
}  


.image-counter{ 
bottom: 0px;

right: 505px;
position: absolute;
border-width: 0px 0 0 0; 
padding: 0px; 
margin:0px;
font-family: "Trebuchet MS"; color: #FFFFFF;
}  

   /****************************************************>>>
    **  MAIN TABS
    ****************************************************>>> */

/* root element for tabs  */
ul.main_tabs { 
	margin:0 !important; 
	padding:0;
	height:18px;
   /****************************************************>>>
    **  	border-bottom:0px solid #F4DD55;
    ****************************************************>>> */
width:"100%";
}

/* single tab */
ul.main_tabs li { 
	float:left;	 
	padding:0px;
	margin:0px; !important;
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.main_tabs a { 

background: url(../img/canyon_zephyr_main_tabs_lettering.jpg) no-repeat -0px -0px;
	
	display:block;
	height: 22px;  
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	

	text-align:center;	
	text-decoration:none;
	
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
	float:left;
	border:0px;	
	border-bottom:0px;
	
	}

ul.main_tabs a:active {
	outline:none;		
}

/* update this - when mouse enters the tab move the background image */
ul.main_tabs a:hover {

	


}



/* Different widths for tabs: use a class name: w1, w2, ... */




ul.main_tabs a.w1.current { background-position: -5px -115px; width:74px;}
ul.main_tabs a.w1:hover 	{ background-position: -5px -60px; width:74px;}
ul.main_tabs a.w1 		{ background-position: -5px -10px; width:74px;}

ul.main_tabs a.w2.current { background-position: -85px -115px; width:80px;}
ul.main_tabs a.w2:hover 	{ background-position: -85px -60px; width:80px;}
ul.main_tabs a.w2 		{ background-position: -85px -10px; width:80px;}

ul.main_tabs a.w3.current { background-position: -170px -115px; width:89px;}
ul.main_tabs a.w3:hover 	{ background-position: -170px -60px; width:89px;}
ul.main_tabs a.w3 		{ background-position: -170px -10px; width:89px;}

ul.main_tabs a.w4.current { background-position: -263px -115px; width:55px;}
ul.main_tabs a.w4:hover 	{ background-position: -263px -60px; width:55px;}
ul.main_tabs a.w4 		{ background-position: -263px -10px; width:55px;}


ul.main_tabs a.w5.current { background-position: -322px -115px; width:89px;}
ul.main_tabs a.w5:hover 	{ background-position: -322px -60px; width:89px;}
ul.main_tabs a.w5 		{ background-position: -322px -10px; width:89px;}



ul.main_tabs a.w6.current { background-position: -415px -114px; width:45px;}
ul.main_tabs a.w6:hover 	{ background-position: -415px -60px; width:45px;}
ul.main_tabs a.w6 		{ background-position: -415px -10px; width:45px;}

ul.main_tabs a.w7.current { background-position: -463px -115px; width:114px;}
ul.main_tabs a.w7:hover 	{ background-position: -460px -60px; width:114px;}
ul.main_tabs a.w7 		{ background-position: -463px -10px; width:114px;}



ul.main_tabs a.w8.current { background-position: -580px -115px; width:73px;}
ul.main_tabs a.w8:hover 	{ background-position: -576px -60px; width:73px;}
ul.main_tabs a.w8 		{ background-position: -580px -10px; width:73px;}
   /****************************************************>>>
    **  MAIN TAB CONTENT
    ****************************************************>>> */

/* tab pane */

   /****************************************************>>>
    **  DIVS INSIDE OF MAIN TAB PANE HTML
    ****************************************************>>> */
div.main_panes{
	   /***   border:1px;   ***/

	min-height:782px;
	padding:0px 0px;
   /***   border-style:solid;   ***/

border-top-style: transparent;

border-color:#F4DD55 #F4DD55 #F4DD55 #F4DD55;
	
}

       div.main_panes{

min-height:782px;  

}