@font-face {
	font-family: 'LucidaGrande';
	src: url('/media/web/fonts/lucida_grande-webfont.eot');
	src: local('Lucida Grande'), url('/media/web/fonts/lucida_grande-webfont.woff') format('woff'), url('/media/web/fonts/lucida_grande-webfont.ttf') format('truetype'), url('/media/web/fonts/lucida_grande-webfont.svg#webfontmah5PuI1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LucidaGrande';
	src: url('/media/web/fonts/lucida_grande_bold-webfont.eot');
	src: local('Lucida Grande Bold'), url('/media/web/fonts/lucida_grande_bold-webfont.woff') format('woff'), url('/media/web/fonts/lucida_grande_bold-webfont.ttf') format('truetype'), url('/media/web/fonts/lucida_grande_bold-webfont.svg#webfontT1gqIJnd') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {
	margin: 0;
	border-top: 5px solid #252629;
	background: #FFF;
	font-size: 62.5%; /* 1em = 10px */
	font-family: "LucidaGrande", Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
a img { border: none; }

#container { background: #6B271C url(../img/body-bg.jpg) center top no-repeat; }
.home #container { background-image: url(../img/body-bg-home.jpg); }
.nobanners #container { background-image: url(../img/body-bg.jpg) !important; }
#container-inner { background: url(../img/container-bg.gif) bottom no-repeat; padding-bottom: 30px; }

#frame { width: 1010px; margin: 0 auto; overflow: hidden; }

#header { padding-top: 5px; position: relative; padding-bottom: 25px; }
.home #header { padding-bottom: 0; }
.nobanners #header { padding-bottom: 25px !important; }
#header ul { margin: 0; padding: 0; list-style: none; height: 32px; }
#header h1 { float: left; margin-left: 15px; }
#header h1 a { display: block; width: 250px; height: 88px; background-image: url(../img/logo.png); background-repeat: no-repeat; text-indent: -10000px; }

#tools { position: absolute; right: 20px; top: 17px; width: 175px; height: auto; }
#tools li { float: right; clear: right; margin-top: 5px; }
#tools a { display: block; color: #FFF; text-transform: uppercase; font-size: 1.1em; font-weight: bold; text-decoration: none; text-align: center; height: 24px; text-indent: -10000px; background: url(../img/tools.png) top left no-repeat; overflow: hidden; outline: 0; }
#tools .login a { width: 111px; background-position: 0 0; }
#tools .signup a { width: 175px; background-position: -111px 0; }
#tools .login a:hover { background-position: 0 -24px; }
#tools .signup a:hover { background-position: -111px -24px; }

#nav { padding-top: 5px !important; clear: both; width: 980px; margin: 0 auto !important; overflow: hidden; }
#nav li { float: left; margin-right: 9px; }
#nav li.forum { margin-right: 0; }
#nav a { display: block; color: #FFF; text-transform: uppercase; font-size: 1.6em; font-weight: bold; text-decoration: none; text-align: center; height: 32px; text-indent: -10000px; background: url(../img/menu.png) top left no-repeat; overflow: hidden; outline: 0; }

#nav .home a { width: 74px; background-position: 0 0; }
#nav .club a { width: 187px; background-position: -83px 0; }
#nav .events a { width: 90px; background-position: -279px 0; }
#nav .photos a { width: 92px; background-position: -378px 0; }
#nav .rides a { width: 74px; background-position: -479px 0; }
#nav .adventures a { width: 195px; background-position: -562px 0; }
#nav .shop a { width: 125px; background-position: -766px 0; }
#nav .forum a { width: 80px; background-position: -900px 0; }

#nav .home a:hover { background-position: 0 -32px; }
#nav .club a:hover { background-position: -83px -32px; }
#nav .events a:hover { background-position: -279px -32px; }
#nav .photos a:hover { background-position: -378px -32px; }
#nav .rides a:hover { background-position: -479px -32px; }
#nav .adventures a:hover { background-position: -562px -32px; }
#nav .shop a:hover { background-position: -766px -32px; }
#nav .forum a:hover { background-position: -900px -32px; }

.home #nav .home a { background-position: 0 -64px; }
.club #nav .club a { background-position: -83px -64px; }
.events #nav .events a { background-position: -279px -64px; }
.photos #nav .photos a { background-position: -378px -64px; }
.rides #nav .rides a { background-position: -479px -64px; }
.adventures #nav .adventures a { background-position: -562px -64px; }
.shop #nav .shop a { background-position: -766px -64px; }
.forum #nav .forum a { background-position: -900px -64px; }

#promo { width: 1010px; height: 400px; position: relative; margin-top: 10px; cursor: pointer; }
#promo-banners { position: relative; top: 38px; left: 26px; z-index: 10; height: 324px; overflow: hidden; }
#promo-banners div { background: #FFF; top: 0; left: 0; position: absolute; width: 958px; height: 324px; overflow: hidden; }
#promo-banners div span { position: absolute; bottom: 10px; right: 10px; z-index: 15; background: url(../img/promo-caption-bg.png); color: #FFF; font-weight: bold; font-size: 1.2em; padding: 6px; }
#promo .overlay { position: absolute; top: 0; left: 0; z-index: 20; }


#content { float: left; width: 680px; margin-left: 20px; font-size: 1.2em; color: #FFF; line-height: 1.6; color: #E1D4D2; }
#content a { color: #E1D4D2; }
#content h4 a { color: #FFF; }
#content h2 { font-size: 2.2em; color: #FFF; border-bottom: 1px solid #7A3D33; padding-bottom: 0.2em; margin: 0 0 0.6em 0; }
#content h3 { font-size: 1.2em; padding: 0.6em 0 0em 0; color: #FFF; }
#content h3.gallery { clear: both; color: #D3BFBB; font-size: 1.4em; border-bottom: 1px solid #7A3D33; padding-bottom: 0.2em; padding-top: 1em; margin: 0 0 0.6em 0; text-transform: uppercase; }
#content h4 { font-size: 1.1em; color: #FFF; }

.home #content h5 { font-size: 1.4em; background: #E1D4D2; color: #6B271C; padding: 0.7em 0.3em; border: 2px solid #FFF; text-align: center; margin-bottom: 1em; }
.home #content h5 a { color: #6B271C; }

.img-right { float: right; margin: 0 0 2em 2em; border: 1px solid #7A3D33; }
.img-left { float: left; margin: 0 2em 2em 0; border: 1px solid #7A3D33; }

.photos #content, .rides #content { width: 970px; }

#side { float: right; width: 250px; margin-right: 10px; margin-top: 1.2em; }
#side div { margin-right: 10px; margin-left: 10px; }
#side h3 { font-size: 1.6em !important; text-transform: uppercase; padding-bottom: 0; margin: 0; clear: both; }
#side h3 a { display: block; color: #D3BFBB; text-decoration: none; background: url(../img/side-events.gif) top right no-repeat; min-height: 42px; padding-top: 0.6em; }
#side h3.photos { margin-bottom: 0; margin-top: 3em; }
#side h3.photos a { background: url(../img/side-photos.gif) top right no-repeat !important; min-height: 30px; padding-top: 0.6em; }
#side .slideshow { margin: 0; width: 250px; height: 188px; position: relative; }
#side .slideshow div { overflow: hidden; }
#side .slideshow div a { position: absolute; top: 15px; left: 11px; width: 228px; height: 152px; z-index: 2; display: block; }
#side .slideshow .overlay { position: absolute; top: 0; left: 0; z-index: 1; }

#side .events { padding: 0; list-style: none; margin: -10px 0 8px 0; background: #702E23; border-bottom: 1px solid #7B3F35; }
#side .events a { color: #E1D4D2; font-size: 1.2em; text-decoration: none; padding: 0.7em 0; border-bottom: 1px solid #7B3F35; display: block; margin: 0 10px; }
#side .events span.date { color: #A67D77; display: block; text-transform: uppercase; font-size: 1.1em; padding-bottom: 2px; }
#side .events a:hover { color: #FFF; }

#side .events li.first a { padding-top: 0.3em; }
#side .events li.last a { border-bottom: none; }

#side .shop .events li a { font-weight: bold; }
#side .shop { margin-bottom: 3em; }
#side .shop h3 a { background-image: url(../img/side-shop.gif); }

#side .more { float: right; color: #A67D77; text-transform: uppercase; text-decoration: none; font-size: 1.3em; letter-spacing: -1px; padding-right: 20px; background: url(../img/side-more.png) right no-repeat; }
#side .more:hover { color: #C4A9A4; }

.events-listing { margin: 1.8em 0 0 0; padding: 0; }
.events-listing li { overflow: hidden; width: 100%; padding: 1.5em 0; border-top: 5px solid #7A3D33; }
.events-listing li .image { width: 178px; height: 134px; float: left; position: relative; }
.events-listing li .image img { position: absolute; top: 15px; left: 11px; z-index: 1; }
.events-listing li .image a { position: absolute; top: 15px; left: 11px; z-index: 10; }
.events-listing li .image a img { position: static; z-index: none; }
.events-listing li .image img.overlay { z-index: 2; top: 0; left: 0; }
.events-listing li .paypal { float: left; clear: left; width: 178px; text-align: center; }
.events-listing li .text { width: 480px; float: right; }
.events-listing li h3 { text-transform: uppercase; color: #D3BFBB !important; font-size: 1.4em !important; padding-top: 0 !important; line-height: 1.2; }
.events-listing li h3 span { color: #FFF !important; }
.events-listing li p { margin-bottom: 0; }
.events-listing .no-image .text { width: 100%; }

.gallery-listing { list-style: none; margin: 0 0 30px 0; padding: 0; width: 970px; overflow: hidden; }
.gallery-listing li { width: 178px; float: left; margin-right: 20px; position: relative; }
.gallery-listing li img { position: absolute; top: 15px; left: 11px; z-index: 1; }
.gallery-listing li img.overlay { z-index: 2; top: 0; left: 0; }
.gallery-listing li.last { margin-right: 0; }
.gallery-listing li .image { height: 134px; display: block; }
.gallery-listing li h3 { text-transform: uppercase; font-size: 1em !important; line-height: 1.2; padding: 0 4px !important; }
.gallery-listing li h3 a { color: #D3BFBB !important; text-decoration: none; }
.gallery-listing li h3 span { color: #FFF !important; font-size: 1.2em; display: block; }

.photo-listing li { margin-bottom: 12px; }
.photo-listing { margin-bottom: 0 !important; }

.rides-listing li { width: 213px; }
.rides-listing li .image { height: 165px; }

.rides-photo-listing { width: 680px; }
.rides-photo-listing li { width: 213px; }
.rides-photo-listing li .image { height: 165px; }

.inline-listing { margin-top: 12px; }
.inline-listing li { width: 155px; margin-top: 6px; margin-bottom: 6px; }
.inline-listing li .image { height: 117px; }
.inline-listing li img { left: 10px; top: 14px; }

.shop-listing { margin-top: 1em; width: 480px; }
.shop-listing li { margin: 0 7px 0 0; padding: 0; border: none; }
.shop-listing li .image { width: 155px; }
.shop-listing li .image img { left: 10px; top: 14px; }
.shop-listing li.last { margin-right: 0; }


.videos { text-align: center; background: #7A3D33; padding-top: 20px; }
.video { display: inline-block; padding: 5px; background: #FFF; margin: 0 10px 20px; }

.ride-photo { float: right; width: 320px; height: 234px; position: relative; margin: -2.5em 0 1.5em 1.5em; }
.ride-photo img { position: absolute; top: 15px; left: 10px; z-index: 1; }
.ride-photo .overlay { top: 0; left: 0; }

.download { width: 140px; height: 24px; background: url(../img/download.png) top left no-repeat; text-indent: -10000px; display: block; float: right; margin-top: -4.2em; overflow: hidden; }
.download:hover { background-position: bottom left; }
.rides .download { margin-top: -3.6em; }
.rides .download-no-description { margin-top: -4.2em !important; }

.attachments { padding-left: 0; list-style: none; margin-top: 0.5em; }
.attachments li a { padding-left: 15px; background: url(../img/attachment.gif) left no-repeat; }

.loginform { background: #702E23; width: 250px; padding: 10px 20px; overflow: hidden; }
.loginform p { width: 100%; overflow: hidden; }
.loginform label { font-weight: bold; width: 90px; display: block; float: left; }
.loginform input { width: 150px; float: left; }
.loginform .submit { width: auto; margin-left: 90px; }
.loginform .errorlist { padding: 0; margin: 0; }
.loginform .errorlist li { font-weight: bold; font-style: italic; margin-left: 90px; list-style: none; }

#footer { background: url(../img/footer-bg.png) top left repeat-x; }
#footer-inner { width: 960px; margin: 0 auto; padding: 20px 0; overflow: hidden; }

#footer-inner .adverts { width: 100%; overflow: hidden; margin-bottom: 10px; }
#footer-inner .left { float: left; width: 468px; }
#footer-inner .right { float: right; width: 468px; }

#footer-inner ul { float: left; padding: 0; margin: 0; list-style: none; width: 75%; overflow: hidden; }
#footer-inner li { float: left; padding: 5px 15px 5px 0; color: #666; }
#footer-inner li a { color: #666; }
#footer-inner li.advertising { padding: 0 15px 0 0 !important; }
#footer-inner li.advertising a { display: block; width: 105px; height: 24px; text-indent: -10000px; background: url(../img/advertising.png) top left no-repeat; }
#footer-inner li.advertising a:hover { background-position: bottom left; }

#footer-inner p { float: right; text-align: right; color: #999; margin: 0; padding: 6px 0; }
#footer-inner p a { color: #999; }