@charset "UTF-8";
@import url("reset.css");

/*
COLORS
purple	#46166b
red		#c41230

*/


/*GENERAL*/

html {
	overflow-x:hidden;
}

body {
	background:url(../images/body_bg.gif) repeat-x;
	color: #646464;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center
}
#wrapper {
	font-size:.75em;
	line-height:1.25em;
	margin:0 auto;
	text-align:left;
	width:996px;
}
#wrapper .inner {
	padding:0 10px;
}
	#header {
		width:100%;
		height:246px;
		position:relative;
	}
	#nav {
		display:inline;
		float:right;
		margin:18px 0 0;
		text-align:right;
		overflow:hidden;
	}
		#nav ul {
			background:#ffffff;
			float:right;
		}
			#nav ul li {
				float:left;
				height:32px;
				text-align:center;
			}
			#nav ul li.first {
				background:url(../images/nav_ul_bg.gif) left top no-repeat;
			}
			#nav ul li.last {
				background:url(../images/nav_bg.gif) right top no-repeat;
			}
			#nav ul li.last a, #nav ul li.last a:active, #nav ul li.last a:link, #nav ul li.last a:visited, #nav ul li.last a:hover, #nav ul li.last a:focus {
				color:#fff;
			}
			#nav ul a.active, #nav ul a.active:link, #nav ul a.active:active, #nav ul a.active:visited,
			#nav ul a.active:hover, #nav ul a.active:focus {
				background-image:url(../images/nav_active_bg.gif);
				background-repeat: no-repeat;
				background-position:center top;
				color:#ffffff;
			}
			#nav ul li.first a.active, #nav ul li.first a.active:active, #nav ul li.first a.active:link, #nav ul li.first a.active:visited, #nav ul li.first a.active:hover, #nav ul li.first a.active:focus {
				background-position:0 0;
			}
				#nav ul a {
					display:block;
					font-size:11px;
					padding:9px 13px;
					text-decoration:none;
					text-transform:uppercase;
				}
				#nav ul a:link, #nav ul a:visited, #nav ul a:active {
					color:#46166b;
				}
				#nav ul a:hover, #nav ul a:focus {
					color:#c41230;
				}
		/*#nav form {
					float:right;
				}*/
	h1 {
		position:absolute;
		top: 90px;
		left:20px;
	}
		h1 a {
			background:url(../images/logo_dbs.gif) no-repeat;
			cursor:pointer; cursor:hand;
			display:block;
			height:90px;
			overflow:hidden;
			text-indent:-999em;
			width:243px;
		}
	h2 {
		font-size:2em;
		font-weight:normal;
		line-height:2.25em;
	}
	h3 {
	font-size:1.75em;
	font-weight:normal;
	line-height:2em;
	}
	ul.red_btns li {
		background:url(../images/btn_redright.gif) no-repeat right top;
		float:left;
		margin:0 .5em;
	}
	ul.red_btns li a, ul.red_btns li a:link, ul.red_btns li a:active, ul.red_btns li a:visited,
	ul.red_btns li a:hover, ul.red_btns li a:focus {
		background:url(../images/btn_redleft.gif) no-repeat;
		color:#ffffff;
		display:block;
		font-size:14px;
		margin:0;
		padding:13px 19px 14px 12px;
		text-decoration:none;
		text-transform:uppercase;
	}
	ul.purple_btns li {
		background:url(../images/btn_purpleright.gif) no-repeat right top;
		float:left;
		margin:0 .5em;
	}
	ul.purple_btns li a, ul.purple_btns li a:link, ul.purple_btns li a:active, ul.purple_btns li a:visited,
	ul.purple_btns li a:hover, ul.purple_btns li a:focus {
		background:url(../images/btn_purpleleft.gif) no-repeat;
		color:#ffffff;
		display:block;
		font-size:14px;
		margin:0;
		padding:13px 19px 14px 12px;
		text-decoration:none;
		text-transform:uppercase;
	}

	a, a:link, a:active, a:visited {
		color:#c41230;
	}
	a:hover, a:focus {
		text-decoration:none;
	}
	.center {
		text-align:center;
	}
	.right {
		text-align:right;
	}
	.clear {
		clear:both;
	}
	#footer {
		border-top:1px solid #eeeeee;
		color:#acacac;
		margin:2em 0 0;
		padding:1em 10px 5em;
	}
	#footer a, #footer a:link, #footer a:visited, #footer a:active {
		color:#858585;
	}
	#footer ul {
		float:left;
		margin:0 0 1em;
		overflow:hidden;
		width:65%
	}
	#footer ul li {
		display:inline;
	}
	#footer li a {
		padding:0 1em 0 0;
	}
	#footer p {
		font-size:.95em;
		line-height:1.5em;
	}
	a.e3, a.e3:link, a.e3:active, a.e3:visited, a.e3:hover, a.e3:focus {
		background:url(../images/logo_e3.gif) no-repeat right top;
		display:block;
		float:right;
		height:14px;
		overflow:hidden;
		text-align:left;
		text-indent:-999em;
		width:119px;
	}
	a.twitter, a.twitter:link, a.twitter:active, a.twitter:visited, a.twitter:hover, a.twitter:focus {
		background:url(../images/icon_twitter.gif) no-repeat;
		display:block;
		float:left;
		height:16px;
		overflow:hidden;
		text-indent:-999em;
		width:21px;
	}
	a.facebook, a.facebook:link, a.facebook:active, a.facebook:visited, a.facebook:hover, a.facebook:focus {
		background:url(../images/icon_facebook.gif) no-repeat;
		display:block;
		float:left;
		height:16px;
		overflow:hidden;
		text-indent:-999em;
		width:21px;
	}
	a.linkedin, a.linkedin:link, a.linkedin:active, a.linkedin:visited, a.linkedin:hover, a.linkedin:focus {
		background:url(../images/icon_linkedin.gif) no-repeat;
		display:block;
		float:left;
		height:16px;
		overflow:hidden;
		text-indent:-999em;
		width:21px;
	}
			
/*INTERIORS*/

#content {
	overflow:hidden;
	padding:0 0 67px 0;
	width:100%;
}

#fun_facts {
	color:#3e3e3e;
	float:right;
	margin:40px 0 0;
	text-align:right;
	width:495px;
}
#fun_facts li {
	display:none; /* hide the items at first only to display one with javascript */
	font-size:1.1em;
	line-height:1.2em;
}
#fun_facts li span {
	display:block;
	font-size:1.3em;
	padding:0 0 .5em;
}
#fun_facts li strong {
	color:#46166b;
	font-weight:normal;
}

	
#text {
	background:url(../images/interior_top.gif) no-repeat;
	color:#646464;
	float:left;
	width:562px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 40px;
}
  #text .outer {
	  background:url(../images/interior_mid.gif) repeat-y;
  }
  	#text h2 {
		background:url(../images/interior_title_line.gif) no-repeat left bottom;
		color:#c41230;
		overflow:hidden;
		margin-bottom:31px;
		padding:18px 31px 0;
	}
	#text h2 img {
		display:inline;
		float:left;
		margin:-7px 5px 18px 0;
	}
	#text .inner {
		background:url(../images/interior_btm.gif) no-repeat left bottom;
		overflow:hidden;
		padding:0 31px 31px;
	}
	#contact #text .inner {
		padding:0;
		width:100%;
	}
	#text h3 {
		background:transparent;
		font-size:1.5em;
		line-height:1.3em;
		margin:.75em 0 0;
	}
	#text h4 {
		background:transparent;
		font-size:1.15em;
		font-weight:normal;
		margin:.75em 0 0;
	}
	#text p {
		background:transparent;
		padding:.5em 0;
	}
	#text strong {
		color:#46166b;
	}
	#text ul {
		background:transparent;
		margin:.5em 1em 1.5em 2em;
	}
	#text ul li {
		background:url(../images/bullet.gif) no-repeat 0 8px;
		padding:4px 0 4px 1.5em;
	}
	#text ul ul {
		margin:.25em 0 .25em .5em;
	}

	#text table {
		border:1px solid #dddddd;
		color:#46166b;
		margin:1em auto;
		text-align:center;
		width:60%;
	}
		#text table td {
			border-bottom:1px dashed #eeeeee;
			border-right:1px solid #dddddd;
			padding:5px;
		}
		#text table td.purple {
			font-size:1.2em;
			width:20%;
		}
		#text blockquote {
			background:transparent;
			border:1px dashed #dddddd;
			margin:0 1em;
			padding:16px;
		}
		tr.table_title td {
			background:#eeeeee;
			font-weight:bold;
			vertical-align:middle;
		}
#sidebar {
	background:url(../images/interior_station.jpg) no-repeat right top;
	color:#797979;
	float:right;
	padding:200px 0 0;
	width:368px;
}
	#sidebar h4 {
		background-color:#eeeeee;
		color:#46166b;
		font-size:1.1em;
		font-weight:normal;
		height:22px;
		line-height:22px;
		margin:0 0 1em;
		padding:0 0 0 5px;
		text-transform:uppercase;
	}
	#sidebar span {
		border-left:2px solid #ffffff;
		float:right;
		height:22px;
	}
		#sidebar span a, #sidebar span a:link, #sidebar span a:visited, #sidebar span a:active {
			background:#46166b url(../images/btn_arrow_purple.gif) no-repeat 5px 3px;
			color:#ffffff;
			display:block;
			line-height:22px;
			padding:0 5px 0 25px;
			text-decoration:none;
		}
		#sidebar span a:hover, #sidebar span a:focus {
			background-color:#c41230;
		}
	#sidebar p {
		font-size:1.2em;
		margin:0 .5em 1em;
	}
	.center_float {
		clear:both;
		float:left;
		margin:0 0 1em;
		overflow:hidden;
		width:100%;
	}
	.center_float ul {
		float:left;
		left:50%;
		margin:0 auto;
		position:relative;
	}
	.center_float ul li {
		float:left;
		position:relative;
		right:50%;
	}
.imgleft {
	float:left;
	margin:0 5px 0 0;
}
.top {
	border-bottom:1px solid #eeeeee;
	padding-bottom:1em;
	text-align:right;
}
.denver_bcycle_logo {
	float:right;
	margin:2em 0 0;
}
.denver_bcycle_logo a {
	background:url(../images/logo_dbcycle.gif) no-repeat center top;
	display:block;
	height:56px;
	overflow:hidden;
	text-indent:-999em;
	width:368px;
}

#donate {
	background:url(../images/donate_bkgrnd.jpg) no-repeat;
	color:#797979;
	min-height:113px;
	margin:2em 0 0;
	padding:0 0 0 128px;
}
	#donate h4 {
		background-color:#eeeeee;
		color:#46166b;
		font-size:1.1em;
		font-weight:normal;
		line-height:26px;
		margin:0 0 .5em;
		padding:0 0 0 6px;
		text-transform:uppercase;
	}
	#donate form {
		border-left:2px solid #ffffff;
		float:right;
	}
		#donate span {
			border-left:2px solid #ffffff;
			float:right;
		}
		#donate span a, #donate span a:link, #donate span a:visited, #donate span a:active, #donate span a:hover, #donate span a:focus {
			background:url("../images/redgradient.gif") -1px 0;
			color:#ffffff;
			display:block;
			line-height:26px;
			padding:0 5px 0 25px;
			text-decoration:none;
		}
	#donate p {
		font-size:1.2em;
		margin:0 .5em 1em;
	}

	
/*SPONSOR PAGE*/

.sponsor_options {
	border:1px solid #dddddd;
	margin:1em auto;
	width: 60%;
}
	.sponsor_options .title {
		overflow:hidden;
		width:100%;
	}
		.sponsor_options .title div {
			background-color:#eeeeee;
			background-image:url(../images/grey_border.gif);
			background-repeat:no-repeat;
			background-position: right top;
			color:#46166b;
			float:left;
			font-size:1.2em;
			font-weight:bold;
			padding:10px 0;
			text-align:center;
			width:50%;
		}
	.sponsor_options .price {
		background-color:#c21230;
		background-image:url(../images/red_gradient.gif);
		background-repeat:repeat-x;
		background-position:left bottom;
		overflow:hidden;
		width:100%;
	}
		.sponsor_options .price div {
			background-image:url(../images/grey_border.gif);
			background-repeat:no-repeat;
			background-position: right top;
			color:#ffffff;
			float:left;
			font-size:1.1em;
			padding:10px 0;
			text-align:center;
			width:50%;
		}
	.sponsor_options .description {
		padding:10px;
		text-align:left;
	}
	#text .sponsor_options .description ul {
		margin-bottom:0;
	}
	.sponsor_options .price .nobkgrnd,
	.sponsor_options .title .nobkgrnd {
		background-image:none;
	}
	
/*CONTACT FORM*/
#contact_form {
	display:inline;
	float:right;
	margin:0 31px 31px 0;
	width:53%;
}
#contact_form_text {
	margin:0 0 31px 31px;
}
#contact_form form {
	border-left:1px solid #eeeeee;
	padding:0 0 0 16px;
}
#contact_form form div {
	overflow:hidden;
	padding:0 0 1em;
	width:100%;
}
#contact_form label {
	float:left;
	line-height:20px;
	margin-right:12px;
	text-align:right;
	width:18%;
}
#contact_form label span {
	color:#c41230;
}
#contact_form input {
	border:1px solid #CCC;
	padding:3px;
	width:70%;
}
#contact_form textarea {
	border:1px solid #CCC;
	height:100px;
	padding:3px;
	width:70%;
}
#contact_form select {
	width:70%;
}
#contact_form p span {
	background:url(../images/btn_purpleright.gif) no-repeat right top;
	display:inline;
	float:left;
	margin:0 0 0 21%;
}
#contact_form p span input {
	background:url(../images/btn_purpleleft.gif) no-repeat;
	border:0;
	color:#ffffff;
	cursor:hand;cursor:pointer;
	font-size:14px;
	height:43px;
	margin:0;
	padding:0 19px 7px 12px;
	text-transform:uppercase;
	width:auto;
}
.important {
	border:1px solid #c41230;
	color:#c41230;
	margin:0 2em 2em;
	padding:1em;
	text-align:center;
}


	
/*FRONT*/
	#bike_sharing {
		color:#3e3e3e;
		float:right;
		margin:40px 0 0;
		width:495px;
	}
		#bike_sharing h2 {
			background:url(../images/title_whatisbikesharing.gif) no-repeat;
			display:block;
			float:right;
			height:38px;
			overflow:hidden;
			text-indent:-999em;
			width:226px;
		}
		#bike_sharing strong {
			color:#46166b;
			font-weight:normal;
		}
		#bike_sharing p {
			clear:right;
			font-size:1.3em;
			line-height:1.3em;
			text-align:right;
		}
	#denver_bike_sharing {
		color:#646464;
		float:left;
		margin:0 0 3em;
		width:355px;
	}
		#denver_bike_sharing h3 {
			background:url(../images/title_whatisdenverbikesharing.gif) no-repeat;
			display:block;
			float:left;
			height:33px;
			overflow:hidden;
			text-indent:-999em;
			width:268px;
		}
		#denver_bike_sharing p {
			clear:left;
			font-size:1.19em;
			line-height:1.25em;
			margin:1em 0 0;
		}
		#denver_bike_sharing p.right {
			margin:0 0 1em;
		}
		#denver_bike_sharing strong {
			color:#46166b;
			font-weight:normal;
		}
		#denver_bike_sharing a.toggle {
			background-image:url(../images/btn_plusminus.gif);
			background-repeat:no-repeat;
			font-size:12px;
			padding:3px 0 3px 20px;
		}
		#denver_bike_sharing a.more {
			background-position:0 1px;
		}
		#denver_bike_sharing a.less {
			background-position:0 -30px;
		}
		#denver_bike_sharing ul {
			overflow:hidden;
			width:100%;
		}
	#benefits {
		clear:left;
		color:#646464;
		float:left;
		width:355px;
	}
		#benefits .inner {
			border:1px dashed #d1d1d1;
			padding:13px;
		}
		#benefits h4 {
			background-color:#eeeeee;
			color:#46166b;
			font-size:1.1em;
			font-weight:normal;
			height:20px;
			line-height:20px;
			padding:0 0 0 5px;
			text-transform:uppercase;
		}
		#benefits span {
			border-left:2px solid #ffffff;
			float:right;
			height:20px;
		}
			#benefits span a, #benefits span a:link, #benefits span a:visited, #benefits span a:active {
				background-color:#46166b;
				color:#ffffff;
				display:block;
				line-height:20px;
				padding:0 5px;
				text-decoration:none;
			}
			#benefits span a:hover, #benefits span a:focus {
				background-color:#c41230;
			}
		#benefits ul {
			margin:1em .5em;
		}
			#benefits ul li {
				clear:both;
				margin:0 0 5px;
			}
			#benefits ul img {
				float:left;
				margin:0 .5em .5em 0;
			}
		#benefits p {
			margin:.5em 0 0;
			overflow:hidden;
			width:100%;
		}
			#benefits p a {
				background:url(../images/btn_arrow.gif) 0 50% no-repeat;
				display:block;
				float:right;
				line-height:17px;
				padding:0 0 0 22px;
			}
		
	#member {
		background:url(../images/index_main_img.jpg) no-repeat;
		float:right;
		height:421px;
		width:525px;
	}
		#member .inner {
			padding:136px 0 0 15px;
		}
			
	
#wrapper .inner #content #text .outer .inner h4 {
	font-size: 10px;
}