@charset "UTF-8";

/**************************************/
/***** Code By Bull Moose, L.L.C. *****/
/****** www.BullMooseTicket.com *******/
/***** All Rights Reserved - 2009 *****/
/**************************************/
/** Created - 2/22/2009 */
/** Updated - 2/24/2009 */
/*************************/


/* CSS Document */
/*   http://www.fallingwhistles.com/images/assets/  */

/*------ colors info etc  ----------------------------------------------------------------------------------------------*/
/*
Blue (nav) color: #387889
Darker blue #0d3a46


*/

a:focus {
	outline: none;
}

img {border:none;}

/*------- Reset  ----------------------------------------------------------------------------------------------------*/

.leftBlock {
width: 350px;
height:500px;
background: url(http://www.fallingwhistles.com/images/assets/book.jpg) no-repeat 0 0;
}

.middleBlock{
position:relative;
width: 300px;
background:  url(http://www.fallingwhistles.com/images/assets/whistle-bg.jpg) no-repeat 0 0;

}
.rightBlock{
position:relative;
width: 300px;
background:  url(http://www.fallingwhistles.com/images/assets/shirt-bg.jpg) no-repeat 0 0;
}

.leftBlock .titleArea a:hover{
	background: transparent;
}

.navArea{}

.titleArea{
height: 93px;
margin: 10px 0 0 0;

}

.main{
	margin: 0 auto;
	width: 1000px;
	background: #cccccc url(http://www.fallingwhistles.com/images/assets/newest_bg.jpg) no-repeat top center;
}
	
.main a img {
	border: 0 none;
}	
.innerMain {
	margin: 0 auto;
	width: 1000px;
	

}

.learn {
	
	
	
}
.learn img{
	margin: 100px 0 0 50px;
}


.wear {
	margin: 0 0 0 80px;
	
}
.share {
    margin: 0 0 0 50px;
	
}
.share img {
	margin: 125px 0 0 0;
}




/*------- Global  ----------------------------------------------------------------------------------------------------*/
html, body {width:100%;}
html {overflow-y: scroll; overflow-x: hidden;}
body {
		margin: 0 auto;
		padding: 0;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 1.4em;
		width: 8000px;
		background: #000000 /*url(http://www.fallingwhistles.com/images/assets/newest_bg.jpg) repeat-x top center*/;
		/*background-attachment:fixed*/
}

.clear {clear:both;}

.float_L {float:left;}
.float_R {float:right;}

#IEroot7 img {vertical-align:bottom;}

/*------- Structure  ----------------------------------------------------------------------------------------------------*/



/*------- Type  ----------------------------------------------------------------------------------------------------*/

h2 {font-family:"Georgia"; font-weight:normal;}

a {color: #387889; text-decoration:none;}
a:hover {color: #0d3a46;}


/*---------- Top Navigation ------------------------------------------------------------------------------------------------------*/

.nav{
		width: 610px; 
		height: 45px;
		margin: 0;
		padding: 0;
		z-index:20;
}
		
.nav ul {
		margin: 0 auto; 
		padding: 0; 
		width: 100%;
}
.nav ul li {
		float: left; list-style: none;
		margin: 0 0 5px 11px;
		padding: 15px 5px 0 10px; 
		font-family:"Trebuchet MS"; 
		text-align:center;
		text-transform: uppercase;
		letter-spacing:0.1em;
}
.nav ul li a {
		text-decoration: none;
		font-size: 14px;
		color: #FFFFFF;
	}
.nav ul li a:hover {
		text-decoration: none;
		font-size: 14px;
		color: #666666;
	}

.nav ul li#store {width:60px;}
.nav ul li#donate {width:80px;}
.nav ul li#journal {width:50px;}
.nav ul li#about {width:100px;}


.nav ul li#video {width:60px;}
.nav ul li#contact {width:85px;}

/*--------- Interior page styles -------------------------------------------------------------------------------------------*/

.interior .header {
	height: 120px;
	width: 510px;
	margin: 0 0 0 0px;
}


.interior .titleArea {
	border: none;
	height: 93px;
	margin: 10px 0 0 0;

}

.upperArea{
	position:fixed;
	padding: 0 40px;
	z-index:2;
}

.interior .titleArea a img{
     border: none;
}

.interior .titleSpace {
	width: 1000px;
	height: 115px;
	margin: 0 auto;
	z-index:1;
}

/*------- SLIDER  ----------------------------------------------------------------------------------------------------*/

#sliderWrap {
	position:relative;
	width:8000px;
	height:501px;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:center;
	z-index:1;
}

.slide {
	position:relative;
	height:600px;
	float:left;
	margin:0 0 0 0;
	background: #000000;
}

#tshirt {background:url(http://www.fallingwhistles.com/images/assets/t-shirt.jpg) no-repeat top center;}

#whistle {background:url(http://www.fallingwhistles.com/images/assets/whistle-gold.jpg) no-repeat top center;}
#whistle2 {background:url(http://www.fallingwhistles.com/images/assets/whistle-chrome.jpg) no-repeat top center;}
#whistle3 {background:url(http://www.fallingwhistles.com/images/assets/whistle-brushed.jpg) no-repeat top center;}
#whistle4 {background:url(http://www.fallingwhistles.com/images/assets/whistle-gunmetal.jpg) no-repeat top center;}

.slide a {display:block; width:510px; height:661px; margin:0 auto;}

.slide .buttonNext {
	display:block;
	position:absolute;
	top:370px;
}

.slide .buttonPrev {
	display:block;
	position:absolute;
	top:370px;
	width:98px;
}


.slide .buttonNext a {display:block; width:98px; height:69px; background:url(http://www.fallingwhistles.com/images/assets/slider-button-next.png) no-repeat}
.slide .buttonPrev a {display:block; width:98px; height:69px; background:url(http://www.fallingwhistles.com/images/assets/slider-button-prev.png) no-repeat}
.slide .buttonNext a:hover, .slide .buttonPrev a:hover {background-position:0 -69px;}