body{
	color:#45463e;
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	background: #000000;
		overflow: hidden;
}

img{border-style:none;}

.left{
	float: left;
}

.right{
	float: right;
}


br{
	clear: both;
}
#container{

}

a{
	color: #FFF;
}

#content {
	position: relative;
	background: url(../images/back_new.jpg);
	width: 1043px;
	height: 835px;
	margin:0 auto;

}

#midcontent{
	top: 235px;
	width: 100%;
	position: absolute;
		z-index: 1;
}

#innermidcontent{
	top: 438px;
	width: 100%;
	position: absolute;
}

#innermidcrew{
	width: 100%;
	position: absolute;
}

#topnavcrew{
	width: 100%;
	margin-top: 10px;
	margin-left: -25px;
	position: relative;
	height: 110px;
}

#topnavproduct{
	width: 100%;
	margin-top: 0px;
	height: 200px;
		margin-left: -22px;
		position: relative;
}





#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#staticcontent {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}

#fixed {
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
z-index:10; 
color:#567; 
padding:0px;

}

#backimage
{

}

.bottomspace
{
	margin-bottom: 4px;
}

#nav
{
	background: url(../images/navback.png) repeat-x;
	height: 57px;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 9px;
	min-width: 840px;
	position: relative;
	z-index: 32;
}

#nav .item
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;	

}

#nav .item a
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	line-height: 4em;

}

#nav .item a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: none;
	display:block;
	line-height: 4em;
}

#nav .selecteditem
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003333;
	margin-right: 10px;
	float: left;
	background: #FFF;

}
#nav .selecteditem .test
{
	position:absolute;
	top: -234px;
	height: 333px;
	width: 104px;
	z-index: 40;
	left: 0px;
}

#nav .selecteditem a
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: none;
	display:block;
	line-height: 4em;

}

#nav .selecteditem a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: none;
	display:block;
	line-height: 4em;
}


#logo
{
	float: left;
	margin-left: 15px;
	margin-top: 18px;
}


img.source-image {
	position: absolute;
	top: 0;
	left: 0;
}

#frendsguy
{
	position:absolute;
	top: -220px;
	left: 526px;
}


/* The hovered items' parent */
#nav ul { 
	margin-left: 479px;
	position: relative; 
}

/* The hovered items */
#nav ul li {
	position: relative;
	z-index: 100;
	height: 42px;
	border-top: 3px solid #FFFFFF;
		width: 104px;
		text-align: center;
		height: 54px;
}


/* The hover element, dynamically created */
div.ahover {
    position: absolute;
    z-index: 99;
    background: #FFF;
	height: 66px;
}

#box
{
width: 484px;
}

#navSide{
	position: relative;
	z-index: 30;
	margin-left: -20px;
	height: 200px;
}

#storyNavSide{
	position: relative;
	z-index: 30;
	margin-left: -20px;
	height: 200px;
	margin-top: -60px;
}

#frendsvision{
	width: 484px;
	height: 97px;
	z-index: 30;
	position:absolute;
	left: 0px;
	top: 0px;
}

#frendsvision a{
	background: url(../images/frendvision_new.png) no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top: 97px;
	width: 462px;
		float: left; 
}

#frendsvision a:hover{
	background-position: 0px -97px;
}

#crew{
	width: 209px;
		height: 83px;
	z-index: 30;
	position:absolute;
	left:10px;
	top: 77px;
}

#crew a{
	background: url(../images/crew_new.png) no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top: 83px;
	width: 209px;
		float: left; 
}

#crew a:hover{
	background-position: 0px -83px;
}

#crew a.selected{
	background-position: 0px -83px;
}

#product{
	width: 202px;
	z-index: 30;
	position:absolute;
	top: 135px;
	left: 0px;

}

#product a{
	background: url(../images/product_new.png) no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top: 101px;
	width: 319px;
		float: left; 
}

#product a:hover{
	background-position: 0px -101px;
}

#product a.selected{
	background-position: 0px -101px;
}



#productcrew{
	width: 202px;
	z-index: 30;
	position:relative;
	top: 35px;
	left: -25px;
	margin-bottom: 115px;

}

#productcrew a{
	background: url(../images/product_new.png) no-repeat;
	height: 0px;
	overflow: hidden;
	padding-top: 101px;
	width: 319px;
		float: left; 
}

#productcrew a:hover{
	background-position: 0px -101px;
}

#productcrew a.selected{
	background-position: 0px -101px;
}

#video{
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 0;
	background: #000000;
	height: 245px;
	width: 425px;
}


#contentbackcrew
{
	position:relative;
	width: 100%;
	height: 365px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}

#contentbackproduct
{
	position:relative;
	width: 100%;
	height: 369px;
	margin-top: 50px;
	margin-bottom: 15px;
}

#contentbackcontact
{
	position:relative;
	width: 100%;
	background: #FFFFFF;
	height: 303px;
	margin-top: 74px;
}

#contentback
{
	position:relative;
	width: 100%;
	height: 303px;
	margin-top: 8px;
}

#contentback #text
{
	margin-left: 45px;
	margin-top: 20px;
	float: left;
}

.storycontent
{
	width: 588px;
}

.storycontent p
{
	margin-top: 10px;
}

.environmentcontent
{
	width: 698px;

}

.environmentcontent p
{
	margin-top: 30px;
}

#contentCard.contactcontent
{
	width: 293px;
	height: 217px;

}

.contactcontent p
{
	margin-top: 5px;
		
}

#leftproduct
{
	position:absolute;
	float: left;
	height: 187px;
	top: 0px;
	left: 0px;
	z-index: 39;
}

#comingsoonblue
{
	background: url(../images/content_back.png) repeat;
	height: 121px;
	width: 100%;
	margin-top: 129px;
	position:absolute;
	text-align: center;
	z-index: 40;
}


#storyleft
{
	position:absolute;
	background: url(../images/story_left.png) repeat;	
	float: left;

	height: 407px;
	width: 1728px;
	top: 0px;
	left: 0px;
	
}


#storyleft p
{
	width: 359px;
	margin-left: 45px;
	margin-right: 20px;
	margin-top: 85px;

	letter-spacing: normal;
	font: .95em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;

	
}

#storyleft p strong
{
	color: #000;
	font: bold .95em Arial, Helvetica, sans-serif;
}


#enviroleft
{
	position:absolute;
	background: url(../images/environment_left.png) repeat;	
	float: left;

	height: 407px;

	top: 0px;
	left: 0px;
		width: 100%;
	
}

.productright{
	float: left;
	z-index:29;
	position: relative;
	margin-top0px;
	
}

.productInfoBox{
	position: absolute;
	width: 350px;
	left:520px;
	top:75px;
	letter-spacing: normal;
	font: .95em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	z-index: 40;
}

.enviroright{
	float: right;
	z-index:39;
	position: relative;
	
}


#enviroleft p
{
	width: 350px;
	margin-left: 45px;
	margin-right: 20px;
	margin-top: 85px;

	letter-spacing: normal;
	font: .95em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;

	
}

#enviroleft p strong
{
	color: #000;
	font: bold .95em Arial, Helvetica, sans-serif;
}

#contentblue
{
	position:absolute;
	background: url(../images/content_back.png) repeat;	
	float: left;

	height: 187px;
	top: 56px;
	left: 0px;
	
}

#contentblue p
{
	margin-left: 45px;
	margin-right: 20px;

	letter-spacing: normal;
	font: .95em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;

	
}

#contentblue p strong
{
	color: #000;
	font: bold .95em Arial, Helvetica, sans-serif;
}


#contactblue
{
	position:absolute;
	background: url(../images/contact_top_back.png) repeat;	
	float: left;

	height: 396px;
	top: -85px;
	left: 10px;
	
}

#contactblue form
{
	margin-left: 45px;


	
}

#contactblue .text {
border:0 none;
height:20px;
margin-bottom:10px;
padding-left:3px;
padding-top:4px;
width:156px;
}

#contactblue p
{
	margin-left: 45px;
	margin-right: 20px;
	margin-top: 15px;

	letter-spacing: normal;
	font: .85em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;

	
}

#contactblue p strong
{
	color: #000;
	font: bold .85em Arial, Helvetica, sans-serif;
}


#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

#popup{
	display:none;
	position:absolute;
	top: 120px;
}

#nav #logoside{
	border: 0px;
	float: left;
	height: 57px;
	width: 140px;
	margin-left: -1px;
	
}

#nav ul.logo{
	margin-left: -0px;
}


	
#nav #logoside a
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	line-height: 4em;
	background: url(../images/logo.png) no-repeat 15px;	

}

#nav #logoside a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: none;
	display:block;
	line-height: 4em;
	background: url(../images/logo_blue.png) no-repeat 15px;
}

#pigeon{
	position:absolute;
	top: -85px;
	left: 750px;
	z-index: 300;
}

.text{
	width: 226px;
	height: 20px;
	border: 0px;
	padding-top: 4px;
	padding-left: 3px;
	margin-bottom: 10px;
}

.noback
{
	border: 0px;
	background-color:transparent;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

#navrightItems{
	float: right;
	margin-right: 40px;
	margin-top: 18px;
}


#image_3{
	position:absolute;
	top: 0px;
	width: 208px;
	height: 208px;

	
}

#image_3_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;
}

#image_8{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_8_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;
}

#image_9{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_9_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}

#image_13{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_13_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}

#image_14{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_14_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}


#image_15{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_15_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}


#image_16{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_16_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}


#image_17{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_17_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}

#image_18{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_18_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}

#image_19{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_19_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}

#image_20{
	position:absolute;
	width: 209px;
	height: 209px;
	
}

#image_20_over{
	position:absolute;
	width: 209px;
	height: 209px;
	z-index: 31;

	
}


.image_fade{

	
}

.image_fade .image{
	display: none;
	z-index: 31;
		background-color: #FFF;
}

.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 100px;
		width: 250px;
		background:url(images/on-off-event.png) 0 -100px no-repeat;
	}
	
	

#footer {

clear:both;

height:50px;

color: #000000;

text-align:center;

position:absolute;
top: 520px;
left: 0px;
}

.crewpics{

	background: url(../images/crew_card.png) no-repeat;
	height: 464px;
	z-index: 40;
}

.crewpics ul{
	padding-top: 94px;
	padding-left: 10px;
	width: 860px;
}

.crewpics li{
	float: left;
}

.crewpics li a{
	text-decoration: none;
}

.crewpics li a.mason{
	background: url(../images/mason.png) no-repeat;
	display: block;
	width: 110px;
	height: 304px;
}

.crewpics li a.mason:hover{
	background: url(../images/mason_hov.png) no-repeat;
}

.crewpics li a.jack{
	background: url(../images/jack.png) no-repeat;
	display: block;
	width: 120px;
	height: 306px;
}

.crewpics li a.jack:hover{
	background: url(../images/jack_hov.png) no-repeat;
}

.crewpics li a.danny{
	background: url(../images/danny.png) no-repeat;
	display: block;
	width: 117px;
	height: 304px;
}

.crewpics li a.danny:hover{
	background: url(../images/danny_hov.png) no-repeat;
}

.crewpics li a.scotty{
	background: url(../images/scotty.png) no-repeat;
	display: block;
	width: 122px;
	height: 307px;
}

.crewpics li a.scotty:hover{
	background: url(../images/scotty_hov.png) no-repeat;
}

.crewpics li a.luke{
	background: url(../images/luke.png) no-repeat;
	display: block;
	width: 122px;
	height: 308px;
}

.crewpics li a.luke:hover{
	background: url(../images/luke_hov.png) no-repeat;
}

.crewpics li a.kevin{
	background: url(../images/kevin.png) no-repeat;
	display: block;
	width: 123px;
	height: 306px;
}

.crewpics li a.kevin:hover{
	background: url(../images/kevin_hov.png) no-repeat;
}

.crewpics li a.keir{
	background: url(../images/keir.png) no-repeat;
	display: block;
	width: 115px;
	height: 306px;
}

.crewpics li a.keir:hover{
	background: url(../images/keir_hov.png) no-repeat;
}