a:link {color:inherit;  text-decoration: none; }      /* unvisited link */
a:visited {color:inherit;  text-decoration: none; }  /* visited link */
a:hover {color:#3D7DBE;  text-decoration: none; }  /* mouse over link */
a:active {color:#000000;  text-decoration: none; }  /* selected link */


html { 
  background: url(../img/backdrop/redDROP.png); 
  background-repeat:repeat-y;
  background-position:center;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	overflow-x:hidden;
}


body { 

	font-size:  62.5%;
	overflow-x:hidden;
 }
 
 a, img {
    border:none;
}



@font-face
{
font-family: nashville;
src: url('http://longboardhaven.com/css/nashville.ttf'),
}

h1
{
	font-size:7em;
	font-family: Impact, Charcoal, sans-serif;
	z-index:5000;
	position:relative;
	font-weight:normal;
	text-decoration: none;
	top:18px;
	margin-bottom:0;
	color:#C10406;
}

h2
{
	font-size:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:5000;
	position:relative;
	font-weight:normal;
	text-decoration: none;
	bottom:0;
}

h3
{
	font-size:4em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:5000;
	position:relative;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
}
h4
{
		font-size:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:5000;
	position:relative;
	font-weight:normal;
	left:10px;
	top:30px;
}

h4:hover
{
	left:12px;
}

p
{
		font-size:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:15px;
	margin-top:10px;
	position:relative;
	font-weight:normal;
}

ul li
{
			font-size:2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:15px;
	margin-top:10px;
	position:relative;
	font-weight:normal;
}

#background
{
	height:auto;
	width:auto;
	top:-10px;
	bottom:-10px;
	left:-10px;
	right:-10px;
	position:fixed;
	z-index:-10;
}


#background img
{
	height:125%;
	width:100%;
	position:absolute;
}

<!-- social media bar -->


#social
{
	height:64px;
	width:400px;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
	padding:1px;
}
.channel
{
	height:64px;
	width:64px;
	left:0px;
	position:absolute;
	float:left;		
	cursor:pointer;
	background:#999;
		z-index:3000;
}

.channel img
{
	height:64px;
	width:64px;
}



#facebook
{
	margin-top:300px;
}

#twitter
{
	margin-top:380px;
}

#youtube
{
	margin-top:460px;
}


#instagram
{
	margin-top:540px;
}

#facebook:hover
{
	background-color:#3D5B99;
}

#twitter:hover
{
	background-color:#4099FF;
}

#youtube:hover
{
	background-color:#DC4639;
}


#instagram:hover
{
	background-color:#E9DFD3;
}

<!-- main content -->


.content
{
	
}

#wrap
{
	height:100%;
	width:98%;
	text-align:center;
	position:absolute;
}

#float
{
	height:auto;
	width:850px;

	margin:0 auto;
	margin-top:0px;
	margin-bottom:60px;
	position:relative;
	z-index:1000;
	background-color:#FFF;
	border-radius:25px;
	text-align:center;
}

#title
{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin:0 auto;
		z-index:10;
		
	margin-bottom:-15px;

}

#title img
{
	width:98%;
	height:auto;
	margin:0 auto;
	position:relative;
	margin-top:-50px;
	z-index:10;
}
#logo
{
	width:100%;
	height:200px;
	position:relative;
	text-align:center;
	margin-bottom:-20px;
	z-index:10;
}

#logo img
{
	width:auto;
	height:100%;
	position:relative;
	margin:0 auto;
	z-index:2000;
}


#menu
{
	height:50px;
	width:1050px;
	position:relative;
	margin:0 auto;
	z-index:4000;
	margin-left:-93px;
	margin-bottom:15px;
	
}


#menu img
{
	height:50px;
	width:auto;
}


.menuItem
{
	height:50px;
	width:105px;
	float:left;
	background-color:#000;
	color:#FFF;
	cursor:pointer;
		z-index:9000;
		text-align:center;
}

.menuItem:hover
{
	background-color:#FFF;
	color:#3D7DBE;
	z-index:4000;
	border-bottom:thin solid black;
}


#video
{
	width:auto;
	height:auto;
	background-color:#FFF;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

#video img
{
	width:800px;
	margin:0 auto;
}

#video iframe
{
}



#text
{
	width:auto;
	height:auto;
	background-color:#FFF;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}

#text img
{
	width:98%;
	margin:0 auto;
}

#bio
{
	width:auto;
	height:auto;
	background-color:#FFF;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

#location
{
	height:680px;
	text-align:left;
	width:100%;
	position:relative;
}

#location img
{
	height:300px;
	width:500px;
	right:30px;
	margin-top:10px;
	margin-bottom:10px;
	position:absolute;
	z-index:5000;
}
#location img:hover
{
	-webkit-box-shadow:  0px 0px 15px 7px #000000;        
    box-shadow:  0px 0px 15px 7px #000000;
}
#location table
{
	float:left; 
	text-align:left; 
	margin-bottom:50px;
	left:10px;
	font-size:2em; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	position:relative;
}

<!-- + -->


.nivoSlider {
    position:relative;
    background:url(http://longboardhaven.com/css/images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#footer
{
	width:100%;
	position:relative;
	height:16px;
	font-size:1em;
	text-align:center;
	background-color:#000;
	margin-top:150px;
	bottom:0;
	color:#FFF;
}
#footer p
{
	font-size:1.2em;
	bottom:0;
}

.fb-like-box
{
	margin-right:10px;
	position:absolute;
	float:right;
}

.fb-follow
{
	margin-right:10px;
	position:absolute;
	float:right;
}


#fb
{
	width:auto;
	height:auto;
	background-color:#FFF;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:40px;
	text-align:right;
}

#fb img
{
	width:800px;
	margin:0 auto;
}


#productSLOT
{
	width:98%;
	height:190px;
	background-color:#FFF;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
}

.productSLOTtile
{
	width:128px;
	height:128px;
	margin:0 auto;
	margin-bottom:5px;
	margin-left:5px;
	position:relative;
	border:1px dotted #000000;
	opacity:.7;
	float:left;
}

.productSLOTtile:hover
{
	background-color:#000;
}

.productSLOTtile img
{
height:128px;
width:128px;
position:relative;
z-index:9000;
}

.productSLOTtile img:hover
{
	opacity:1;
}


.teamSLOT
{
	width:100%;
	height:60px;
	text-align:left;
	border-right:thick solid black;
	border-bottom:thin solid black;
	margin-top:10px;
	overflow:visible;
		cursor:pointer;
	
}

.teamSLOT img
{
}



#teamSHADE
{
	width:64px;
	height:100%;
	position:relative;
	opacity:0.1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#3D5B99;
	float:right;
    -moz-transition:margin 2s, -moz-transform 2s;
    -webkit-transition:margin 2s, -webkit-transform 2s;
    -o-transition:margin 2s, -o-transform 2s;
    transition:margin 2s, transform 2s;
	
}
#teamSHADE img
{
	height:64px;
	width:auto;
	float:right;
position:relative;
	top:0;
	right:0;
	z-index:6000;
	}

.teamSLOT:hover > #teamSHADE
{
	opacity:1;
	margin-right:40px;
}


.linkSLOT
{
position:relative;
width:100%;
height:auto;
font-size:24px;
margin-top:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}