@charset "utf-8";
/* CSS Document */
/*
Freedom Riders The Movie / freedomridersthemovie.com
Jake Hawkes / moocycles@hotmail.com
All Styles
*/
/* First, a CSS Reset 				*/
:focus {outline: 0}
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;}
body {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background: url(../images/tile.gif);
	color:#FFFFFF;}
:link img {border: none;}
a img {border: 0;}
ul, ol {list-style:none;}
#nojs { margin:0 auto; padding:10px; text-align:center; font-size:16px; background:#333; color:#ccc; }
#nojs a { color:#fff; }
h1, h2, h3, h4, h5, h6,
address, blockquote, ol, p, ul {
	margin: 0 0 0 0;
	padding: 0;}
h1{	font-family: “Trebuchet MS”, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 2px;
	line-height: 1.1em;
	color:#d7e9fa;}
h2.grey{font-family: “Trebuchet MS”, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 2px;
	line-height: 1.4em;
	margin: 6px 0 0 7px;
	color:#666666; }
h2.white{font-family: “Trebuchet MS”, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 2px;
	line-height: 1.4em;
	margin: 6px 0 0 7px;
	color:#ffffff;}	
h2.blue{font-family: “Trebuchet MS”, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 2px;
	line-height: 1.4em;
	margin: 6px 0 0 7px;
	color:#243148;}
h2.black{font-family: “Trebuchet MS”, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 2px;
	line-height: 1.4em;
	margin: 6px 0 0 7px;
	color:#000000; }
h3{margin: 0 auto;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#ffffff;}
h4{margin: 0 auto;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#ff9c00;}
h5{
	margin: -22px 0 0 500px;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#ff00a2;}
h5 .hover, .active{
	color:#ff00a2;}

p{
margin: .5em 0 .1em 0;
font-size : 12px;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
color:  #ffffff;
text-indent: 10pt;
letter-spacing: 1px;
line-height: 1.2em;
padding-top: 2px; }
p .smallText{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;}
p.white{color:  #FFFFFF;}
p.goldTimes {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#827b00;}
button, input, select, textarea {font-family: "lucida grande", arial, helvetica, sans-serif; font-size:16px; margin:5px;}
.center{margin: 0 auto;}
.homePhotoTitle{
margin: 7px 0px 0 180px;
width: 440px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
color: #ffffff;}

.homePhotoTitle a:link, a:active, a:hover, a:visited{color:#ffffff; text-decoration:none;}

.prev a{width:92px;
		height:28px;
		margin:15px 0 0 6px;
		padding:0 0 0 0;
		float:left;
		background:url(../images/PreviousButton.png)0 0 no-repeat;}
.prev a:hover {background:url(../images/PreviousButton.png) 0px -28px no-repeat;}
.next a{width:92px;
		height:28px;
		margin:15px 0 0 10px;
		padding:0 0 0 0;
		float:left;
		background:url(../images/NextButton.png)0 0 no-repeat;}		
.next a:hover {background:url(../images/NextButton.png) 0px -28px no-repeat;}

#block{
	min-height:190px;
	display:block;}
.DVD{
	maring:0;
	padding:0;
	width: 200px;
	float:left;
	display:block;}
.purchaseForm{
	maring:0;
	padding:0;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#fff;
	width: 350px;
	float: right;}
/* ---------------- NAVIGATION --------------------- */
#topMenu {
width:982px;
height:38px;
margin:0 0 0 165px;
}
#navigation_ul {
position:relative;
width:982px;
height:38px;
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png);}
#navigation_ul li {
position:absolute;
top:0;
height:38px;
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) 0 0 no-repeat;
display:block;
list-style:none;}
#navigation_ul a{
display:block;
height:38px;}
#navigation_ul #nav1 {
left:0;
background-position:0px 0px;
text-indent:-9000px;
outline:0;}
#nav1, #nav1 a {width:180px;}
#navigation_ul #nav1 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) 0px -40px no-repeat;}
#navigation_ul #nav2 {
left:183px;
background-position:-183px 0px;
text-indent:-9000px;
outline:0;}
#nav2, #nav2 a {width:177px;}
#navigation_ul #nav2 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -183px -40px no-repeat;}
#navigation_ul #nav3 {
left:363px;
background-position:-363px 0px;
text-indent:-9000px;
outline:0;}
#nav3, #nav3 a {width:159px;}
#navigation_ul #nav3 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -363px -40px no-repeat;}
#navigation_ul #nav4 {
left:525px;
background-position:-525px 0px;
text-indent:-9000px;
outline:0;}
#nav4, #nav4 a {width:113px;}
#navigation_ul #nav4 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -525px -40px no-repeat;}
#navigation_ul #nav5 {
left:641px;
background-position:-641px 0px;
text-indent:-9000px;
outline:0;}
#nav5, #nav5 a {width:120px;}
#navigation_ul #nav5 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -641px -40px no-repeat;}
#navigation_ul #nav6 {
left:756px;
background-position:-756px 0px;
text-indent:-9000px;
outline:0;}
#nav6, #nav6 a {width:112px;}
#navigation_ul #nav6 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -756px -40px no-repeat;}
#navigation_ul #nav7 {
left:868px;
background-position:-868px 0px;
text-indent:-9000px;
outline:0;}
#nav7, #nav7 a {width:117px;}
#navigation_ul #nav7 a:hover {
background:url(http://www.freedomridersthemovie.com/images/FreedomMenu.png) -868px -40px no-repeat;}
#top{
	margin: 0;
	padding: 0;
	height: 39px;
	background: url(../images/top.gif);
	background-repeat:repeat-x;}
#container {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 1308px;
	height: 870px;
	background: url(../images/Freeride_Moutain_Biking_Background.jpg) no-repeat;}
#header{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 1308px;
	height:145px;
	position:relative;}
#headerTextLeft{
	float:Left;
	margin: 6px 0 0 50px;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#ed3093;}
#headerTextRight{
	float:right;
	margin: 6px 50px 0 0;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	color:#ed3093;}
#headerTextLeft	a, a:hover{
	color:#ed3093;
	text-decoration:none;}
#headerTextRight a, a:hover{
	color:#ed3093;
	text-decoration:none;}
	
/*----------------- PRESS KIT LOG IN PAGE ------------------------ */
#navbar{
	background:url(../images/bg.png) repeat-x;
	height:29px;
	line-height:29px;}
	#navbar ul, #navbar li, 
	#navbar form,
	#navbar button {
		border:0; margin:0; padding:0; list-style:none;}
	#navbar li a{
		margin:0 6px;
		text-decoration:none;
		color:#000000;
		font-weight:bold;
		border-bottom:dotted 1px #000000;}
	#login_menu{
		background:#aaaaaa;
		border:solid 1px #666666;
		width:340px;
		padding:10px;
		color:#FFFFFF;
		position:absolute;
		font-weight:bold;
		font-size:12px;
		line-height:18px;}
	#login_menu li{
		padding-bottom:6px;
		text-align:right;}
	#new-user-col{
		padding-right:10px;
		border-right:1px #DEDEDE solid;
		height:120px;
		width:100px;
		float:left;
		line-height:12px;}
	#signup-user-col{
		padding-left:20px;
		height:120px;
		width:200px;
		float:left;
		line-height:12px;
		text-align:right;}
	#login_menu label{font-size:11px; font-weight:normal;}
	#login_menu input{font-size:11px; color:#333333; margin-left:10px;}
	#login_menu button{
		line-height:24px;
		float:right;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		text-align:center; 
		cursor:pointer;}
	.green-button{
		background:url(../images/button.png);
		display:block;
		color:#FFFFFF;
		font-size:11px;
		text-decoration:none;
		width:81px;
		height:26px;
		line-height:24px;
		text-align:center;}
	.spacer{clear:both; height:1px;}
	
/* ---------------- HOME PAGE LOGO PLACEMENT --------------------- */ 
.welcome {color:#FFFFFF;}
#HomeKGB {margin:-45px 0 0 ; padding:0; height:92px; width:171px; float:left; border:none; text-indent:-5000px;}
#HomeKGB a {height:92px; width:171px; border:none; display:block; background:url(../images/HomeKGB.png) no-repeat;}
#HomeKGB a:hover{background:url(../images/HomeKGB.png) no-repeat 0 0;}

#HomeGravnetic {margin:0; padding:0; height:51px; width:202px; float:left; border:none; text-indent:-5000px;}
#HomeGravnetic a {height:51px; width:202px; border:none; display:block; background:url(../images/HomeGravnetic.png) 0 -4px no-repeat ;}
#HomeGravnetic a:hover{background:url(../images/HomeGravnetic.png) 0 -4px no-repeat;}

#HomeIMBA {margin:0; padding:0; height:39px; width:135px; float:right; border:none; text-indent:-5000px;}
#HomeIMBA a {height:39px; width:135px; border:none; display:block; background:url(../images/IMBAJoinHome.png) 0 0 no-repeat;}
#HomeIMBA a:hover{background:url(../images/IMBAJoinHome.png) no-repeat 0 0;}

#HomeFilmFest {margin:0 0 0 30px; padding:0; height:94px; width:588px; float:left; border:none; text-indent:-5000px;}
#HomeFilmFest a {height:94px; width:588px; border:none; display:block; background:url(../images/MountainBikeFilmFestival.png) no-repeat;}
#HomeFilmFest a:hover{background:url(../images/MountainBikeFilmFestival.png) no-repeat 0 0;}

#MastLogo{
		margin: 5px 0 0 65px;
		padding: 0 0 0 0;
		width: 561px;
		height:138px;
		float:left;}
	#SponsorsLogo{
		margin: 5px 0 0 5px;
		padding: 0 0 0 0;
		width: 650px;
		float:left;}
		.KGB-Productions{
		margin: 20px 0 0 45px;
		padding: 0 0 0 0;
		width: 127px;
		height: 100px;
		float:left;}
		.GravneticProductions{
		margin:18px 0 0 26px;
		padding: 0 0 0 0;
		width: 270px;
		height: 65px;
		float:left;
		display:block;}
		.IMBA{
		margin: 95px 0 0 -130px;
		padding: 0 0 0 0;
		width: 220px;
		height: 50px;
		float:left;}
		.IMBALogo{
		margin: 0;
		padding: 0;
		width: 160px;
		height: 48px;
		float:left;}
		.IMBAjoin{
		margin: -5px 0 0 5px;
		padding: 0;
		width: 47px;
		height: 48px;
		float:left;}
		
		.bottomLogosContent{
		margin: 40px 0 0 20px;
		padding: 0 0 0 0;
		width: 747px;
		height: 98px;
		background: url(../images/bottomLogos.png) no-repeat;
		float:left;
		position: absolute;}		
#contentArea{
	margin: 0 0 0 0px;
	padding:0 0 0 0;
	width:1308px;
	height:725px;
	position:relative;}
.ErrorImage{
	margin: 4px 0 0 10px; 
	padding:0;}
#Scroller{
	margin: 5px 0 0 0px;
	padding: 0 0 0 70px;
	width:1200px;
	height:533px;
	overflow:auto;}
#PlayerGallery{
	margin: 30px 0 0 65px;
	padding: 0;}
#PhotoGallery{
	margin: 16px 0 0 3px;
	padding: 0;}
.CameraBg {
	height:634px;
	width:729px;
	padding:0;
	margin:170px 0 0 574px;
	position:absolute;
	background:transparent url(../images/Aaton_XTR_Gravnetic.png) no-repeat scroll 0 0;}	
.Credits {
	height:108px;
	width:576px;
	padding:0;
	margin:588px 0 0 570px;
	position:absolute;
	background:transparent url(../images/Freeride-Mountain-Bike-Credits.png) no-repeat scroll 0 0;
	z-index:2;}
#pageContent{
	margin:5px 0 0 160px;
	padding:0 0 0 0;
	width:1050px;
	height:530px;
	position:relative;}
#leftColumnHome {
	margin: 0;
	padding: 25px 0 0 0;
	width:420px;
	float:left;
	position:relative;}   
	#stackedFeatureColumn{
		margin: 5px;
		padding: 0 0 0 17px;
		width: 360px;
		height: 100px;
		z-index:0;}
	#stackedFeatureColumn ul{
		margin: 0;
		padding:0;
		list-style: none;}
	#stackedFeatureColumn a{
		margin: 0;
		width: 350px;
		height: 85px;
		text-indent:-5000px;}
	#stackedFeatureColumn .stackedFeature a{
		padding: 0;
		position: absolute;
		z-index:1;}
	.stackedGraphic1{
		padding: 0;
		width: 350px;
		height:85px;
		background:transparent url(../images/stackedAbout.png) no-repeat scroll 0 0;}
	.stackedGraphic2{
		padding: 0;
		width: 350px;
		height:85px;
		background:transparent url(../images/stackedVideos.png) no-repeat scroll 0 0;}
	.stackedGraphic3{
		padding: 0;
		width: 350px;
		height:85px;
		background:transparent url(../images/stackedPhotos.png) no-repeat scroll 0 0;}
	.stackedGraphic4{
		padding: 0;
		width: 350px;
		height:85px;
		background:transparent url(../images/stackedBuy.png) no-repeat scroll 0 0;}
#rightColumnHome {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	width:520px;
	float:left;
	position:relative;}  
#flash{
	margin: 9px 0 0 6px;
	padding:0;
	position:relative;}
#aaudioPlayer{
	margin:0;
	padding:0;
	float:left;}
	
	#bottomLogosLarge{
	height:75px;
	width:1310px;
	margin: 4px 0 0 0;
	padding: 0;
	position:relative;}
			#sponsorsPremier_ul {
			position:relative;
			height:75px;}
			#sponsorsPremier_ul li {
			position:absolute;
			top:5px;
			height:75px;
			display:block;
			list-style:none;}
			#sponsorsPremier_ul a{
			display:block;
			height:75px;}
			#sponsorsPremier_ul #logo1 {
			left:930px;
			background:url(http://www.freedomridersthemovie.com/images/LogoPink_Bike.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo1, #logo1 a {width:180px;}
			#sponsorsPremier_ul #logo1 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/LogoPink_Bike.png) -2px no-repeat;}
			
			#sponsorsPremier_ul #logo2 {
			left:1100px;
			background:url(http://www.freedomridersthemovie.com/images/LogoBike.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo2, #logo2 a {width:180px;}
			#sponsorsPremier_ul #logo2 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/LogoBike.png) -2px no-repeat;}
			
			#sponsorsPremier_ul #logo3 {
			left:540px;
			background:url(http://www.freedomridersthemovie.com/images/LogoBackcountry.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo3, #logo3 a {width:180px;}
			#sponsorsPremier_ul #logo3 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/LogoBackcountry.png) -2px no-repeat;}
			
			#sponsorsPremier_ul #logo4 {
			left:740px;
			background:url(http://www.freedomridersthemovie.com/images/LogoTetonFreedomRider.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo4, #logo4 a {width:180px;}
			#sponsorsPremier_ul #logo4 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/LogoTetonFreedomRider.png) -2px no-repeat;}
			
			#sponsorsPremier_ul #logo12 {
			left:450px;
			background:url(http://www.freedomridersthemovie.com/images/5.10FreerideShoesLogo.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo12, #logo12 a {width:100px;}
			#sponsorsPremier_ul #logo12 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/5.10FreerideShoesLogo.png) 0px no-repeat;}
			
			#sponsorsPremier_ul #logo17 {
			left:320px;
			background:url(http://www.freedomridersthemovie.com/images/GrandTargheeMontainBikePark.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo17, #logo17 a {width:160px;}
			#sponsorsPremier_ul #logo17 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/GrandTargheeMontainBikePark.png) 0px no-repeat;}
			
			#sponsorsPremier_ul #logo20 {
			left:210px;
			background:url(http://www.freedomridersthemovie.com/images/TonysPizza.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo20, #logo20 a {width:100px;}
			#sponsorsPremier_ul #logo20 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/TonysPizza.png) 0px no-repeat;}
			
			#sponsorsPremier_ul #logo26 {
			left:20px;
			background:url(http://www.freedomridersthemovie.com/images/GiantBicycles.png) 0px no-repeat;
			background-position:0px 0px;
			text-indent:-9000px;
			outline:0;}
			#logo26, #logo26 a {width:180px;}
			#sponsorsPremier_ul #logo26 a:hover {
			background:url(http://www.freedomridersthemovie.com/images/GiantBicycles.png) 0px no-repeat;}


	#bottomLogosSmall{
	height:60px;
	width:1310px;
	margin: 10px 0 0 0;
	padding: 0;
	position:relative;}	
		#sponsorsBasic_ul {
		position:relative;
		height:60px;}
		#sponsorsBasic_ul li {
		position:absolute;
		top:0;
		height:60px;
		display:block;
		list-style:none;}
		#sponsorsBasic_ul a{
		display:block;
		height:60px;}	
		#sponsorsBasic_ul #logo7 {
		left:717px;
		background:url(http://www.freedomridersthemovie.com/images/MtnKhakis.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo7, #logo7 a {width:165px;}
		#sponsorsBasic_ul #logo7 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/MtnKhakis.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo5 {
		left:850px;
		background:url(http://www.freedomridersthemovie.com/images/LogoSmallSmartwool.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo5, #logo5 a {width:160px;}
		#sponsorsBasic_ul #logo5 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/LogoSmallSmartwool.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo6 {
		left:995px;
		background:url(http://www.freedomridersthemovie.com/images/LogoSmallCamelback.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo6, #logo6 a {width:160px;}
		#sponsorsBasic_ul #logo6 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/LogoSmallCamelback.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo1 {
		left:1125px;
		background:url(http://www.freedomridersthemovie.com/images/LogoSmall_NSMB.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo1, #logo1 a {width:180px;}
		#sponsorsBasic_ul #logo1 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/LogoSmall_NSMB.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo2 {
		left:1200px;
		background:url(http://www.freedomridersthemovie.com/images/LogoSmall_MTBR.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo2, #logo2 a {width:180px;}
		#sponsorsBasic_ul #logo2 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/LogoSmall_MTBR.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo13 {
		left:600px;
		background:url(http://www.freedomridersthemovie.com/images/PrincetonTec.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo13, #logo13 a {width:105px;}
		#sponsorsBasic_ul #logo13 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/PrincetonTec.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo14 {
		left:500px;
		background:url(http://www.freedomridersthemovie.com/images/gu_logo_on.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo14, #logo14 a {width:90px;}
		#sponsorsBasic_ul #logo14 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/gu_logo_on.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo15 {
		left:430px;
		background:url(http://www.freedomridersthemovie.com/images/greenGuru.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo15, #logo15 a {width:70px;}
		#sponsorsBasic_ul #logo15 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/greenGuru.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo19 {
		left:110px;
		background:url(http://www.freedomridersthemovie.com/images/RebootComputers.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo19, #logo19 a {width:175px;}
		#sponsorsBasic_ul #logo19 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/RebootComputers.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo18 {
		left:300px;
		background:url(http://www.freedomridersthemovie.com/images/VIO_POV_HelmetCamera.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo18, #logo18 a {width:115px;}
		#sponsorsBasic_ul #logo18 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/VIO_POV_HelmetCamera.png) 0px no-repeat;}
		
		#sponsorsBasic_ul #logo16 {
		left:30px;
		background:url(http://www.freedomridersthemovie.com/images/PabstBlueRibbon_PBR.png) 0px no-repeat;
		background-position:0px 0px;
		text-indent:-9000px;
		outline:0;}
		#logo16, #logo16 a {width:90px;}
		#sponsorsBasic_ul #logo16 a:hover {
		background:url(http://www.freedomridersthemovie.com/images/PabstBlueRibbon_PBR.png) 0px no-repeat;}			

/* --------------------------------------- */
/* 2 Column Content Left Select > Right Area Content
/* --------------------------------------- */
#subColumn{
	margin: 0 0 0 11px;
	padding: 0 0 0 0;
	width: 208px;
	height: 452px;
	background: url(../images/subPageColumn.png) no-repeat;
	float:left;}		
#subColumnList ul{
	margin: 12px 5px 0 4px;
	padding: 0 0 0 0;
	font-size:14px;
	text-indent: 3pt;
	list-style-type: none;}
#subColumnList a{
	display: block;
	padding: 4px 0 4px 0;
	border-bottom: 1px solid #eee;}
#subColumnList a:link, #subColumnList a:visited{
	color: #EEE;
	text-decoration: none;}
#subColumnList a:hover{
	background-color: #369;
	color: #fff;}
#subColumnList a:active{
	background-color: #369;
	color: #fff;}
#subContent{
	margin: 0px 0 0 2px;
	padding: 0 0 0 0;
	width: 780px;
	height: 452px;
	background: url(../images/subPageContent.png) no-repeat;
	float:left;}
	.2colcontent{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 780px;
		height: 452px;
		overflow:auto;}	
	#flashMedia{
	margin: 18px 0 0 11px;
	padding: 0 0 0 0;
	width: 745px;
	height: 390px;}
	
/* --------------------------------------- */
/* Portfolio Area
/* --------------------------------------- */
#portfolioWrap { width:960px; height:300px; margin: 0 0 0 10px; overflow:hidden }
#portfolioWrap.subpage { overflow:visible; height:auto; }
#portfolio { position:relative }
.container_12 #previous,
.container_12 #next {
	font-size:75px;
	width:40px;
	height:40px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:128px }
	
	#next.pagination { background:url('../images/right_arrow_on.gif') no-repeat }
	#previous.pagination { background:url('../images/left_arrow_on.gif') no-repeat }
	
	#next.pagination.inactive { background:url('../images/right_arrow_off.gif') no-repeat }
	#previous.pagination.inactive { background:url('../images/left_arrow_off.gif') no-repeat }
	
	.pagination.inactive { cursor:default !important }
	
	.hoverBlock .grid_4 { margin-bottom:20px; position:relative; width:290px !important; height:290px; border:5px solid #000; overflow:hidden }

#portfolio #previous { left:-55px }
#portfolio #next { right:0px }

#portfolio img.portfolio-image { position:absolute; top:0; left:0; display:block; margin:0  }

#portfolio .portfolio-info {
	height:270px;
	padding:12px 15px;
	width:270px;
	background:#000 url('../images/portfolio_hover_bg.gif') repeat-x top }

.entry-1 { margin-left:0 }

.portfolio-info h3 {
	font-size:14px;
	margin:0 0 1px 0;
	padding:0;
	color:#fce772;
	text-transform:uppercase }
	
.portfolio-info small {
	font-size:11px;
	color:#a7a7a7;
	display:block;
	margin:0 0 10px 0;
	padding:0 }
	
.portfolio-info p {
	font-size:11px;
	line-height:14px;
	margin:0 0 4px 0;
	color:#e4e4e4 }
	
.portfolio-info .button {
	float:left }
	
	.portfolio-info .button.left { margin:0 10px 0 0 }
	
/* --------------------------------------- */
/* Main Content Block
/* --------------------------------------- */
.main-content-block {
	background:transparent url(../images/redBG.png) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	padding:10px;
	margin:0 0 20px 0;
	overflow:auto;}
	
	.main-content-block a {
		color:#f8db3a;
		text-decoration:underline }
		
	.main-content-block a:hover {
	color:#39F;
	text-decoration:none;
	font-family: inherit;
}
	
	.main-content-block h2, .sidebar-block h2 {
		text-transform:uppercase;
		font-size:20px;
		margin:0; padding:0 0 10px 0;
		line-height:1.2em;
		border-bottom:1px solid #FFFFFF}
		
	.main-content-block p {
		margin:0;
		font-size:14px;
		line-height:23px;
		padding:10px 0 0 0 }
		
	.main-content-block p.with-border { border-top:1px solid #6c6c6c }
	
.main-content-block .news-block {
	padding:15px 0;
	border-top:1px solid #6c6c6c;
	border-bottom:1px solid #404040 }
	
.main-content-block .news-block.last { padding-bottom:0 !important; border-bottom:none !important }
	
.main-content-block .news-block img.thumb { margin-top:0 !important; border:1px solid #fff }

.main-content-block .news-block h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	font-weight:bold }
		
.main-content-block .news-block p {
	padding:0; margin:0;
	font-size:12px;
	line-height:16px }
	
/* --------------------------------------- */
/* Sidebar Block
/* --------------------------------------- */

.sidebar-block {
	color:#FFFFFF;
	background:transparent url(../images/redBG.png) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	padding:5px;
	margin:0 0 20px 0 }
	
.sidebar-block a { color:#ffffff; text-decoration:underline }
.sidebar-block a:hover { color:#ffffff; text-decoration:none }
	
.sidebar-block h2 { border-bottom:1px solid #ffffff}
.sidebar-block h2.services {
	padding-left:30px;
	background:url('../images/icon_services.gif') no-repeat }
	
.sidebar-block h3 {
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0 }
	
.sidebar-block p {
		margin:0;
		font-size:14px;
		line-height:23px;
		padding:10px 0 0 0 }
		
.sidebar-block p.with-border { border-top:1px solid #ffffff }
	
.sidebar-block .hover-block {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #fffff;
	padding:10px 14px }
	
.sidebar-block .hover-block:hover {
	border-bottom:1px solid #fffff;}

.sidebar-block .hover-block p { font-size:12px; line-height:17px }

.sidebar-block .hover-block.last { border-bottom:none !important }


/* --------------------------------------- */
/* All-Around Content Styling
/* --------------------------------------- */

.main-content-block h3 {
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:0 }
	
.sidebar-block h3 {
	font-weight:bold;
	margin:0 }
	
.main-content-block h4,
.sidebar-block h4 {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#E2C10B;
	padding:0;
	margin:0 }
	
/*Footer Styles*/
#footer {
margin:10px auto 0 auto;
width: 1350px;
line-height: 1.8em;
font-size : 12px;
color:  #ffffff;
}	
#footer a{
color:  #ffffff;
}
.footerCenter{
	margin: 0 auto 0 auto;
	padding: 0;}
.footerLeftJustified{
text-align:left;}	
/*
#flashMain{
	margin: 65px 0 0 156px;
	padding: 0 0 0 0;
	position:absolute;
}
#introduction{
	margin: -2px auto;
	padding:0 0 0 0;
	background: url(../images/bg-intro.jpg) no-repeat;
	text-indent: -9000px;
	height: 92px;
	width: 956px;
}

.inner{
	margin:0 auto;
	padding:0px 0px;
	text-align:center;
}
.icon{
	margin:-1px 0 0 0;
	padding:0 0 0 0;
	float: left;
}
.contentColumnLeft{
	margin: 5px 3px 5px 2px;
	padding: 0 0 0 0;
	height: 452px;
}
.contentColumnRight{
	margin: -3px 3px 5px 2px;
	padding: 0 0 0 0;
	height: 452px;
}
	.columns_heading {
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:Bold;
	line-height:28px;
	}
	p.column{
	margin: 0 0 0 0;
	padding: 2px 5px 0px 5px;
	font-size : 10px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:  #403524;
	text-indent: 5px;
	letter-spacing: 1px;
	line-height: 1.2em;}
#ColumnList{
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
}


#timestamp { font-size:10px; color:#888888; position:absolute; top:4px; right:44px; }

#contentLeft{
	margin: -18px 0 0 11px;
	padding: 0 0 0 0;
	width: 208px;
	height: 452px;
	background: url(../images/PageColumn.png) no-repeat;
	float:left;
}
#contentCenter{
	margin: 15px 0 0 2px;
	padding: 0 0 0 0;
	width: 566px;
	height: 411px;
	background: url(../images/PageContent.png) no-repeat;
	float:left;
}
	.content{
		margin: -1px 0px 0 0;
		padding: 0 0 5px 7px;
		height: 375px;
		width:556px;
		overflow:auto;
	}
#contentRight{
	margin: -18px 0 0 5px;
	padding: 0 0 0 0;
	width: 208px;
	height: 452px;
	background: url(../images/PageColumn.png) no-repeat;
	float:left;
}
*/#container #contentArea #Scroller .container_12 .grid_4 .sidebar-block .hover-block .goldTimes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FF0;
}
