/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/*	Author			-> www.mezmamedia.com
					-> Richie Grainger

/*	Date			-> 10 September 2009

/*	File			-> style.css

/*	Contact			-> www.mezmamedia.com
					-> richie@mezmamedia.com
				
/* 	Copyright (c)	-> Mezma Media

/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/* png fix */
img, div, a, td { behavior: url(iepngfix.htc) }

a:link { 			color: #0056cd; background-color: transparent; text-decoration: underline; }
a:visited {			color: #0056cd; background-color: transparent; text-decoration: underline; }
a:hover {			color: #00a8ff; background-color: transparent; text-decoration: none; }

a.tfl:link { 		color: #ecc5c7; background-color: transparent; text-decoration: underline; }
a.tfl:visited {		color: #ecc5c7; background-color: transparent; text-decoration: underline; }
a.tfl:hover {		color: #ffffff; background-color: transparent; text-decoration: none; }

a.bwd:link { 		color: #ee9b9f; background-color: transparent; text-decoration: none; }
a.bwd:visited {		color: #ee9b9f; background-color: transparent; text-decoration: none; }
a.bwd:hover {		color: #ffffff; background-color: transparent; text-decoration: underline; }

a.el:link { 			color: #ff8a00; background-color: transparent; text-decoration: underline; }
a.el:visited {		color: #ff8a00; background-color: transparent; text-decoration: underline; }
a.el:hover {			color: #0000ff; background-color: transparent; text-decoration: underline; }

body {

	background-image: url(background_images/page_bg.gif);
	background-repeat: repeat-x;
	background-position: top;

	height: 100%;
	background-color: #ce171f;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-align: center; /* Center the body ONLY for IE until big is fixed */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d4d4e;
	
}



/* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.text_red {				color: #dd0000; }
.text_small {			font-size: 9px; }

h1 {						font-size: 24px; font-weight: bold; color: #ce171f; padding: 0px; margin: 0px 0px 10px 0px; }
p.support_links {		margin: -5px 0px 20px 0px; }




/* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

#page_overflow {				display: block; min-width: 1000px; overflow-x: hidden; }
div.page_shell {				display: block; overflow: visible; text-align: left; margin: 0 auto; width: 1000px; }

#top_strip {					display: block; margin: 15px 10px 0px 10px; color: #ffffff; height: 35px; }
#banner_shell {				display: block; background-color: #ffffff; height: 200px; }
	#banner_logo {			position: relative; display: block; top: 63px; left: 0px; z-index: 5; width: 263px; height: 177px; }
	#banner_flash {			position: relative; display: block; top: 0px; left: 201px; z-index: 2; margin-bottom: -200px; }
	#banner_left {			background: url(background_images/banner_left.jpg) no-repeat left; 
							position: relative; display: block; z-index: 1; top: 50px; left: -100px; width: 274px; height: 200px; margin-bottom: -200px; }
	#banner_right {			background: url(background_images/banner_right.gif) no-repeat right; 
							position: relative; display: block; z-index: 1; top: 50px; left: 1000px; width: 100px; height: 200px; margin-bottom: -200px; }
	
	#body_bg {				background: url(background_images/body_bg.jpg) repeat-x top #ce171f; display: block; text-align: center; }
	#wallpaper {				background: url(background_images/wallpaper.png) repeat; display: block; width: 100%; }	
	#body_shell {			background: url(background_images/body_shellbg.jpg) repeat-x top #ce171f; display: block; float: left; overflow: hidden; width: 900px; }
	
	#main_shell {			background: url(background_images/main_tl.gif) no-repeat top left #ffffff; display: block; overflow: hidden; text-align: left; margin: 20px; }
	div.ms_tr {				background: url(background_images/main_tr.gif) no-repeat top right; display: block; overflow: hidden; }
	div.ms_bl {				background: url(background_images/main_bl.gif) no-repeat bottom left; display: block; overflow: hidden; }
	div.ms_br {				background: url(background_images/main_br.gif) no-repeat bottom right; display: block; overflow: hidden; }
	
	#ms_margin {				display: inline; float: left; margin: 27px 10px; width: 840px; }
	
	#body_left {				display: block; float: left; width: 185px; }
	#body_right {			display: block; float: left; margin-left: 25px; width: 630px; line-height: 18px; } /* line height */
		#menu_shell {		background: url(background_images/menu_top.gif) no-repeat top #a00007; display: block; overflow: hidden; width: 100%; }
		#menu_btm {			background: url(background_images/menu_btm.gif) no-repeat bottom #a00007; display: block; height: 12px; }
		
		#body_leftcol {		display: block; float: left; width: 412px;}
		#body_rightcol {		display: block; float: right; text-align: right; width: 208px; margin: 75px 0px 0px 10px; }
	
	#footer_shell {			display: block; margin: 0px 40px 15px 40px; color: #ee9b9f; font-size: 11px; line-height: 18px; } /* line height */

div.border_left {				background: url(background_images/border_left.png) no-repeat top right; display: block; float: left; height: 400px; width: 50px; }
div.bl_right {				background: url(background_images/border_right.png) no-repeat top left; }

div.right_areas {				display: block; float: right; text-align: right; }


div.att_box {					display: block; background-color: #ffecd5; overflow: visible; margin-top: 15px; width: 100%; }
div.att_box_text {			display: block; float: right; margin: 15px 5px; width: 270px; }




div.error_box {				display: block; background-color: #ffebe8; border: 1px #dd0000 solid; padding: 5px; margin-bottom: 10px; color: #000000; }



hr {							color: #a0a0a0; background-color: #a0a0a0; border: 0px; height: 1px; width: 100%; padding: 0px; margin: 30px 0px; }

br.cl {						clear: left; }
br.cr {						clear: right; }
br.cb {						clear: both; }


img.main_imgs {				border: 1px solid #d2adad; }
img.att_img {				display: block; float: left; position: relative; top: -10px; }
img.bike_img {				margin-top: 10px; float: right; display: block; border: 0; }



/* THIS IS THE CSS NAV MENU ACROSS THE TOP */
ul#nav {					background: url(background_images/menu.gif); position: relative; padding: 0px; margin: 12px 15px 0px 15px; width: 155px; height: 263px; top: 0px; }
ul#nav li {				background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; }
ul#nav li a {				display: block; text-indent: -9999px; }

li#nav_home a:hover, li#nav_company a:hover, li#nav_destinations a:hover, li#nav_bikes a:hover, li#nav_esprit a:hover, li#nav_fns a:hover, li#nav_links a:hover, li#nav_contact a:hover { 
background: url(background_images/menu.gif);
}

li#nav_home {				left: 0px; top: 0px; width: 155px; height: 29px; }
li#nav_home a {			background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_home a:hover {		background-position: -155px 0px; }

li#nav_company {			left: 0px; top: 33px; width: 155px; height: 29px; }
li#nav_company a {		background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_company a:hover {	background-position: -155px -33px; }

li#nav_destinations {		left: 0px; top: 66px; width: 155px; height: 29px; }
li#nav_destinations a {	background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_destinations a:hover {	background-position: -155px -66px; }

li#nav_bikes {			left: 0px; top: 99px; width: 155px; height: 29px; }
li#nav_bikes a {			background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_bikes a:hover {	background-position: -155px -99px; }

li#nav_esprit {			left: 0px; top: 132px; width: 155px; height: 29px; }
li#nav_esprit a {			background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_esprit a:hover {	background-position: -155px -132px; }

li#nav_fns {				left: 0px; top: 165px; width: 155px; height: 29px; }
li#nav_fns a {			background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_fns a:hover {		background-position: -155px -165px; }

li#nav_links {			left: 0px; top: 198px; width: 155px; height: 29px; }
li#nav_links a {			background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_links a:hover {	background-position: -155px -198px; }

li#nav_contact {			left: 0px; top: 231px; width: 155px; height: 29px; }
li#nav_contact a {		background-position: 0px 0px; left: 0px; width: 155px; height: 29px; }
li#nav_contact a:hover {	background-position: -155px -231px; }
/* END CSS NAV MENU ON TOP */



div.c_l {						display: block; float: left; font-weight: bold; margin-bottom: 15px; width: 115px; }
div.c_r {						font-weight: 100; width: 200px; }

label, input, select, textarea {	display: block; float: left; margin-bottom: 10px; }
label {						font-weight: bold; width: 100px; margin-right: 15px; }
input.submit_box {			margin: 5px 0px 0px 115px; }

form {						margin: 0; } 
.input_box {					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #a0a0a0; background: #ffffff; color: #333333; padding: 5px; }
.submit_box {				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #a0a0a0; background: #e0e0e0; color: #333333; padding: 6px; }