PureLongboards

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


<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css">


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script>
$(document).ready(function slideshow(){
     $("#img1").delay(10000†).fadeTo(500,0);			/*GC is 10500*/
     $("#img2").delay(10500).fadeTo(500,1);			/*GC is 11000*/
     $("#img2").delay(10000).fadeTo(500,0)			/*GC is 21500*/
     $("#img3").delay(21500).fadeTo(500,1);			/*GC is 22000*/
     $("#img3").delay(10000).fadeTo(500,0)			/*GC is 32500*/
     $("#img1").delay(22000).fadeTo(500,1,slideshow);
});
</script>


<style type="text/css">

.bg
	{
  	background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #E0E0E0 0%, #525D6E 100%);
	height: 100%;
    	left: 0;
    	overflow: hidden;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: -999;
	}

img, .top, .bottom, .title, .text, .slideshow
	{
	border-radius:2px;
	}

.top, .bottom
	{
	position:relative;
	padding:17px;
	width:990px;								/*1/3 of 1024 is 341.333333333333*/
	margin-left:auto;
	margin-right:auto;
	background-color:#111111;
	opacity:0.8;
	}

.top
	{
	margin-top:68px;
	}

.bottom
	{
	width:990px;
	margin-top:714px;
	margin-bottom:17px;
	padding:17px;
	}

.title
	{
	margin-top:17px;
	background-color:#ffffff;
	font-size:2em;
	color:#000000;
	}

.text
	{
	background-color:#ffffff;
	font-size:2em;
	color:#000000;
	}

.slideshow
	{
	position:relative;
	margin-top:8.5px;
	margin-bottom:17px;
	background-color:#111111;
	width:1024px;								/*1/3 of 1024 is 341.333333333333*/
	margin-left:auto;
	margin-right:auto;
	}

img.slideshow
  	{
  	position:absolute;
	left:0px;
	top:0px;
  	}

#img1
	{
  	opacity:1;
  	}

#img2, #img3
  	{
  	opacity:0;
  	}

.video
	{
	margin-top:8.5px;
	margin-bottom:34px;
	position:relative;
	background-color:#111111;
	width:1024px;								/*1/3 of 1024 is 341.333333333333*/
	margin-left:auto;
	margin-right:auto;
	}

</style>
</head>


<body>

<div class="bg"></div>
<div class="top">
	<img src="/Users/pamerwin/Desktop/File Migrate 6:3:12/Pure Longboards/Site/Images/PureLongboardsLogoMain.png" width="990px" height="234.2px" alt="Main Logo" /> 					<!--Original size is 1175 × 278-->
	<p class="title">Pure Longboards is gooooood...</p>
</div>
<div class="slideshow">
	<img class="slideshow" id="img1" src="/Users/pamerwin/Desktop/File Migrate 6:3:12/Pure Longboards/Site/Images/SlideshowDre.png" width="1024px" height="680px" alt="Slide1" />
	<img class="slideshow" id="img2" src="/Users/pamerwin/Desktop/File Migrate 6:3:12/Pure Longboards/Site/Images/SlideshowSlide.png" width="1024px" height="680px" alt="Slide2" />
	<img class="slideshow" id="img3" src="/Users/pamerwin/Desktop/File Migrate 6:3:12/Pure Longboards/Site/Images/SlideshowSlide2.png" width="1024px" height="680px" alt="Slide3" />
</div>
<div class="bottom">
	<p class="text">Other stuff, you know.</p>
</div>
<div class="video">
	<iframe width="1024" height="576" src="http://www.youtube-nocookie.com/embed/NXO2Bn8NClQ" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>