@charset "utf-8";
/* CSS Document */

html, body {/*Top Level Styles*/
background:#dcdff0;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;/*Main Font Color*/
height:100%;
}

a {
color:#3e62a5;
}

div#hr {
background:#b0ad9c;
height:1px;
margin-bottom:5px;
width:100%;
clear:both;
}

h2 {
font-weight:bold;
text-align:center;
font-size:18px;
color:#3e68a7;
margin:15px 0 5px 0;
padding:0;
}

h3 {
font-weight:bold;
text-align:center;
font-size:14px;
color:#3f90c8;
margin:0;
padding:0;
}

h4 {
font-weight:bold;
font-size:14px;
color:#3f90c8;
margin:0 0 5px 0;
padding:0;
}

h5 {
font-weight:bold;
font-size:14px;
color:#3f69aa;
margin:0 0 10px 0;
padding:2px 0 10px 0;
text-align:center;
border-bottom:1px dotted #706f6d;
width:100%;
}

#page {
width:838px;
margin:0 auto; /*centers page*/
background:url(images/back.jpg) repeat-y;/*Strip of white the body is on w/ shadow*/
}

#main {/*main content in here*/
width:750px;
margin:0 44px 0 44px;
}

#header {/*Where the nav, logo, and the image map will sit*/
width:750px;
letter-spacing:-1px;
background:url(images/header-bg.jpg) no-repeat transapent;
}

	#header-left {/*Logo Top*/
	width:154px;
	float:left;
	text-align:right;
	background:url(images/logo-bg.jpg) no-repeat;
	}
	
	#header-right {/*nav and image map*/
	width:596px;
	float:right;
	}
	
#lang {
height:48px;
background:url(images/lang-bg.jpg) repeat-x;
text-align:right;
}

#nav {
width:596px;
background:url(images/nav-bg.jpg) no-repeat;
}

/*Drop Downs*/

	.chromestyle {
	width: 100%;
	font-weight: bold;
	}
	
	.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
	.chromestyle ul {
	width:576px;/*minus 20 for margin*/
	/*THEME CHANGE HERE*/
	padding:0;
	margin: 0 0 0 20px;
	}
	
	.chromestyle ul li {
 	display: inline;
 	margin:0 9px 0 0;/*space between images in nav*/
 	padding:0;
 	}
 
 	.chromestyle ul li img {
 	padding:0;
	margin:0;
 	}
	
	.chromestyle ul li a {/*most of this dosent apply since you are using images*/
	/*THEME CHANGE HERE*/
	padding:0;
	margin:0;
	}
	
	.chromestyle ul li a:hover {/*most of this dosent apply since you are using images*/
	/*THEME CHANGE HERE*/
	padding:0;
	margin:0;
	}
	
	.chromestyle ul li a[rel]:after { /*HTML to indicate drop down link*/
	content: " ";
	/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
	}
	
	
	/* ######### Style for Drop Down Menu ######### */
	/* IE7 Only */
	*:first-child+html .dropmenudiv {
	margin-top : 0px;
	}
	
	/* IE6 Only */
	* html .dropmenudiv {
	margin-top : 0px;
	}
	
	.dropmenudiv {/*the actual drop downs are styled here*/
	position:absolute;
	text-align:left;
	top: 0;
	margin-top:-4px;
	/*THEME CHANGE HERE*/
	border: 1px solid #0075BF; 
	border-bottom-width: 0;
	line-height:15px;
	z-index:100;/*makes it sit above other stuff*/
	background-color: white;
	width: 150px;
	visibility: hidden;
	filter:alpha(opacity=90);/*opacity*/
	-moz-opacity:.90;
	opacity:.90;
	}
	
	.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	/*THEME CHANGE HERE*/
	border-bottom: 1px solid #0075BF;
	padding: 3px 0;
	text-decoration: none;
	color: #476cb4;
	font-size:12px;
	}
	
	* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
	}
	
	.dropmenudiv a:hover { 
	/*THEME CHANGE HERE*/
	background-color: #4690cd;
	color:#fff;
	text-decoration:none;
	}

/*End Drop Downs*/
	
#focus {
width:750px;
}

#lead {
margin-top:3px;
height:69px;
width:750px;
}

	#lead div {
	float:left;
	}

/*Image Rollovers In CSS*/
a.vtslide {
display:block;
width:109px;
height:69px;
background:url(images/vid-tour-new.jpg) no-repeat top;
}

a.vtslide:hover {
background:url(images/vid-tour-new.jpg) no-repeat bottom;
}

a.reservenow {
display:block;
width:124px;
height:69px;
background:url(images/reserve-new.jpg) no-repeat top;
}

a.reservenow:hover {
background:url(images/reserve-new.jpg) no-repeat bottom;
}

a.middlelocation {
display:block;
width:100px;
height:120px;
background:url(images/city-rental-new.jpg) no-repeat top;
}
a.middlelocation2 {
display:block;
width:100px;
height:120px;
background:url(images/city-tours-new.jpg) no-repeat top;
}
a.middlelocation:hover {background:url(images/city-rental-new.jpg) no-repeat bottom;}
a.middlelocation2:hover {background:url(images/city-tours-new.jpg) no-repeat bottom;}
/*End Image Rollovers In CSS*/

#content-home {/*home page only*/
overflow:hidden;
background:#FFFFFF;
}

	#content-home div {/*three columns*/
	float:left;
	}
	
	#content-home div p {
	padding:10px 0 15px 0;
	margin:0;
	}
	
	/*specifics for three columns*/
	#content-home div.left {
	width:291px;
	text-align:center;
	}
	
	#content-home div.middle { 
	width:269px;
	text-align:center;
	}
	
	#content-home div.right { 
	width:189px;
	text-align:center;
	}
	
	span.red-title{
	font-weight:bold;
	font-size:11px;
	color:#BD4624;
	}
	
	#content-home a, span.link-area{
	color:#4A6CB3;
	}
	
	#content-home a:hover{
	text-decoration:none;
	}

#content-city {/*city pages*/
margin-top:3px;
clear:both;
background:url(images/content-bg.jpg) repeat-y;
overflow:hidden;
}

	#content-city div {
	float:left;
	}
	
	#content-city div.left {
	width:189px;
	}
	
	#content-city div.middle {
	width:372px;
	/*background:url(images/mid-top.jpg) no-repeat;*/
	}
	
		#content-city div.middle .photo {
		margin:10px 5px 0 10px;
		}
	
	#content-city div.right {
	width:189px;
	}
	
	#content-city div.module {
	width:189px;
	height:153px;
	background:#EFEFEF;
	}
	
	#content-city p {
	margin:0;
	padding:6px 10px 6px 10px;
	}
	
	#content-city p.center {
	text-align:center;
	padding:10px 100px 10px 100px;
	}
	
#content-int {/*interior city pages*/
margin-top:11px;
overflow:hidden;
background:url(images/content-int-bg.jpg) repeat-y;
}

	#content-int div.left {
	width:147px;
	margin:0 19px 0 0;
	padding:0;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	text-align:center;
	background:#929ba4;
	}
	
	#content-int div.module {
	width:111px;
	padding:15px 18px 15px 18px;
	margin:0;
	background:url(images/int-mod-bot.jpg) bottom no-repeat; /*checkered line*/
	}
	
	#content-int div.module p {
	margin:0;
	padding:5px 0 0 0;
	}
	
	#content-int div.right {
	width:584px;
	float:right;
	}
	
		#intnav {/*Int Nav Tabs*/
		height:36px;
		width:584px;
		overflow:hidden;
		}

			#intnav ul {
			margin:0;
			padding:0;
			list-style-type:none;
			overflow:hidden;
			}
			
			#intnav li {
			display:block;/*this makes the links square boxes and go horizontal*/
			float:left;/*this makes the links square and go horizontal*/
			padding:0;
			margin:0;
			height: 36px;
			}
			
			#intnav a {
			height: 36px;
			padding: 0px;
			margin: 0px;
			text-decoration: none;
			display: block;
			}
			
			#intnav a span {
			display: none;
			}
			
			#intnav a:hover, #intnav a.selected {
			background-position: 0px -36px;/*slides the images on hover*/
			}
			
			/*each tab*/
			#intnav-rental a {
			background:url(images/intnav-rental.jpg) no-repeat left top;
			width:102px;
			}
			
			#intnav-tour a {
			background:url(images/intnav-tour.jpg) no-repeat top;
			width:135px;
			}
			
			#intnav-location a {
			background:url(images/intnav-location.jpg) no-repeat left top;
			width:118px;
			}
			
			#intnav-groups a {
			background:url(images/intnav-groups.jpg) no-repeat left top;
			width:93px;
			}
			
			#intnav-community a {
			background:url(images/intnav-community.jpg) no-repeat left top;
			width:135px;
			}
			
	#bikelist {/* wrapper for the rental tab*/
	overflow:hidden; /*needed for FF when float*/
	margin:0 1px 0 1px;
	width:582px;
	}
	
	div.rentalcell {/*cell with bike for rental tab*/
	float:left;
	width:183px;
	padding:0 5px 0 5px;
	margin-bottom:6px;
	border-right:1px dotted #6e6e6e;
	}
	
	div.rentalcell p {
	margin:0;
	padding:0;
	}
	
	div.rentalpricing {
	width:163px;
	padding:10px;
	background:#e5e9e9;
	}
	
	table#rentalpricing {
	width:153px;
	text-align:center;
	font-weight:bold;
	margin:0;
	}
	
	#tour-top {/*top grey box tour tab*/
	width:554px;
	height:84px;
	background:url(images/tour-top.jpg) no-repeat;
	padding:9px 15px 0 15px;
	text-align:center;
	}
	
	#tour-top p {
	margin:0;
	padding:5px 0 5px 0;
	}
	
	ul.tourcell {/*list with tours for tour tab*/
	width:584px;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
	ul.tourcell li {
	width:584px;
	height:92px;
	padding:8px 0;
	margin:0;
	border-bottom:1px solid #b0ad9c;
	}
	
		ul.tourcell li div {
		float:left;
		display:block;
		height:92px;
		}
		
		ul.tourcell li div.picture {
		width:118px;
		}
		
		ul.tourcell li div.desc {
		width:309px;
		padding:10px 10px 0 10px;
		height:82px;
		}

		ul.tourcell li div.tourright {
		width:132px;
		height:77px;
		padding:15px 0 0 0;
		border-left:1px dotted #6f6f6f;
		text-align:center;
		background:url(images/tour-right.jpg) no-repeat;
		}

#footer {
width:750px;
background:url(images/footer-bg.jpg) no-repeat #4690cd;
clear:both;
margin:14px 44px 0 44px;
line-height:1.5;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

#footer p {
padding:10px 0 10px 0;
}

/*registration process*/
#reserve-top {
margin-bottom:10px;
}

form#reserve {
padding:0;
margin-top:10px;
}

label {
color:#3f69aa;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

form#reserve select {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
border:1px solid #7f9db9;
font-weight:bold;
}

form#reserve select.reserve {
width:160px;
}

table#reserve {
padding:0;
margin-top:0;
}

table#reserve td.submit {
padding-top:15px;
}

table#reserve td.submit input {
margin-right:10px;
}

table#reserve td.equip {
border:1px dotted #706f6d;
border-left:none;
border-top:none;
padding:1px;
height:70px;
}


/*Font Styles*/

/* --------------------- Main Headings -------------------- */
.mainheadings, .mainheadings a, .mainheadings a:visited, .mainheadings a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #2554ab;
	font-weight: bold;
}
.mainheadings a:hover { 
	color: #2554ab;
	text-decoration: underline;
} 

/* --------------------- Main Copy -------------------- */
.maincopy, .maincopy a, .maincopy a:visited, .maincopy a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}
.maincopy a:hover { 
	color: #2554ab;
	text-decoration: underline;
} 

/* --------------------- Side Menu -------------------- */
.sidemenu, .sidemenu a, .sidemenu a:visited, .sidemenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.sidemenu a:hover { 
	color: #2554ab;
	text-decoration: none;
} 

/* --------------------- footer -------------------- */
.footercopy, .footercopy a, .footercopy a:visited, .footercopy a:active {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#DDDDDD;
	font-size:10px;
	text-align:center;
	text-decoration: none;
}
.footercopy a:hover { 
	color: #FFFFFF;
	text-decoration: underline;
} 

/* --------------------- form -------------------- */
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	font-style: normal;
	line-height: normal;
	color: #469OCD;
	/*width:250px;*/
	border:1px solid #aaa;
	background-image: url(../images/formfade.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;

}