/* This is the style of your browser text */


/* pushes the page to the full capacity of the viewing area */
html {height:100%;}


body {
	height:100%;
	margin:0;
	padding:0;
	background:#431203 url(../images/jst_bg.jpg);
	font-family: "Trebuchet MS", Monaco, Lucida Console, Verdana, sans-serif;
	font-size: 18px;
	line-height: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}


p {
	margin: 0;
	font-size:13px;
	line-height:1em;
	color:#FFFFFF;
	font-weight:bold;
}

a:link, a:visited {
	text-decoration: none;
	color: #000099;
}

h1, h2, h3, h4, h5 {
	font-family: Monaco, Lucida Console, Verdana, sans-serif;
	letter-spacing:0;
	margin: 0;
	padding: 0;
	line-height:1em;
	display:inline;
}


h1 {
	font-family: "Comic Sans MS", Arial Black, Arial, Helvetica ;
	font-size: 60px;
	color:#ffffff;
}

h2 {
	font-family: "Comic Sans MS",Monaco, Lucida Console, Verdana, sans-serif;
	font-size: 32px;
	color:#ffffff;
}

h3 {
	font-family: "Comic Sans MS",Monaco, Lucida Console, Verdana, sans-serif;
	font-size: 32px;
	color:#ffffff;
	line-height:0;
}

h4 {
	font-family: "Comic Sans MS",Monaco, Lucida Console, Verdana, sans-serif;
	font-size: 32px;
	color:#ffffff;
}

h5 {
	font-family: Impact, Monaco, Lucida Console, Verdana, sans-serif;
	font-size: 20px;
	color:#ffffff;
	line-height:0;
}


#wrapper {
	 width:1000px;
	 position:relative;
	 margin:0 auto;
	 }

/* places the content ontop of the background image */
#content {position:relative; z-index:1; width:1000px; margin-left:auto; margin-right:auto;

/* Change the following styles according to your design */
	text-align:left;
	}






/*__________ PAGE STYLES _____________*/

#top {
	background:url(../images/jst_bg_top.jpg) no-repeat center top;
	height:129px;
	width:1000px;
	margin-bottom:13px;
	}
	

#logo {
	margin-top:0;
	margin-left:12px;
	padding-top:12px;
	}

#video {
	height:207px;
	width:368px;
	float:left;
	margin-bottom:13px;
	z-index:5;
	position:relative;
	}

#rainbow {
	height:207px;
	width:293px;
	background:url(../images/jst_bg_rainbow.jpg) no-repeat #ffffff;
	float:left;
	margin-bottom:14px;
	}

#errol_ski {
	height:448px;
	width:339px;
	background:url(../images/jst_bg_ski.jpg) no-repeat top #ffffff;
	float:right;
	}

#btn_itunes {
	width:219px;
	height:95px;
	top:142px;
	left:778px;
	position:absolute;
	z-index:9;
	}
	
#btn_sweep {
	width:340px;
	height:115px;
	top:11px;
	left:664px;
	position:absolute;
	z-index:9;
	}

#errol {
	position:absolute;
	top:0px;
	left:7px;
	z-index:4;
	width:992px;
	height:575px;
	background:url(../images/jst_errol2.png) no-repeat top;
	}

#gear_holder {
	height:227px;
	width:661px;
	background:url(../images/jst_bg_fade.jpg) repeat-x #ffffff;
	float:left;
	z-index:3;
	position:relative;
	}

#gear {
	margin-top:5px;
	margin-left:10px;
	width:270px;
	height:198px;
	background:url(../images/jst_gear.png) bottom left no-repeat;
	z-index:9;
	}

#bc_btn {
	width:123px;
	height:79px;
	position:absolute;
	/*	left:203px;*/
	left:205px;
	top:470px;
	z-index:10;
	}

#see_btn {
	width:36px;
	height:53px;
	position:absolute;
	/*	left:203px;*/
	left:283px;
	top:510px;
	z-index:10;
	}

#porters_btn {
	width:123px;
	height:79px;
	position:absolute;
	/*	left:326px;*/
	left:331px;
	top:470px;
	z-index:10;
	}


#sportcheck_btn {
	width:123px;
	height:79px;
	position:absolute;
	/*	left:326px;*/
	left:458px;
	top:470px;
	z-index:10;
	}





#text_holder {
	background:url(../images/bg_transparent.png)  repeat top left;
	width:360px;
	height:199px;
	position:absolute;
	top:354px;
	left:585px;
	padding:12px 30px 10px 26px;
	z-index:6;
	}
	
#text {
	color:#FFFFFF;
	font-size:13px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Tahoma;
	font-weight:bold;
	line-height:1.6em;
	margin-top:-25px;
	}

#bug {
	position:absolute;
	left:0;
	top:542px;
	z-index:7;
	background:url(../images/jst_bug.png) no-repeat center top;
	width:1000px;
	height:71px;
	}

#footer {
	background:url(../images/jst_bg_footer.jpg) repeat-x top;
	height:50px;
	width:1000px;
	position:absolute;
	top:590px;
	left:0px;
	z-index:4;
	}

#copy {
	font-size:10px;
	color:#D3CAB3;
	font-family:Arial, Verdana, "Trebuchet MS";
	text-align:right;
	padding-right:10px;
	padding-top:15px;
	}