/************************************************
 *
 *  File     :  css/jp.css
 *  Version  :  v3.0
 *  Website  :  westlakewakeboarding.com
 *  Author   :  Josh Horvath
 *  Company  :  Faduchi Group
 *
 ************************************************/
 
* {
	margin: 0px;
	padding: 0px;
	}
	 
.container {
	position: relative;
	width: 730px;
	margin: auto;
 	}
 
body {
	background: url(../images/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	text-shadow: 1px 1px 1px #000;
 	}

.hidden {
	text-indent: -9000px;
	overflow: hidden;
	}


/* TEXT */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: white;
	font-weight: normal;
	}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: white;
	}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #e1b314;
	}
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: white;
	}
a, a:visited {
	color: #b5d4f1;
	text-decoration: none;
	}
	a:hover {
		color: white;
		text-decoration: underline;
		}
	a:focus { outline: none; }
.large {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: white;
	font-weight: normal;
	padding-right: 5px;
	letter-spacing: .1em;
	}
.clear { clear: both; }
 
/* Start Navigation */

#nav_home {
	position: absolute;
	width: 241px;
	height: 76px;
	left: 0;
	top: 114px;
	display: block;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 1000;
	}
 
#container_nav {
	position: relative;
	height: 27px;
	padding-top: 189px;
	padding-left: 271px;
 	}
 
#nav_background {
	position: relative;
	height: 27px;
	width: 459px;
 	}
	
#nav_menu ul {
	margin: 0 auto;
	list-style: none;
	height: 27px;
}

#nav_menu li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	#nav_lessons { position: absolute;	width: 74px; height: 27px; left: 0px; background: url(../images/nav/lessons.png); }
		#nav_lessons:hover { background-image: url(../images/nav/lessons-ov.png); }
		#nav_lessons span { display: none; }

	#nav_location { position: absolute;	width: 73px; height: 27px; left: 75px; background: url(../images/nav/location.png); }
		#nav_location:hover { background-image: url(../images/nav/location-ov.png); }
		#nav_location span { display: none; }
	
	#nav_kidscamp { position: absolute;	width: 85px; height: 27px; left: 149px; background: url(../images/nav/kidscamp.png); }
		#nav_kidscamp:hover { background-image: url(../images/nav/kidscamp-ov.png); }
		#nav_kidscamp span { display: none; }
	
	#nav_rates { position: absolute; width: 59px; height: 27px; left: 235px; background: url(../images/nav/rates.png); }
		#nav_rates:hover { background-image: url(../images/nav/rates-ov.png); }
		#nav_rates span { display: none; }
	
	#nav_pics { position: absolute; width: 52px; height: 27px; left: 295px; background: url(../images/nav/pics.png); }
		#nav_pics:hover { background-image: url(../images/nav/pics-ov.png); }
		#nav_pics span { display: none; }
	
	#nav_gearshop { position: absolute; width: 89px; height: 27px; left: 348px; background: url(../images/nav/gearshop.png); }
		#nav_gearshop:hover { background-image: url(../images/nav/gearshop-ov.png); }
		#nav_gearshop span { display: none; }


/* End Navigation */


/* Start Content Window Backgrounds */
.roundCorners {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #fff;
	}
#container_home {
	position: relative;
	min-height: 265px;
	background: url(../images/bkg_home.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	z-index: 100;
	}
#text_home {
	position: absolute;
	width: 371px;
	top: 30px;
	right: 30px;
	}
	
#container_lessons {
	position: relative;
	height: 265px;
	background: url(../images/bkg_lessons.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	z-index: 100;
	}
#text_lessons {
	position: absolute;
	width: 391px;
	top: 30px;
	right: 30px;
	}
	#text_lessons p {
		display: block;
		padding: 7px 0 7px 0;
		}
		
#container_location {
	position: relative;
	height: 265px;
	background: url(../images/bkg_location.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	z-index: 100;
	}
#text_location_left {
	position: absolute;
	width: 347px;
	top: 20px;
	left: 17px;
	}
#text_location_right {
	position: absolute;
	width: 347px;
	top: 20px;
	right: 7px;
	}
	#viewmap {
		position: absolute;
		width: 145px;
		height: 41px;
		background-image: url(../images/button_viewmap.png);
		left: 575px;
		top: 217px;
		z-index: auto;
		}
	#viewmap span {
		display: none;
		}
	#container_location ul {
		margin-left: 12px;
		padding-top: 10px;
		}
		#container_location li {
			display: block;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 14px;
			color: white;
			padding-bottom: 6px;
			}

#container_kidscamp {
	position: relative;
	background: url(../images/bkg_kidscamp.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	z-index: 100;
	}
	#text_kidscamp_left {
		float: left;
		width: 46%;
		padding: 20px;
		}
	#text_kidscamp_right {
		float: left;
		width: 42%;
		padding: 20px;
		}
		#text_kidscamp_left p {
			display: block;
			padding-top: 7px;
			text-shadow: 1px 1px 3px #000 !important;
			}
		#text_kidscamp_right p {
			display: block;
			padding: 0;
			}
		#text_kidscamp_right ul {
			list-style: circle;
			margin-left: 12px;
			}
		#text_kidscamp_right li {
			display: block;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 13px;
			color: white;
			padding-bottom: 5px;
			float: left;
			width: 130px;
			}
		#text_kidscamp_right h3 {
			padding-top: 0;
			}
		#btn-campad,
		#btn-itinerary,
		#btn-playvideo {
			position: absolute;
			top: 27px;
			left: 483px;
			background: url(../images/btn-campad.png) top left;
			width: 211px;
			height: 63px;
			text-indent: -9999px;
			}
		#btn-playvideo {
			background: url(../images/btn-playvideo.png) top left;
		}
		#btn-itinerary {
			top: 90px;
			left: 483px;
			background: url(../images/btn-itinerary.png) top left;
			}
		#btn-campad:hover,
		#btn-playvideo:hover,
		#btn-itinerary:hover { background-position: top right; }

#container_rates {
	position: relative;
	height: 265px;
	background: url(../images/bkg_rates.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	}
	#container_rates ul {
		margin-left: 12px;
		margin-top: 10px;
		}
	#container_rates li {
		display: block;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		color: white;
		padding-bottom: 5px;
		}
		
#container_pics {
	position: relative;
	height: 336px;
	background: url(../images/bkg_pics.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	}
#text_pics {
	position: absolute;
	width: 371px;
	top: 14px;
	right: 340px;
	}
	#text_pics p {
		padding: 5px 0 0 0;
		}
	#container_pics #gallery p {
		padding: 18px 0 0 0;
		}
	#container_pics #gallery {
		position: absolute;
		width: 371px;
		top: 69px;
		left: 15px;
		height: 250px;
		}
	#container_pics #gallery img {
		margin: 2px;
		border: 1px solid #999;
		}
	#container_pics #gallery img:hover { border: 1px solid #fff; }
	#container_pics #video {
		}
		#container_pics #video {
		position: absolute;
		width: 320px;
		top: 44px;
		left: 436px;
		background: url(../images/btn-watchvideo.png) top left;
		width: 257px;
		height: 186px;
		display: block;
		text-indent: -9999px;
		}
		#container_pics #video:hover { background-position: top right; }

#container_gearshop {
	position: relative;
	height: 265px;
	background: url(../images/bkg_gearshop.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	}
#text_gearshop {
	position: absolute;
	width: 317px;
	top: 30px;
	right: 30px;
	height: 210px;
	}
	#text_gearshop p {
		display: block;
		padding: 7px 0 7px 0;
		}


/* End Content Window */
	

/* Start TABS */
#bottom-tabs {
	position: relative;
}
#ourboat {
	position: absolute;
	background-image: url(../images/tab_ourboat.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 79px;
	left: 19px;
	padding: 45px 12px;
	}
#ourboat p {
	line-height: 14px;
	padding-bottom: 5px;
	}
	
#campprograms {
	position: absolute;
	background-image: url(../images/tab_campprograms.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 79px;
	left: 257px;
	padding: 45px 12px;
	}
#campprograms p {
	line-height: 14px;
	padding-bottom: 5px;
	}
#campprograms ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	margin-left: 12px;
	padding-bottom: 3px;
	}
#campprograms li {
	display: block;
	padding: 1px;
	}
	
#contactus {
	position: absolute;
	background-image: url(../images/tab_contactus.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 79px;
	left: 495px;
	padding: 45px 12px;
	z-index: 2;
	}
#contactus p {
	line-height: 14px;
	padding-bottom: 5px;
	}
#contactus span {
	font-size: 14px;
	}
	

/* Sponsors */

#divider {
	position: relative;
	height: 1px;
	width: 689px;
	left: 23px;
	top: 185px;
	background-image: url(../images/divider.gif);
	background-repeat: no-repeat;
	}
	
#sponsors {
	position: absolute;
	left: 23px;
	height: 56px;
	width: 689px;
	top: 205px;
	padding-bottom: 20px;
	background-image: url(../images/sponsors.gif);
	background-repeat: no-repeat;
	}
#sponsors span {
	display: none;
	}


/* Sponsors :: Pics page */

#banana-boat {
	position: absolute;
	background: url(../images/link_bananaboat.png) no-repeat top;
	width: 180px;
	height: 260px;
	display: block;
	text-indent: -9999px;
	z-index: 1;
	top: 350px;
	left: 700px;
	}
#banana-boat:focus {
	outline: none;
}
#banana-boat:hover {
	background-position: bottom;
}

#tvpic {
	position: absolute;
	background: url(../images/tvpic.png) no-repeat;
	width: 200px;
	height: 231px;
	z-index:1000;
	left: 694px;
	top: 129px;
}
.call-us {
	position: absolute;
	top: 200px;
	right: 41px;
	text-transform: uppercase;
	padding: 20px 10px;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	width: 180px;
	text-align: center;
	background: rgba(115,219,23,0.95);
	box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.call-us p {
	font-size: 14px;
}
.call-us span {
	margin-top: 5px;
	display: block;
	font-size: 200%;
}