Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--Pure Longboards Homepage
Path: /Users/pamerwin/Desktop/File Migrate 6:3:12/Pure Longboards/Site/
-->


<head>

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="PureLongboards.css">
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script>

$(document).ready(function slideshow(){

														/*Slideshow*/

     	$("#img1").delay(10000).fadeTo(500,0);
     	$("#img2").delay(10500).fadeTo(500,1);
     	$("#img2").delay(10000).fadeTo(500,0)
     	$("#img3").delay(21500).fadeTo(500,1);
     	$("#img3").delay(10000).fadeTo(500,0)
     	$("#img1").delay(22000).fadeTo(500,1,slideshow);

														/*Facebook Button*/

	$("#fbcolor").hide();
  	$("#fbgray").mouseenter(function(){
    			$("#fbcolor").show();
  	});
  	$("#fbcolor").mouseleave(function(){
    			$(this).hide();
  	});

														/*Twitter Button*/

	$("#twcolor").hide();
  	$("#twgray").mouseenter(function(){
    			$("#twcolor").show();
  	});
  	$("#twcolor").mouseleave(function(){
    			$(this).hide();
  	});

														/*YouTube Button*/

	$("#ytcolor").hide();
  	$("#ytgray").mouseenter(function(){
    			$("#ytcolor").show();
  	});
  	$("#ytcolor").mouseleave(function(){
    			$(this).hide();
  	});

});
</script>

</head>


<body>

<div class="bg"></div>
<div class="nav">
	<a href="#3"><img src="Images/PureLongboardsLogoMain.png" width="350px" height="114.6px" alt="Main Logo" /></a>

</div>
<div class="centeredmenu">
	<ul>
		<li><a href="#1" class="nav-boards">Boards</a></li>
		<li><a href="#2" class="nav-video">Videos</a></li>
		<li><a href="#4" class="nav-events">Events</a></li>
		<li><a href="#5" class="nav-contact">Contact</a></li>
	</ul>
</div>
<div class="slideshow">
	<img class="slideshow" id="img1" src="Images/SlideshowDre.png" width="1024px" height="680px" alt="Slide1" />
	<img class="slideshow" id="img2" src="Images/SlideshowSlide.png" width="1024px" height="680px" alt="Slide2" />
	<img class="slideshow" id="img3" src="Images/SlideshowSlide2.png" width="1024px" height="680px" alt="Slide3" />
</div>
<div class="bottom">
	<p>A skateboard is a type of sports equipment used primarily for the activity of skateboarding. It usually consists of a specially designed maplewood board combined with a polyurethane coating used for making smoother slides and stronger durability.
</br>
</br>
A skateboard is propelled by pushing with one foot while the other remains on the board, or by pumping one's legs in structures such as a pool or half pipe. A skateboard can also be used by simply standing on the deck while on a downward slope and allowing gravity to propel the board and rider. If the rider positions their right foot forward, he/she is said to ride "goofy"; if the rider positions their left foot forward, he/she is said to ride "regular".</p>
</div>
<div class="video">
	<iframe width="1024" height="576" src="http://www.youtube-nocookie.com/embed/NXO2Bn8NClQ" frameborder="0" allowfullscreen></iframe>
	<div class="social">
		<img class="facebook" id="fbgray" src="Images/f_logo-gray.png" width="40px" height="40px" alt="facebook" />
		<a href="https://www.facebook.com/PureBoards" target="_blank"><img class="facebook" id="fbcolor" src="Images/f_logo.png" width="40px" height="40px" alt="facebook" /></a>
	</div>
	<div class="social">
		<img class="twitter" id="twgray" src="Images/twitter-bird-gray.png" width="40px" height="40px" alt="twitter" />
		<a href="https://twitter.com/PureLongboards" target="_blank"><img class="twitter" id="twcolor" src="Images/twitter-bird.png" width="40px" height="40px" alt="twitter" /></a>
	</div>
	<div class="social">
		<img class="youtube" id="ytgray" src="Images/Youtube-gray.png" width="40px" height="40px" alt="youtube" />
		<a href="http://www.youtube.com/user/PureLongboards/videos?flow=grid&view=0" target="_blank"><img class="youtube" id="ytcolor" src="Images/Youtube.png" width="40px" height="40px" alt="youtube" /></a>
	</div>
</div>

</body>
</html>