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

body {
	margin: 0; padding: 0;
	font-size: 12px;
	background: url(../images/snow-bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	}
	
p {
	margin: 5px 0 12px 0;
	}
	
a, a:visited {
	color: #b33f00;
	text-decoration: none;
	outline: none;
	}
	
a:hover, a:visited:hover {
	color: #008af3;
	text-decoration: underline;
	outline: none;	
	}
	
a img, a:visited img {
	border: none;
	outline: none;
	}
	
a:active, a:focus {
	outline: none;
	}
	
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 10px;
	}
	
	
/************************************************************************************

																		   STRUCTURAL
																																						
************************************************************************************/
	
#wrapper {
	width: 960px;
	margin: auto;
	background: #FFFFFF;
	}

#flashheader {
	width: 960px;
	height: 323px;
	}
	
#topWrapper {
	clear: both;
	}
	
#leftpromo {
	width: 224px;
	padding: 16px 8px 16px 8px;
	float: left;
	}
		
	#home_weather {
		width: 200px;
		height: 55px;
		border-bottom: 1px solid #CCCCCC;
		margin-left: 10px;
		}
		
		#temp {
			font-size: 32px;
			color: #999999;
			float: left;
			padding: 8px 0 0 20px;
			width: 50px;
			text-align: center;
			letter-spacing: -3px;
			}
			
		#condition {
			color: #b33f00;
			float: left;
			width: 50px;
			height: 34px;
			text-align: center;
			padding: 12px 0 0 0;
			}
			
		#temprange {
			font-size: 11px;
			text-align: center;
			color: #666666;
			padding: 12px 0 0 0;
			}
			
	#home_grooming {
		width: 200px;
		height: 55px;
		border-bottom: 1px solid #CCCCCC;
		margin-left: 10px;
		}
		
		#home_grooming_links {
			margin: 0 0 0 52px;
			padding: 3px 0 0 0;
			}
		
		#home_grooming a, #home_grooming a:visited, #home_webcam a, #home_webcam a:visited {
			color: #b33f00;
			text-decoration: none;
			font-size: 11px;
			line-height: 16px;
			}
			
		#home_grooming a:hover, #home_grooming a:visited:hover, #home_webcam a:hover, #home_webcam a:visited:hover {
			color: #008af3;
			text-decoration: underline;
			}
			
	#home_webcam {
		width: 200px;
		height: 55px;
		margin-left: 10px;
		}
			
		#home_webcam_links {
			margin: 0 0 0 52px;
			padding: 3px 0 0 0;
			}
			
	#e-club {
		margin: 0 15px 25px 15px;
		text-align: center;
		font-size: 11px;
		line-height: 20px;
		}

#rightpromo {
	width: 224px;
	padding: 16px 8px 16px 8px;
	float: right;
	}
	
#narrowmain {
	width: 480px;
	padding: 0 0 16px 0px;
	margin: 16px 0 0 0px;
	background: #e8e8e8;
	float: left;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	
	#narrowmain p {
		margin-top: 12px;
	}
	
	#tabnav {
		height: 38px;
		background: url(../images/tabnav/bg.png);
		}
		
		#tabnav ul, #tabnav li {
			list-style: none;
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 0;
			line-height: 0;
			}
			
/* Made rideshare-specific
#widemain {
	width: 670px;
	margin: 14px 18px 0 250px;
	
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

	#widemain p {
		margin: 16px 0 8px 0;
		padding: 0;
		line-height: 20px;
	}

	#widemain h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 30px;
		color: #b33f00;
		margin: 18px 0 0 0;
		padding: 0;
	}
	
	#widemain h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		color: #777777;
		font-weight: lighter;
		margin: 6px 0 6px 0;
		padding: 0;
	}
	
	#widemain h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#widemain .photo {
		margin: 0 0 16px 20px;
	}
	
	#widemain ul {
		margin-top: 0;
	}
*/
		
	#content {
		width: 448px;
		margin: 16px 16px 8px 16px;
		}
		
		#content h1 {
			margin: 0; padding: 0;
			
			color: #b33f00;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			}
			
	#slider {
		width: 448px;
		height: 250px;
		overflow: hidden;
		position: relative;
		}
			
#promosection {
	height: 122px;
	clear: both;
	}
	
#sidewrap {
	float: left;
}
	
/* Made rideshare-specific
#sidepromos {
}

.promo {
	width: 240px;
	float: left;
	}
	
	#sidepromos .promo {
		float: none !important;
	}
*/
	
#footer {
	clear: both;
	margin: 0 0 0 0px;
	
	padding: 15px 0 0 25px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color: #fff;
	font-size: 10px;
	border-top: 1px solid #ccc;
	}
	
	div.footer-nav {
		float: left;
		width: 120px;
		font-size: 10px;
		color: #666;
		margin-left: 10px;
		border-right: 1px solid #ddd;
		min-height: 100px;		
	}
	
		div.footer-nav ul {
			list-style: none;
			margin: 0 5px 0 5px;
			padding: 0;
		}
		
		div.footer-nav li a, div.footer-nav li a:visited {
			color: #999;
		}
		
		div.footer-nav li a:hover, div.footer-nav li a:visited:hover {
			color: #b33f00;
		}
	
	.selected {
/*		border: 5px solid #33FF33 !important; */
		}
		
		#goto1 {
			background-image: url(../images/tabnav/news.png);
			display: inline-block;
			width: 74px;
			height: 38px;
			}
			
			a#goto1:hover, a#goto1:visited:hover {
				background-image: url(../images/tabnav/news_ro.png);
				}
		
			a#goto1.selected {
				background-image: url(../images/tabnav/news_ro.png);
				}
					
		#goto2 {
			background-image: url(../images/tabnav/events.png);
			display: inline-block;
			width: 77px;
			height: 38px;
			}
			
			a#goto2:hover, a#goto2:visited:hover {
				background-image: url(../images/tabnav/events_ro.png);
				}
				
			a#goto2.selected {
				background-image: url(../images/tabnav/events_ro.png);
				}
				
		#goto3 {
			background-image: url(../images/tabnav/deals.png);
			display: inline-block;
			width: 77px;
			height: 38px;
			}
			
			a#goto3:hover, a#goto3:visited:hover {
				background-image: url(../images/tabnav/deals_ro.png);
				}
				
			a#goto3.selected {
				background-image: url(../images/tabnav/deals_ro.png);
				}
				
		#goto4 {
			background-image: url(../images/tabnav/plan.png);
			display: inline-block;
			width: 124px;
			height: 38px;
			}
			
			a#goto4:hover, a#goto4:visited:hover {
				background-image: url(../images/tabnav/plan_ro.png);
				}
				
			a#goto4.selected {
				background-image: url(../images/tabnav/plan_ro.png);
				}
			
		#goto2 .selected {
			background-image: url(../images/tabnav/deals_ro.png);
			}
			
		#goto3 .selected {
			background-image: url(../images/tabnav/events_ro.png);
			}
			
		#goto4 .selected {
			background-image: url(../images/tabnav/plans_ro.png);
			}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clearboth {
	clear: both;
	}
	
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
	}
	
	
/********************************************* SIDENAV */

#sidenav {
	width: 220px;
	margin: 10px 0 16px 10px;
	padding: 0 0 0 0;
	background: url(../images/sidenav_bg.jpg) no-repeat;
}

	#sidenav h1 {
		font-size: 18px;
		color: #000;
		margin: 0 0 8px 20px;
		padding: 18px 0 0 0;
	}

	#sidenav ul {
		margin: 0;
		padding: 0 0 10px 0;
		list-style: none;
	}
	
	#sidenav li {
		margin: 0;
		padding: 0;
	}
	
	#sidenav li a, #sidenav li a:visited {
		display: block;
		padding: 12px 0 12px 36px;
		width: 184px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000;
		font-size: 14px;
	}
	
	#sidenav li a:hover, #sidenav li a:visited:hover, #sidenav li a.active {
		color: #FFF;
		background-color: #0094fd;
		text-decoration: none;
	}
	
/********************************************* MEDIA */

div#player {
	width: 640px;
	height: 352px;
	padding: 3px;
	margin: 0 5px 10px 0;
	background-color: #eee;
	border: 1px solid #ccc;
	float: left;
}

div#player_info {
	float: left;
	height: 352px;
	margin: 0 0 0 10px;
	width: 190px;
}

	div#player_info h1 {
		font-size: 18px;
	}

div.media-item {
	background-color: #eee;
	border: 1px solid #ccc;
	width: 196px;
	height: 196px;
	padding: 5px;
	font-size: 10px;
	color: #666;
	margin: 10px 8px 14px 0;
	float: left;
}

	div.media-item-description {
		max-height: 60px;
		min-height: 60px;
		line-height: 16px;
	}

	div.media-item img {
	}
