/* all form stuff taken from admin.css */
/* for contact page */
#user_form form p { clear: both; }
#user_form form label { width: 25%; float: left;
	     margin: 0.5em; padding: 0 0 0 2.5%; }
#user_form form input, #user_form form textarea, #user_form form select { float: left; width: 45%;
					 border: 1px solid #ccc;
					 margin: 0.5em; padding: 0.3em;
					 background-color: #eee; }

#user_form form input:focus, #user_form form select:focus, #user_form form textarea:focus { border: 1px solid #999; }
#user_form form textarea { height: 200px; padding: 0 0 0 0.3em; }
#user_form form button { background-color: #ccc;
	      margin: 0 0 0 0.3em;
	      border-left: 1px solid #eee;
	      border-top: 1px solid #eee;
	      border-right: 1px solid #999; 
	      border-bottom: 1px solid #999;
	      /*padding: 0.4em;*/ margin: 0.5em; }






#blurb #img { float: right; margin: 1em 1em 0 2em;
       height: 100%; }
#blurb #blurb_content { margin: 3em 0 0 3em; float: left; width: 40%; }
#blurb #blurb_content p { margin: 0 0 0.5em 0; }
#blurb #blurb_content h2 { margin: 0 0 0.5em 0.1em; }


#team_container { background-image: url('../img/Loading.gif');
	background-position: 50% 50%; background-repeat: no-repeat;
	background-color: #000; 
	height: 533px;
	margin: 0 0 0 0; 
	}
#team { background-image: url('../img/team4.jpg');
      background-position: 0 0; 
      height: 533px; width: 100%;
      position: relative; left: 0; top: 0;
      display: none;
	}
#team a { position: absolute; z-index: 25;
	border: 0px solid red; }
#team a span { display: none; }
#team_container #rider { text-align: center; float: none; width: 100%; margin: 1em 0 0 0; }

#team #tm_1 { left: 0px; top: 185px;
      width: 174px; height: 156px; }

#team #tm_2 { left: 262px; top: 4px;
      width: 148px; height: 172px; }
#team #tm_3 { left: 462px; top: 12px;
      width: 94px; height: 165px; }
#team #tm_4 { left: 803px; top: 58px;
      width: 98px; height: 60px; }
#team #tm_5 { left: 573px; top: 227px;
      width: 70px; height: 110px; }
#team #tm_6 { left: 268px; top: 186px;
      width: 96px; height: 127px; }
#team #tm_7 { left: 446px; top: 210px;
      width: 110px; height: 131px; }
#team #tm_8 { left: 650px; top: 178px;
      width: 112px; height: 163px; }
#team #tm_9 { left: 770px; top: 180px;
      width: 47px; height: 115px; }
#team #tm_10 { left: 0px; top: 344px;
      width: 145px; height: 187px; }
#team #tm_11 { left: 185px; top: 356px;
      width: 42px; height: 120px; }
#team #tm_12 { left: 402px; top: 346px;
      width: 246px; height: 185px; }
#team #tm_13 { left: 618px; top: 347px;
      width: 160px; height: 184px; }
#team #tm_14 { left: 789px; top: 312px;
      width: 148px; height: 174px; }



#rider_container { background-color: #fff; }

#rider_container #rider { float: left; width: 320px; }

#rider_container #rider #head { height: 20px; padding: 3em 1em 1em 1em; }                 
#rider_container #rider #head h2 { margin: 0 0.5em 0 0.5em; border-bottom: 1px solid #ddd; line-height: 1em; }
#rider_container #rider #head #back { float: right; text-align: right; margin: 0 1em 0 0; width: 25%; }


#rider_container #rider #bio { height: 470px; overflow-y: hidden;
			       padding: 0 2em 1em 2.2em;
			     overflow-y: auto; }

#rider_container #rider #bio p { margin: 0 0 0.5em 0; }
			  
#rider_images { float: right; width: 620px; height: 540px; 
		overflow: hidden; 
		position: relative;
		background-color: #000; 
		/*margin: 2em 0 0 5em; */
	      /*text-align: right;*/
	      }
/*
#rider_images img { cursor: pointer; line-height: 1em; }
*/

#rider_images img#load { position: absolute; top: 10px; right: 10px; z-index: 30; visibility: hidden; }

#rider_container #count { position: absolute; bottom: 1em; right: 1em; z-index: 30; padding: 1em;
			background-color: #fff; opacity: 0.8;
			filter: alpha(opacity=80); }










#ads_wrapper { text-align: center;
	       /*margin: 1.5em 0 0 0;*/
	     }
#ads { width: 60%; margin: 0 auto; }
#ads img.thumb { margin: 0 1em 1em 0; float: left; } 

#ads_wrapper #p_nav a, #ads_wrapper #p_nav span { padding: 0.5em; }


#content.video { background-color: #fff;
		 background-image: url('../img/snake2.jpg');
		   }
#video { visibility: hidden; }
#video_position { visibility: hidden; }
#video_container { float: left; width: 500px; height: 400px;
		   margin: 60px 0 0 60px;
		 /*border: 20px solid #ddd;*/
		 }

/*
#video_wrapper { text-align: center; }
#video { width: 821px; margin: 0 auto; }
#video a.thumb { margin: 0 5px 5px 0; float: left; position: relative; width: 150px; height: 112px;}
#video a.thumb img { position: absolute; top: 0; left: 0; width: 150px; height: 112px; }


#video_wrapper #p_nav a, #video_wrapper #p_nav span { padding: 0.5em; }
*/
/* jcarousel stuff */



#contacts_wrapper { position: absolute; width: 100%; }
#contacts_wrapper img { float: right; margin: 0 0 0 0; }
#contact_proper { position: absolute; right: 10px; top: 10px; width: 430px;
		  height: 500px; 
		  background: transparent url('../img/ten.png') repeat scroll 0 0;
		  padding: 10px;
}

#contact_proper p { clear: both; line-height: 2em; }
#contact_proper span { float: left; width: 6em; }
/*#contact_proper a { float: left; }*/
#contacts { width: 46em; float: left; margin: 1em 0 0 1em; overflow-y: auto;
	  height: 540px; }
#contacts span { float: left; width: 45%; padding: 0.4em; }
#contacts p.alt { background-color: #eee; }

#contact_wrapper { text-align: center; }
#contact { text-align: left; width: 50%; margin: 0 auto;
	 padding: 10em; }
#contact img { float: right; }
#contact h2 { margin: 0 0 1em 0; } 


#feature_wrapper { height: 540px; overflow-y: auto; }
#feature_wrapper #left { width: 360px; float: left;
			 margin: 2em 2em 0 2em; }
#feature_wrapper #left h2 { margin: 0 0 0.5em 0; }
#feature_wrapper #left p { margin: 0 0 1em 0; }
#feature_wrapper #right { margin: 2em 2em 0 0; width: 200px; float: left; }



/* typography */

#contacts em { font-weight: bold; }

#team a { text-decoration: none; }

#rider_container #rider_images #count { color: #666; font-size: 1.5em;
				    line-hight: 1em; font-weight: bold; font-family: sans-serif; }

#rider_container h2 { font-family: sans-serif; font-size: 1.8em; }

#rider_container #bio strong { font-weight: bold; color: #666; }
#rider_container #bio em { font-weight: bold; font-style: italic; color: #666; }

/*#rider_container #bio em { font-weight: normal; text-decoration: underline; font-style: normal; }*/

#contact_proper span, #contact_proper label, #contact_proper a { color: #000; }

#contact_proper #links { font-size: 2.4em; font-weight: bold;  color: #ccc; }
#contact_proper #links a { color: #ccc; }
#contact_proper #links a:hover { color: #aaa; }