/*=========================================================================================*/
/*==[ Layout 1 col   ]=====================================================================*/
/*==[ CSS Framework by Bruno Fagundez - 2008 (c) / www.ostags.net ]========================*/
/*=========================================================================================*/ 

/*-[ wrapper ]-----------------------------------------------------------------------------*/

div.wrapper {
	width:1024px;
	margin:0 auto;
	margin-top:20px;
	clear:both;
	overflow:hidden;
	position:relative;
}

/*-[ header ]-----------------------------------------------------------------------------*/

div.wrapper div.header {
	clear:both;
	overflow:hidden;
	position:relative;
	height:243px;
	background:url(../../media/images/layout/header.gif) no-repeat top left;
}

/* Home header alternative */

div.wrapper div.header.home {
	background:url(../../media/images/layout/header_home.gif) no-repeat top left;
}

/*-[ menuBar ]-----------------------------------------------------------------------------*/

div.wrapper div.header div.menuBar {
	clear:both;
	overflow:hidden;
	position:absolute;
	bottom:9px;
	left:126px;
	height:24px;
	width:1024px;	
	display: inline;	
}

	div.wrapper div.header div.menuBar ul {
		margin:0;
		padding:0;
	}
		div.wrapper div.header div.menuBar ul li {
			float:left;
			overflow:hidden;
			display: inline;
				
		}
			div.wrapper div.header div.menuBar ul li a {
				display:block;
				float: left;
				height: 0px !important; 
				padding: 24px 0 0 0;							
			}
			
			div.wrapper div.header div.menuBar ul li a:hover {
				background-position:top left;
			} 
			
			div.wrapper div.header div.menuBar ul li a:active,
			div.wrapper div.header div.menuBar ul li a.selected {
				background-position:top left;
			} 

/*-[ menuBar - List Items ]----------------------------------------------------------------*/
			
			li.home a {
				width: 72px;
				background: url(../../media/images/buttons/home.gif) bottom left no-repeat;			
			}
			
			li.tour a {
				width: 66px;
				background: url(../../media/images/buttons/tour.gif) bottom left no-repeat;			
			}
			
			li.riders a {
				width: 76px;
				background: url(../../media/images/buttons/riders.gif) bottom left no-repeat;			
			}
			
			li.clothing a {
				width: 95px;
				background: url(../../media/images/buttons/clothing.gif) bottom left no-repeat;			
			}
			
			li.news a {
				width: 70px;
				background: url(../../media/images/buttons/news.gif) bottom left no-repeat;			
			}
			
			li.distributors a {
				width: 125px;
				background: url(../../media/images/buttons/distributors.gif) bottom left no-repeat;			
			}
			
			li.multimedia a {
				width: 113px;
				background: url(../../media/images/buttons/multimedia.gif) bottom left no-repeat;			
			}
			
			li.links a {
				width: 69px;
				background: url(../../media/images/buttons/links.gif) bottom left no-repeat;			
			}
			
			li.contact a {
				width: 101px;
				background: url(../../media/images/buttons/contact.gif) bottom left no-repeat;			
			}
			
			
			
/*-[ content ]-----------------------------------------------------------------------------*/

div.wrapper div.content {
	clear:both;
	overflow:hidden;
	position:relative;
	background:url(../../media/images/layout/bodybg.gif) top left repeat-y;
	padding:25px;
	
}

/*-[ home ]-------------------------------------------------------------------------------*/

body#home div.content div.smallSquare {
	width:760px;
	height:80px;
	background:url(../../media/images/home/smallquare.gif) top center no-repeat;
	margin:0 auto;
	padding:10px 25px ;
	clear:both;
}

body#home div.content div.smallSquare2 {
	width:760px;
	height:90px;
	background:url(../../media/images/home/smallquare2.gif) top center no-repeat;
	margin:0 auto;
	padding:10px 25px ;
	clear:both;
}

body#home div.content div.bigSquare {
	width:760px;
	height:290px;
	background:url(../../media/images/home/bigsquare.gif) top center no-repeat;
	margin:0 auto;
	padding:10px 25px ;
	clear:both;
}

/*-[ Multimedia ]-------------------------------------------------------------------------------*/

body#multimedia div.content div.square {
	width:380px;
	height:290px;
	background:url(../../media/images/multimedia/frames.gif) top center no-repeat;
	padding:15px;
	float:left;
	margin:15px;
}

body#multimedia div.content div.square.left {
	margin-left:55px;
}

/*-[ Contact ]-------------------------------------------------------------------------------*/

body#contact div.content div.frame {
	width:310px;
	height:360px;
	background:url(../../media/images/contact/frame.gif) top center no-repeat;
	padding:19px;	
	margin:15px;
}

/*-[ 2 cols content Sections Layout ]-----------------------------------------------------*/

div.content div.imgContainer {
	width:415px;
	height:528px;
	float:left;
	margin-left:40px;
	position:relative;
}
	div.content div.imgContainer img {
		position:absolute;
		bottom:0;
		left:0;
	}

div.content div.sectionContent {
	width:450px;
	float:left;
}

/*-[ footer ]-----------------------------------------------------------------------------*/

div.wrapper div.footer {
	clear:both;
	overflow:hidden;
	position:relative;
	height:10px;
	display:none;
}