/*+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+
	Motorcycle Getaways Website Cascading Stylesheet (CSS) v2.0
	Copyright 2006-'08 Motorcycle Getaways. All rights reserved.
	DO NOT COPY: Plagiarism detected by COPYSCAPE [http://www.copyscape.com/] 
	\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
	********************************************************************************
		Concept, design and copy writing by Karthik J
		Email: design[at]pixelia[dot]com  |  Website: http://www.pixelia.com
	********************************************************************************
	/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
	This Stylesheet has been tested for compliance with the latest version of
	the following browsers:
	Mozilla/Firefox, Netscape, Opera, Camino, Safari, Konqueror & Internet Explorer
+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/

/* =+=+=+=+=+=+=+=+=+=+=
     Redefined Markups 
   =+=+=+=+=+=+=+=+=+=+= */
   
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, a {
	border:0;
	margin:0;
}   
body {
	background:url(images/bg_body_pattern.gif) repeat;
	font:12px Georgia, "Bookman Old Style", Times, serif;
	color:#333;
}
body#Home { /* Homepage */
	background:url(images/bg_home.png) repeat-x left top;
}
body#Level_01 { /* Level 01 Content Pages */
	background:url(images/bg_content_level01.png) repeat-x left top;
}
body#Level_02 { /* Level 02 Content Pages */
	background:url(images/bg_content_level02.png) repeat-x left top;
}
body#Popup { /* Pop-up window */
	background:url(images/bg_popup.jpg) no-repeat left top;
	
}
a img { /* Linked Images */
	border:0 !important;
}
hr {
	height:1px;
	margin:5px;
	border-bottom:1px dashed #ccc;
}
input, textarea { /* Input Fields */
	font:11px Georgia, "Bookman Old Style", Times, serif;
	color:#333;
	padding:1px;
}
		input:hover { /* Hover/mouse over */
			color:#c00;
			background:url(images/blt_arrow.gif) no-repeat right;
			border-color:#F90 #FD8 #F90 #FD8;
		}
		input:focus { /* Focus */
			color:#c00;
			background:#fdfbf0 url(images/blt_arrow.gif) no-repeat right;
			border-color:#f90 #fd8 #f90 #fd8;
		}
		textarea:hover { /* Hover/mouse over */
			color:#c00;
			border-color:#f90 #Fd8 #f90 #fd8;
		}
		textarea:focus { /* Focus */
			color:#c00;
			background-color:#fdfbf0;
			border-color:#f90 #fd8 #f90 #fd8;
		}
select { /* Dropdown/ Combo Box */
	font-size:12px;
	padding:0 0 0 2px;
}
		select:hover, select option:hover {
			font-size:12px;
			color:#c00;
			background-color:#fdfbf0;
			padding:0 0 0 2px;
		}
.mandatory { /* Mandatory fields marked with an '*' next to field labels in forms */
	font:11px bold Verdana, Arial, Helvetica, sans-serif ;
	color:#c00;
}


/* =+=+=+=+=+=+=+=+=+=+=+=+=+=
     Layout Selectors - IDs 
   =+=+=+=+=+=+=+=+=+=+=+=+=+= */
   
#Wrapper { /* Content wrapper */
	width:955px;
	margin:auto;
}
#Header {
	color:#fff;
	height:100px;
}
#logo, .logo, #language { /* Various sections in sequential order */
	height:100px;
	float:left;
}
	#logo, .logo { /* Logo */
		width:280px;
		background:url(images/logo_mcg_main.gif) left top no-repeat;
	}
	#language { /* Language Selection */
		width:160px;
	}
#navMain, #navGlobal { /* Navigation */
	text-align:right;
	width:515px;
	float:right;
}
#navGlobal { /* Global Navigation */
	background:url(images/bg_nav_global.jpg) no-repeat right top;
	height:65px;
}
#navGlobal a img {
	margin-top:35px !important;
}

#mastHead a { /* Masthead */
	color:#fc3;
	line-height:18px;
}
#Footer { /* Footer with Copyright info, credits, disclaimer link and text version of the main navigation */
	background:#646464 url(images/bg_footer_extend.gif) repeat-x left top;
	width:100%;
	height:100%;
}
#Footer table {
	color:#ccc;
	font-size:10px;
	text-align:left;
	background:url(images/bg_footer.gif) no-repeat left bottom;
	width:955px;
	height:90px;
	margin:auto;
}
#Footer strong, #Footer b { /* Copyright Info */
	font-size:11px;
	font-weight:normal;
	color:#fff;
	padding-left:25px;
}
#Footer em, #Footer i {  /* Disclaimer & Feedback */
	font-style:normal;
	color:#ccc;
	padding-left:20px;
}
	#Footer em a, #Footer i a {
		font-size:11px;
		font-style:normal;
		color:#fff;
		text-decoration:none;
	}
#Footer a { /* Text Links */
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:0 3px 0 3px;
}
#Footer a:hover {
	text-decoration:underline;
}

/* =+=+=+=+=+=+=+=+==+=+=+=+=+=+=+=+==+=+=+=
     Common Properties of Layout selectors 
   =+=+=+=+=+=+=+=+==+=+=+=+=+=+=+=+==+=+=+= */

#mastHead, #secFeatured, #breadCrumbs, #Content, #secMisc, #Footer {
	clear:both;
}

/* =+=+=+=+=+=+=+=+=
     Homepage Only 
   =+=+=+=+=+=+=+=+= */
   
#Home div#mastHead div {  /* Value Propostion & Featured Ride */
	color:#FFF;
	height:295px;
}
#mastHead div#valueProp { /* Value Proposition Area on the Homepage */
	background:url(images/pic_masthead_main.jpg) no-repeat left top;
}
	#mastHead div#valueProp p { /* Value Proposition writeup */
		width:440px;
		height:90px;
		text-align:left;
		line-height:18px;
		margin:180px 0 0 100px;
	}
/*#mastHead DIV#featured { 
	background:url(images/pic_masthead_side.jpg) no-repeat left top;
}*/
#mastHead div#featured { /* Featured Getaway teaser */
	text-align:left;
	line-height:16px;
	margin:0;
}
#secFeatured { /* Featured Getaways, News & Updates */
	color:#333;
	background:url(images/bg_sec_featured.gif) no-repeat left top;
	height:170px;
}
#secFeatured div {
	font-size:11px;
	text-align:left;
}
#secFeatured a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#secFeatured a:hover {
	text-decoration:underline;
}
#secFeatured div#featGetaways h1 { /* Section Heading */
	margin:10px 0 0 25px;
}
	#secFeatured DIV#featGetaways p { /* Featured Getaways */
		line-height:14px;
		margin:5px 0 0 25px;
	}
	#secFeatured DIV#featGetaways p img {
		margin:0 10px 50px 0;
		float:left;
	}

	#secFeatured div#featGetaways strong, #secFeatured div#featGetaways b { /* Getaways Title */
		color:#c00;
		font-size:12px;
	}
	#secFeatured div#featGetaways div { /* Getaways Teaser */
		width:300px;
		float:left;
		margin-right:10px;
	}
#secMisc { /* Misc. Section */
	font-size:11px;
	color:#666;
	background:url(images/bg_sec_featured.gif) no-repeat left top;
	height:170px;
}
#secMisc div#mailingList h1 { /* Mailing List Title */
	margin:10px 0 0 20px;
}
#secMisc div#mailingList p {
	margin:5px 0 0 20px;
}
#secMisc div#mailingList form {
	border:0;
	margin:5px 0 30px 20px;
}


/* =+=+=+=+=+=+=+=+=+
     Content Pages 
   =+=+=+=+=+=+=+=+=+ */
   
#Level_01 div#mastHead div { /* Sections other than the Homepage in the top level navigation */
	color:#FFF;
	height:195px;
}
#Level_01 div#mastHead div {
	height:195px;
}
#Level_02 div#mastHead div {/* Sections within the top-level navigation */
	height:140px;
}
#mastHead div#secTitle p { /* Section Title */
	width:335px;
	margin:0 0 0 285px;
}
#breadCrumbs { /* Bread Crumb Navigation/ Navigation Trail Indicator */
	font-size:10px;
	text-transform:uppercase;
	color:#333;
	height:30px;
}
#breadCrumbs div {
	height:30px;
}
#breadCrumbs p {
	margin:8px 0 0 25px;
}
#breadCrumbs p a {
	font-size:9px;
	font-weight:bold;
	color:#933;
	margin:0 2px;
}
#breadCrumbs a img {
	margin:8px 3px 0 0;
}
#Level_01 div#breadCrumbs {
	background:url(images/bg_breadcrumbs_level01.gif) no-repeat left top;
}
#Level_02 div#breadCrumbs {
	background:url(images/bg_breadcrumbs_level02.gif) no-repeat left top;
}
#bodyCopy {  /* Body Copy - Page Content */
	background:url(images/bg_scratches_home.gif) no-repeat left top;
	padding-bottom:40px;
}
#bodyCopy h1, #bodyCopy h2, #bodyCopy h3, #bodyCopy h4, #bodyCopy p { /* Common Properties */
	margin:10px 25px 0 25px;
}
#bodyCopy p {
	line-height:20px;
	text-align:justify;
}
#bodyCopy p img { /* Thumbnails displayed inline with text */
	margin:0 15px 15px 0;
	float:left;
}
#bodyCopy p em, #bodyCopy p i { /* Summary */
	font-family: "Lucida Grande", "Lucida Sans", Georgia;
	font-size:13px;
	font-style:normal;
	line-height:18px;
	color:#666;
}
#bodyCopy p em a, #bodyCopy p i a {
	font-size:13px;
	font-weight:normal;
	line-height:18px;
	color:#c00;
}
#bodyCopy p a {
	font-size:12px;
	line-height:25px;
	color:#066;
	margin:0 2px; 
}
#bodyCopy p a em strong {
	font-weight:normal;
	font-style:normal;
	color:#696;
	margin:0; 
}
#bodyCopy a:hover {
	color:#c00;
}
#bodyCopy h1 { /* Heading */
	font-family: "Lucida Grande", "Lucida Sans", Georgia;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	color:#c00;
}
#bodyCopy h2 { /* Sub-heading */
	font-size:12px;
	color:#696;
	margin-top:20px;
}
#bodyCopy h2 strong, #bodyCopy h2 b {
	font-size:14px;
	color:#F60;
}
#bodyCopy h3 {
	font-size:11px;
	font-weight:normal;
	color:#696;
	margin-top:5px;
}
#bodyCopy p h3 {
	font-size:12px;
	font-weight:normal;
	color:#696;
	margin-top:5px;
}
#bodyCopy h3 strong, #bodyCopy h3 b {
	color:#333;
}
#bodyCopy table {
	font-size:10px;
	background-color:#FFF;
	width:560px;
	margin:5px 25px;
}
#bodyCopy td {
	padding:3px;
}
#bodyCopy thead td {
	font-weight:bold;
	text-transform:uppercase;
	background-color:#e5e5e5;
	border-bottom:1px solid #ccc; 
}
#bodyCopy thead th {
	font-weight:normal;
	text-transform:uppercase;
	background-color:#e5e5e5;
	border-bottom:1px solid #ccc; 
}
#bodyCopy tbody td {
	font-size:11px;
	border-bottom:1px solid #efefef; 
}
#bodyCopy tbody td:hover {
	border-bottom:1px solid #ccc; 
	color:#000;
}
#bodyCopy tbody Tr:hover {
	background-color:#efefef;
}
#bodyCopy tfoot td {
	font-weight:bold;
	text-align:right;
	background-color:#efefef;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc; 
	height:22px;
}
#bodyCopy table td a {
	color:#696;
}
#bodyCopy table td a:hover {
	color:#F60;
}
#bodyCopy ul li {
	line-height:20px;
	list-style:url(images/blt_diamond.gif) outside square;
	margin-bottom:10px;
	margin-left:10px !important;
	margin-left/**/:/**/ 50px; /* Pain-in-the-ass IE Hack ;-D */
}
#relatedLinks { /* Related Links */
	color:#ccc;
	background-color:#ecfdce;
	padding:5px;
	border:1px dotted #696;
}
#relatedLinks a{
	color:#123030 !important;
}
#relatedLinks a:hover {
	color:#c00 !important;
}
#relatedInfo div { /* Sub Navigation, Related Info & Links */
	margin-bottom:20px;
	padding-right: 15px;
	padding-left:20px;
}
#relatedInfo a {
	color:#c00; 
}
#relatedInfo a:hover {
	color:#000; 
}
#subNav { /* Sub Navigation */
	background:url(images/bg_subnav.jpg) no-repeat bottom right;
	padding-top:15px;
	padding-bottom:25px;
	margin-bottom:10px !important;
}
#subNav h3 {
	font-size:13px;
	color:#c00;
}
#subNav h4 {
	font-size:11px;
	color:#696;
	background:url(images/blt_arrow_down.gif) no-repeat left;
	padding-left:12px;
	margin-left:8px
}
#subNav p {
	font-size:11px;
	line-height:18px;
	margin:5px 0 10px 0;
}
#subNav ul {
	margin:5px 0 10px 0;
}
#subNav ul li {
	font-size:11px;
	line-height:18px;
	background:url(images/blt_arrow_right.gif) no-repeat left;
	list-style:none none;
	padding:3px 0 3px 15px;
	margin-left:-25px !important; 
	margin-left/**/:/**/ 13px; /* Pain-in-the-ass IE Hack ;-D */
	border-bottom:1px dotted #ccc;
}
#subNav a {
	color:#666;
}
#subNav a:hover {
	color:#F60;
}
#rideCalendar { /* Ride Calendar in Route Detail pages */
	font:Arial, Helvetica, sans-serif 12px normal !important;
	text-transform:uppercase;
}
#rideCalendar h3 {
	margin-bottom:15px;
}
#rideCalendar table {
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
#rideCalendar td {
	text-indent:12px;
	background:#fdfbf0 url(images/blt_arrow_right.gif) no-repeat left;
	padding:5px;
}
#rideCalendar a {
	color:#666;
}
#pagination { /* Page Navigation in the Gallery */
	font-weight:bold;
	color:#696;
}
#pagination a { 
	font-weight:normal;
	color:#333;
}
#pagination a:hover { 
	font-size:12px;
	color:#F60;
	margin-right:2px;
}

/* =+=+=+=+=+=+=+=+=+=
     Pop-up Windows 
   =+=+=+=+=+=+=+=+=+= */

#Popup div#Wrapper { /* Content wrapper */
	background-color:#FFF;
	width:850px;
	margin:0;
}
#Popup div#Header {
	background:url(images/popup_header.jpg) no-repeat left top;
	height:66px !important;
}
#Popup div#Header a {
	color:#FFF;
}
#Popup div#Header a:hover {
	color:#FC3;
}
#Popup div#Header div {
	height:66px !important;
}
#popupTitle {
	padding-left:240px;
}
#popWinControl a { /* Links for controlling the window */
	margin:23px 0 0 30px;
}
#Popup div#Content div#bodyCopy {
	height:390px;
	padding-bottom:0 !important;
	overflow-y:scroll;
}
#Popup div#Content div#bodyCopy ul {
	height:375px;
	padding-bottom:20px !important;
	padding-top:15px;
}
#Popup div#Content div#bodyCopy ul li a {
	color:#c00;
}
#Popup div#Content div#subNav {
	padding-left:10px !important;
}
#Popup div#Content div#subNav ul li {
	color:#999;
	font-size:10px;
}
#Popup div#Content div#subNav ul li a {
	font-size:11px;
}

.popupColLeft { /* Main Column in Popup windows */
	width:605px;
	float:left;
}
.popupColRight { /* Side Column in Popup windows */
	width:235px;
	float:right;
}
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=
     Layout Selectors - Classes 
   =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */
   
.columnMain { /* Main Content Column */
	width:620px;
	float:left;
}
.columnSide { /* Side Column */
	width:335px;
	float:right;
}
.clear { /* Clears the DIV's position */
	clear:both;
}
.floatLeft { /* Positions the DIV's to the left */
	float:left
}
.floatRight { /* Positions the DIV's to the right */
	float:right;
}
.break { /* Link Break between paragraphs - applied to <P> */
	padding:0 0 20px 0;
}
.instruct { /* Instructions or not to users */
	font-family: "Lucida Grande", "Lucida Sans", Georgia;
	font-size:10px;
	color:#666;
}
/* =+=+=+=+=+=+=+=+=+=+=+=+=+
     Miscellaneous Classes 
   =+=+=+=+=+=+=+=+=+=+=+=+=+ */
   
P.itinerary { /* Applied to <P> in the itineraries section */
	font-size:11px;
	line-height:15px;
	margin-top:5px;
	margin-bottom:15px;
}   
.galThumbnails { /* Thumbnail images in the Gallery */
	margin-top:20px !important;
}
.galThumbnails br {
	clear:both;
}

.galThumbnails img {
	display:inline;
	margin-right:30px !important;
	margin-bottom:30px !important;
	outline:1px dotted #999;
}
.galThumbnails a img {
	padding:5px !important;
	border:5px solid #efefef;
}
.galThumbnails a img:hover {
	padding:5px;
	border:5px solid #fc3;
	outline:1px dotted #c00;
}
p.tourCost { /* Tour Cost */
	font-size:12px;
	background-color:#ecfdce;
	border:1px solid #d8e7c0;
	border-right:3px solid #d8e7c0;
	border-bottom:3px solid #d8e7c0;
	margin-top:10px;
	margin-bottom:10px;
	padding:12px;
}
span.tourCost { /* Tour Cost */
	color:#666;
	font-size:12px;
	padding:5px;
	margin-top:5px;
	margin-right:3px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.tourCost strong {
	font-size:14px;
	font-weight:bold;
	color:#c00;
	margin-right:3px;
}
span.tourCost strong {
	font-size:12px;
	font-weight:bold;
	color:#c00;
}

.tourCost a {
	color:#033 !important;
	margin:0 2px;
}
.tourCost a:hover {
	color:#c00 !important;
	margin:0 2px;
}


/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=
     Lightbox - Image Gallery CSS 
   =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */
   
#lightbox {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0px;
}
#lightbox a img { 
	border:none; 
}
#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#imageContainer {
	padding:10px;
}
#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0px;
}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav { 
	left:0;
}
#hoverNav a { 
	outline:none;
}
#prevLink, #nextLink {
	width:49%;
	height:100%;
	background:transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;
	}
#prevLink { 
	left:0; 
	float:left;
}
#nextLink { 
	right:0; 
	float:right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background:url(images/lb_prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background:url(images/lb_nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer {
	font:11px Georgia;
	color:#696;
	line-height:11px;
	background-color:#fff;
	margin:0 auto;
	}
#imageData {
	padding:0 10px;
}
#imageData #imageDetails { 
	width:70%; 
	float:left; 
	text-align:left; 
}	
#imageData #caption { 
	font-weight:bold;	
}
#imageData #numberDisplay { 
	display:block; 
	clear:left; 
	padding-bottom:1.0em;	
}			
#imageData #bottomNavClose { 
	width:66px; 
	float:right;  
	padding-bottom:0.7em;	
}	
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
body.clearfix {
	display:inline-block; 
	width:100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}

/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=
     JD Gallery - Timed Slideshow CSS 
   =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */
   
#mySlideshow
{
	width:620px;
	height:295px;
	z-index:5;
}

.jdSlideshow
{
	display:none;
	overflow:hidden;
	position:relative;
}

.jdSlideshow img
{
	border:0;
	margin:0;
}

.jdSlideshow .slideElement
{
	width:100%;
	height:100%;
	background-color:#000;
	background-repeat:no-repeat;
}

.jdSlideshow .loadingElement
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/slideshow_loading-bar-black.gif');
}

.jdSlideshow .slideInfoZone
{
	position:absolute;
	z-index:10;
	width:100%;
	margin:0px;
	left:0;
	bottom:0;
	height:40px;
	background:#333;
	color:#fff;
	text-indent:0;
}

.jdSlideshow .slideInfoZone h2
{
	padding:0;
	font-size:80%;
	margin:0;
	margin:2px 5px;
	font-weight:bold;
	color:inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding:0;
	font-size:60%;
	margin:2px 5px;
	color:#eee;
}

.jdSlideshow a
{
	font-size:100%;
	text-decoration:none;
	color:inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position:absolute;
	height:100%;
	width:40%;
	cursor:pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

.jdSlideshow a.left
{
	left:0;
	top:0;
	background:url('images/slideshow_fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background:url('images/slideshow_fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right:0;
	top:0;
	background:url('images/slideshow_fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background:url('images/slideshow_fleche2.gif') no-repeat top right; }