body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	color:#fff; 
	background-color:#000; 
	font-size:77%;
}
:focus { -moz-outline-style: none; }
img {
	border: 0;
}
a{ color:#fff; text-decoration:none}
a:hover{}
strong{
	font-weight:bold;
}
div.divClear{
	clear:both;
}
div.container{
	margin:0px auto 0px auto;
	text-align:center;
	width:1200px;
/*	height:992px;*/
	background-image:url(../images/backgroundred.jpg);
	background-position:top center;
	background-color:#000; 

}
div.containerGreen{
	background-image:url(../images/backgroundgreen.jpg) !important;
	background-color:#000; 
}
div#content{
	margin:0px auto 0px auto;
	text-align:left;
	width:930px;
background-color:#000;
/*	height:992px;*/

}
div#header{
	width:930px;
	height:80px;

}
div#mainContent{
	width:930px;
	min-height:750px;

}
a#logoTop{
	width:169px;
	height:48px;
	background-image:url(../images/elusiveLogo.jpg);
	float:left;
	margin:30px 0px 0px 90px;
}
ul#topNav{
	width:490px;
	height:20px;
	float:left;

	margin:58px 0px 0px 20px;
}
ul#topNav li{
	list-style:none;
	margin:0px;
	display:inline;
}
ul#topNav li a{
	display:block;
	float:left;
	font-family:"Century Gothic",sans-serif;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	font-size:1em;
	padding:0 10px 0 0;
}
ul#topNav li a:hover{
	color:#FF0000;
}
ul#topNav li a:active{
	color:#00FF00;
}
div#volumeKnob{
	width:61px;
	height:30px;
	float:left;

	background-image:url(../images/volumeKnob.jpg);
	margin:50px 0px 0px 0px;
}
div#heroImage{
	/*background-image:url(../images/heroImage.jpg);*/
	width:713px;
	height:344px;
	margin:28px 0px 0px 35px;
}
div#allFlashHolders{
	width:753px;
	height:310px;
	margin:6px 0px 0px 25px;
	
	position:relative;
}
.flashHolder{
	width:227px;
	height:142px;
	position:absolute;
	float:left;
	
}
#flashHolder1 {
	/*competition*/
	top:10px;
	left:12px;
	
	background-color:#00CCFF;
}
div#flashHolder2 {
	/*team riders*/
	top:3px;
	left:258px;
	
	background-color:#00CCFF;
}
div#flashHolder3 {
	/*team riders*/
	top:7px;
	right:12px;
	
	background-color:#FF0000;
}
div#flashHolder4 {
	/*flash music*/
	bottom:9px;
	left:0px;
	
}
div#flashHolder5 {
	/*flash shop*/
	bottom:14px;
	left:252px;
	
}
div#flashHolder6 {
	/*???*/
	bottom:13px;
	right:24px;
	
	background-color:#FF6600;
}
div#footer{
	width:930px;
}
div#footerTopHolder{
	width:930px;
	height:80px;
}
div#MSWLogo{
	width:114px;
	height:42px;
	background-image:url(../images/MSWLogo.jpg);
	float:left;
	margin:12px 0 0 123px;
}
div#MSWDropdown{	
	width: 195px; 
	height: 17px;
	float:left;
	margin:15px 0 0 5px;
}
div#MSWSurfForecast{
	width:73px;
	height:43px;
	background-image:url(../images/MSWSurfForecast.jpg);
	float:left;
	margin:12px 5px 0 0;
}
div#btnMySpace{
	width:111px;
	height:43px;
	background-image:url(../images/myspace.jpg);
	float:left;
	margin:12px 15px 0 0;
}
div#btnTwitter{
	width:76px;
	height:24px;
	background-image:url(../images/twitter.jpg);
	float:left;
	margin:20px 18px 0 0;
	}

div#btnFacebook{
	width:76px;
	height:24px;
	background-image:url(../images/facebook.jpg);
	float:left;
	margin:20px 15px 0 0;
}
div#footer p#webAuthors{
	margin:50px 0 20px 0;
	text-align:center;
	font-size:0.9em;	
	clear:both;
}
div#logoTop{
	width:169px;
	height:48px;
	background-image:url(../images/elusiveLogo.jpg);
	float:left;
}
div#home{
	/*background-image:url(../images/home.jpg);*/
}
div#events{
	background-image:url(../images/events.jpg);
}
div#music{
	background-image:url(../images/music.jpg);
}
div#news-blog{
	background-image:url(../images/news-blog.jpg);
}
div#products{
	background-image:url(../images/products.jpg);
}
div#productsgallery{
	background-image:url(../images/productsgallery.jpg);
}
div#team{
	background-image:url(../images/team.jpg);
}
div#video{
	background-image:url(../images/video.jpg);
}
div#homePageHolder{
	background-image:url(../images/homeFramesBG.png);
	width:788px;
	height:695px;
	background-repeat:no-repeat;
	margin:10px 0px 0px 70px;
	border:1px solid #000;
}
/* ---------------------------- news page styles ----------------------------------*/
div#news-page{
	/*background-image:url(../images/newsBG.jpg);

	width:917px;
	height:850px;*/
	text-align:left;	
	margin:10px 0 0 0;
}
div#news-logo{
	background-image:url(../images/newsTitle.jpg);
	width:198px;
	height:120px;
	margin:0 0 0 60px;
}
div#news-holder{
	margin:0 0 0 100px;
}
div#news-holder h2{
	color:#EE1C23;
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	margin:0 0 5px 0;
}
div#news-holder p.newsDate,div#news-holder p.newsAuth{
	color:#939090;
	font-style:italic;
	font-size:0.9em;
	margin:0 0 5px 0;
}
div#news-holder div.newsDesc{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1em;
	line-height:1.2em;
	margin:10px 0;
	width:402px;
	
}
div#events-page{
/*background-image:url(../images/eventsBG.jpg);
	width:917px;*/
	height:850px;
	margin:10px 0 0 0;
}
div#events-holder{
	margin:0 0 0 90px;
}

div#events-logo{
	float:left;
	width:261px;
	height:128px;
	margin:0 15px 0 0;
	background-image:url(../images/eventsLogo.jpg);
	background-repeat:no-repeat;
}
p#eventsTeaser{
	float:left;
	width:410px;
	height:78px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:25px;
	text-align:left;
}
div#eventsThumbs{
	float:left;
	width:261px;
	height:378px;
	margin:0 15px 15px 0;
	background-image:url(../images/eventsThumbBG.gif);
	text-align:left;
	background-repeat:no-repeat;
	position:relative;
}
div#eventsClickToView{
	position:absolute;
	bottom:15px;
	left:10px;
}

div#eventsThumbs p,div#eventMainImg span#spanClick{
	font-weight:bold;
	font-style:italic;
	color:#EE1C1F;
	float:left;
	width:100px;
	margin:20px 0 0 15px;

}
div#eventMainImg span#spanClick{margin-left:0px; width:auto;}
div#eventsThumbs a{
	font-weight:bold;
	font-style:italic;
	float:right;
	width:100px;
	margin:20px 15px 0 0;
	text-align:right;
}
div#eventsMainBox{
	float:left;
	width:460px;
	height:378px;

	margin:0 0 15px 0;
	background-image:url(../images/eventsMainBG.gif);
	background-repeat:no-repeat;
	}
div#eventMainImg{
	float:left;
	margin:20px;
	width:177px;
	height:256px;
}
div#eventMainText{
	float:left;
	width:220px;
	font-style:italic;
	margin:20px 20px 0 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
div#eventMainText h2{
	font-weight:bold;
	font-style:italic;
	color:#EE1C1F;
	margin:5px 0px;
	font-size:1.1em;
}
div#eventMainText p{
	margin:2px 0px;
	font-size:1.0em;
}
div#eventMainText a{
	color:#EE1C1F;
}
div#eventsCompBox{
	float:left;
	width:261px;
	height:168px;
	margin:0 15px 0 0;
	background-image:url(../images/eventsCompBG.gif);
	background-repeat:no-repeat;
}
div#eventsCompFlash{
	margin-top:12px;
}
div#eventsUpComing{
	float:left;
	width:460px;
	height:168px;
	background-image:url(../images/eventsUpComingBG.gif);
	background-repeat:no-repeat;
	text-align:left;
}
div#eventsUpComing h2, div#eventsUpComing a, div#eventsUpComing p, div#eventsUpComing .dotted{
	margin:3px 25px 4px 15px;
	font-family:Arial, Helvetica, sans-serif;
}
div#eventsUpComing h2{
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.2em;
}
div#eventsUpComing .dotted{
	height:2px;
	margin:5px 25px 7px 15px;
	background-image:url(../images/dottedBG.jpg);
}
div#eventsUpComing a{
	font-weight:bold;
	color:#EE1C1F;
}

div.eventThumb{
	width:110px;
	height:100px;
	background-image:url(../images/eventsThumbExample.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:4px;
	cursor:pointer;
}
div#eventThumb1,div#eventThumb3,div#eventThumb5{
margin-left:17px;
}
div#eventThumb1,div#eventThumb2{
margin-top:13px;
}
/* ---------------------------- team page styles ----------------------------------*/
div#team-page{
	/*background-image:url(../images/teamBG.jpg);*/
	width:929px;
	height:678px;
	text-align:left;	
	margin:10px 0 0 0;
}
div#team-holder{
	margin:0 0 0 104px;
}
div#team-logo{
	background-image:url(../images/teamLogo.jpg);
	width:320px;
	height:113px;
}
div#teamBioHolder{

	background-image:url(../images/teamBioBG.gif);
	width:262px;
	height:378px;
	float:left;
	margin:30px 0 0 0;
	
}
div#teamQuestionsInner{
	width:262px;
	height:200px;
}
div#teamQuestions{
	width:262px;
	height:150px;
}
div#teamBioHolder h2, div#teamBioHolder p{
	margin:5px 15px 5px 25px;
	font-style:italic;
	font-weight:bold;
}
span.greenLabel{
	color:#8CC63E; /* elusive green */
}
div#teamPhotoHolder{

	background-image:url(../images/teamPhotosBG.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:457px;
	height:408px;
	float:left;
	margin:0px 0 0 15px;
	position:relative;
	
}
div#teamPhotoHolder a.tab,div#trackListing a.tab, div#prodGal-page a.tab,div#videoListing a.tab{
	display:block;
	background-image:url(../images/btnTeam_off.gif);
	background-repeat:no-repeat;
	width:97px;
	height:23px;
	float:left;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	padding:7px 0px 0px 0px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	text-align:center;
}
div#teamPhotoHolder a.tab:hover,div#trackListing a.tab:hover,div#teamPhotoHolder a.selected,div#trackListing a.selected{
	background-image:url(../images/btnTeam_on.gif);
}
div#prodGal-page a.tab,div#videoListing a.tab{
	background-image:url(../images/btnProducts_off.gif);
}
div#prodGal-page a.tab:hover, div#prodGal-page a.selected,div#videoListing a.tab:hover,div#videoListing a.selected{
	background-image:url(../images/btnProducts_on.gif);
}
div#prodGal-menuHolder{
	float:right;
	margin-top:66px;
}
div#teamPhotoHolder a.tab span,div#trackListing a.tab span{
	margin:0px auto;
}
div#teamPhotoHolder p{
	margin:15px 25px 5px 25px;
	font-family:Arial, Helvetica, sans-serif;
}
div#teamPhotoHolder p a{
	color:#8CC63E; /* elusive green */
}

div#teamPhotoFrame{
	margin:15px 20px;
	width:417px;
	height:350px;
}
img.teamPhoto{
	float:left;
	margin:0 2px 2px 0;
}
#teamMenuHolder{
	position:relative;
	height:135px;
	width: 750px; 
}
#goLeft{
	background-image:url(../images/teamThumbGoLeft.jpg);
	background-position:top;
	width:24px;
	height:99px;
	margin:0px 0 0 0;
	float:left;

}
#goRight{
	background-image:url(../images/teamThumbGoRight.jpg);
	background-position:top;
	width:24px;
	height:99px;	
	margin:0px 0 0 0;
	float:left;
}
.pics2 img.hidden{
	display:none;
}
div.sc_menu {  
	/* Set it so we could calculate the offsetLeft */  
	position: relative;  
	height: 135px;  
	width: 700px;  
	/* Add scroll-bars */  
	overflow: auto;
	float:left;
	margin-top:1px;
}
ul.sc_menu {  
	display: block;  
	height: 110px;  /* Max width here, for users without Javascript */  
	width: 1500px;  
	padding: 0px 0 0 0px;  /* Remove default margin */  
	margin: 0;    
	list-style: none;
}
.sc_menu li {  
	display: block;  
	float: left;  
	padding: 0 0px;
}
.sc_menu a {  
	display: block;  
	text-decoration: none;
}
.sc_menu span {  /* We want a caption to display on the next line */  
  display: none;  
  margin-top: 3px;
  margin-left:5px;  
  text-align: left;  
  font-size: 10px;  
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  }
.sc_menu a:hover span {
	display: block;
	width:92px;
}
.sc_menu a:hover img {  
	filter:alpha(opacity=50);  
	opacity: 0.5;
}

div#riderProfilePic{
	position:relative;
	height:220px;
}
div#riderProfilePic img#profilePic{
	top:22px;
	left:43px;
	position:absolute;
	z-index:1;
	width:145px;
	height:145px;
}
div#riderProfilePic div#polaroidFrame{
	top:10px;
	left:30px;
	width:170px;
	height:197px;
	position:absolute;
	z-index:2;
}

#youtubeVid{
	width:425px;
	height:344px;
	position:absolute;
	top:22px;
	left:8px;
}
/* hack for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#youtubeVid{
		top:42px;
		left:18px;
	
	}
}
/* ---------------------------- music page styles ----------------------------------*/
div#music-page{
	background-image:url(../images/musicBG.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center top;
	width:926px;
	height:740px;
	text-align:left;	
	margin:15px 0 0 0px;
}
div#music-holder{
	margin:0 0 0 74px;
	position:relative;

}
div#cassette-holder{
	position:absolute;
	top:110px;
	left:185px;
	width:363px;
	height:232px;
}
div#trackListing{
	position:absolute;
	top:502px;
	left:25px;
	background-image:url(../images/trackListingBG.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:240px;
	height:205px;
	font-family:Arial, Helvetica, sans-serif;

}
div#trackListHolderOuter{
	margin:5px 15px;
	width:210px;
	height:153px;
}
div#trackListHolder{

/*	overflow:hidden;*/
	width:210px;
	height:153px;
}
div#trackListing a,div#videoListing a{
	
	width:210px;
	height:47px;
	overflow:hidden;
	margin-bottom:5px;
	display:block;
}
div#trackListing a:hover,div#trackListing a.selectedTrack{
	background-image:url(../images/trackList_on.jpg);
}
div#videoListing a:hover,div#videoListing a.selectedTrack{
	background-image:url(../images/videoList_on.jpg);
}
div#trackListing a:hover img,div#trackListing a.selectedTrack img,div#videoListing a:hover img,div#videoListing a.selectedTrack img{
	opacity:0.4;
	filter:alpha(opacity=40);
}
div#trackListing a img,div#videoListing a img{
	float:left;
	width:48px;
	height:50px;
}
div#trackListing a p,div#videoListing a p{
	margin:8px 0px 0px 10px;

	line-height:1.2em;
	float:left;
	width:150px;
	

}
div#trackInfo{
	position:absolute;
	top:530px;
	left:275px;
	background-image:url(../images/trackInfoBG.jpg);
	width:456px;
	height:177px;
	font-family:Arial, Helvetica, sans-serif;
}
div#trackInfoLeft{

	float:left;

	}
div#trackPicture{

	width:156px;
	height:104px;
	margin:20px 10px 7px 20px;
}
div#trackLinks{

	width:156px;
	height:50px;
	margin:8px 10px 10px 20px;

	font-style:italic;
	font-weight:bold;
}
div#trackLinks a{
	color:#8CC63E;
}

div#trackInfoText{
	width:230px;
	height:104px;
	float:right;
	margin:15px 15px 15px 15px;

	}
div#trackInfoText h3{
	color:#8CC63E;
	font-style:italic;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
	
}
ul#trackTabs{
	border:1px solid red;
	list-style:none;
}
ul#trackTabs li{
	float:left;
}
/* - - - - - - - - - - - - - - product gallery styles - - - - -- - - - - - - - - - - -*/
div#prodGal-page{
	background-image:url(../images/productsgalBG.jpg);
	width:837px;
	margin:0px auto 0px auto;
	border:1px solid #000;	

}
div#prodGal-holder{
	margin:150px 0;
	margin-left:20px;
	margin-right:20px;
}
div#prodGal-bottom{
	background-image:url(../images/productsgalbottomBG.gif);
	background-position:bottom;
	width:837px;
	height:14px;
	margin:0px auto 0px auto;
	
}
div#prodGal-holderInner{

 height:230px;
 width:1300px;
 text-align:left;
}
img.prodImage{
	margin: 0 0 5px 0;
}
/* - - - - - - - - - - - - - - video styles - - - - -- - - - - - - - - - - -*/
div#video-page{
	/*background-image:url(../images/videoBG.jpg);*/
	width:920px;
	height:773px;
	border:1px solid #000;
	text-align:left;
}
img#videoLogoImg{
	margin-left:100px;
}
div#video-holder{
	background-image:url(../images/videoMainFrame.gif);
	width:668px;
	height:413px;
	margin-left:124px;
	position:relative;
}
div#videoFlashHolder{
	border:1px solid #000;
	position:absolute;
	top:13px;
	left:17px;
	width:640px;
	height:385px;
}
div#videoListing{
	background-image:url(../images/videoLeftFrame.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:238px;
	height:206px;
	margin-left:124px;
	margin-top:15px;	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
div#videoInfo{
	background-image:url(../images/videoRightFrame.gif);
	width:419px;
	height:180px;
	float:left;
	margin-top:42px;/*27 down from the videoListing box*/
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
}
img.videoMainImg{
	margin:20px 0 0 15px;
}
div.video-track-content h3{
 color:#EE1C23 !important;
}
/* - - - - - - - - -  Co0ntact Form -  - - - - - - - - - --  -*/
div#contact-form-main{
		text-align:left;
}
form#frmContact{
	width:490px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
}
form#frmContact p{

	margin-bottom:20px;
}
div.contact-form-input-holder{	
	height:70px;
	position:relative;
}
div.contact-form-textarea-holder{
	
	height:230px;
}
div.contact-form-input-holder input,form#frmContact label,textarea#ContactMessage{
	width:490px;
	margin:5px 0 10px 0;
}
div.contact-form-input-holder input,textarea#ContactMessage{
	padding:5px;
}
textarea#ContactMessage{
	height:175px;
}

input#btnContactSubmit{
	width:auto;
	float:right;
	top:0px;
	right:0px;
	position:absolute;
}
img#imgContactLogo{

	margin-left:82px;
}
div#result{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	width:490px;
	margin:250px auto;
}
/*----------------------------------- competition form -------------------------------------*/
img#imgCompLogo{
	float:left;
}
div#comp-form-main{
	text-align:left;
	margin-left:85px;
}
div#compLeftCol{
	float:left;
	width:250px;
	background-image:url(../images/uploads/comp/compImg.jpg);
	background-position:30% 10%;
	background-repeat:no-repeat;
}
div#compRightCol{
	float:left;
	width:365px;
}
div.comp-form-input-holder{
	clear:both;
	height:40px;
	position:relative;
}
div#comp-form-main label{
	width:80px;
	float:left;
}
div.comp-form-check-holder label{
	width:auto !important;
	float:none !important;
}
div.comp-form-input-holder input{
	width:230px;
	float:left;
	padding:3px;
}
div#TsandCs,div.comp-form-check-holder{
	font-size:0.8em;
	font-weight:normal;
	margin:5px 0 10px 0;
}
div#TsandCs{
	
}
div#resultComp{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	
}
div#resultComp a, div#result a{
	color:#8CC63E; /* elusive green */
}
div#productsBG{
	margin:60px auto 0 auto;
	width:781px;
	height:629px;
	background-image:url(../images/productsBG.jpg);
	position:relative;
}
a#prodsFemaleLink,a#prodsMaleLink{
	display:block;
	position:absolute;
}
a#prodsFemaleLink{
	top:135px;
	left:92px;
	width:294px;
	height:266px;
	background-repeat:no-repeat;
}
a#prodsFemaleLink:hover{
	background-image:url(../images/womens_on.jpg);
}

a#prodsMaleLink{
	top:111px;
	right:83px;
	width:268px;
	height:278px;
	background-repeat:no-repeat;
}
a#prodsMaleLink:hover{
	background-image:url(../images/mens_on.jpg);
}