/*======================================================*
 *														*
 *	jumpygym.com Screen Style Sheet							*
 *	Author: Keith Arich Hall (Umami Creative)			*
 *	Version: 1.0, June 30, 2009							*
 *														*
 *======================================================*/
 
 /**
 * @CSS Reset
 * Borrowed from Eric Meyer - CSS Reset Reloaded
 * Modified to just reset basic elements
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, q,
a, em, font, img, small, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/**
 * remember to define focus styles! 
 */
:focus {
	outline: 0;
}

body{
	font-family: Helvetica, tahoma, sans-serif;
	font-weight: 400;
	font-size:0.9em;
	color: #333;
	background: #093a7f url(../images/bg-main.png) repeat-x fixed;
	letter-spacing: 0.05em;
}

h2{
	margin: 1em 0 0.3em 0;
	font-size: 2em;
	font-weight: bold;
	color: #99cc67;
}

h3{
	margin: 1em 0 0.3em 0;
	font-size: 1.5em;
	font-weight: bold;
}
dt{
	margin-top:1em;
	font-size:1.1em;
	font-weight:bold;
}
.list-bulleted{
	margin:0 20px;
}
ul.list-hours{
	list-style: none;
}

/* Columns */
/* Wrapper for our columns */
.columns{
	margin:0;
	padding:0;
}

/* Individual column */
.column{
	margin:0;
	padding:0;
	float:left;
}
/* Clears our floats to signify end of a set of columns */
.columns-end, .layout-end{
	margin:0;
	padding:0;
	clear:both;
	line-height:1px;
	height:1px;
}
/* Column width specifications */
.column-25{
	width:24.9%;
}
.column-33{
	width:33.3%;
}
.column-66{
	width:66.6%;
}
.column-50{
	width:49.9%;
}
.column-20{
	width:19.9%;
}
.column-30{
	width:29.9%;
}
.column-40{
	width:39.9%;
}
.column-60{
	width:59.9%;
}
.column-70{
	width:69.9%;
}
.column-80{
	width:79.9%;
}
.column-100{
	width:99.9%;
}

p{
	margin: 1em 0;
}
.clouds{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width:533px;
	height:435px;
	background:transparent url(../images/bg-clouds.png) no-repeat;
}
.masthead{
	position: relative;
}
.logo{
	margin: 35px 0 14px 10px;
	width: 256px;
	height: 59px;
	background: transparent url(../images/logo.png) no-repeat;
}
.page{
	position: relative;
	margin: 0 auto;
	width: 900px;
}
.page-content{
	margin-top: 85px;
}
.content-top, .content-bottom{
	width: 100%;
	height: 17px;
}	
.content-top{
	background: transparent url(../images/content-top.png) 0 0 no-repeat;
}
.content-body{
	background: transparent url(../images/content-body.png) 100% 0 repeat-y;	
}
.content-bottom{
	width: 100%;
	background: transparent url(../images/content-bottom.png) 0 0 no-repeat;
}
.content{
	padding: 10px 25px;
	min-height: 300px;
	font-size:0.9em;
	line-height: 1.6em;
	letter-spacing: 0.03em;

}
.footer{
	position: relative;	
	bottom: 0;
	margin: 5em 0 0 0;
	border-top: 8px solid #082b5a;
}
.footer-body{
	background: transparent url(../images/bg-footer2.png);
	border-top: 1px solid #0c3c7a;
}
.footer-content{
	margin: 0 auto;
	width: 900px;
}
.footer-content-inner{
	margin: 40px 0 0 0;
}
.footer .column{
	padding: 1em 0 2em 0;
}
.footer-socialize, .footer-find{
	width: 267px;
}
.footer-talk{
	width: 366px;
	background: transparent url(../images/divider-v-middle.png) 0 0 repeat-y;
}
.footer .last{
	background-image: none;
}

.footer .column-content{
	margin: 0 15px 0 15px;
}
.footer h3{
	font-size: 1.4em;
	color: #c1e2f7;
	padding: 0 0 14px 0;
	border-bottom: 1px dashed #ffd100;
}
.footer ul{
	list-style: none;
}
.footer-socialize li{
	padding: 1em 0;
	background: transparent url(../images/divider-h.png) 0 100% repeat-x;
}
.footer-socialize a, .footer-find a{
	display: block;
	padding:  0 0 0 87px;
	font-size: 1.2em;
	font-weight: normal;
	color: #f9de65;
	text-decoration: none;
	line-height: 60px;
}
.footer-find a{
	margin-top: 0.5em;
	padding-left: 60px;
	line-height: 70px;
	height:75px
}
.footer-socialize .link-twitter{
	background: transparent url(../images/icon-twitter.png) no-repeat;
}
.footer-socialize .link-facebook{
	background: transparent url(../images/icon-facebook.png) no-repeat;
}
.footer-find .link-map{
	background: transparent url(../images/icon-map-point.png) no-repeat;
}
.footer-find h4{
	margin: 1em 0 0 0;
	font-weight: bold;
	color: #fbf2c9;
}
.footer-find p{
	font-size: 0.9em;
	color: #fbf2c9;
}

/* Forms */

.form-item{
	margin: 0.5em 0;
}
.form-label{
	float: left;
	width: 6.5em;
	padding: 5px 0 0 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fbf2c9;
}
.party-request-form .form-label{
	color:#000;
	font-weight: bold;
}
input, textarea{
	border: none;
	color:  #fbf2c9;
	background: #062248;
	padding: 8px 5px;
}
.party-request-form input, .party-request-form textarea{
	background:#efefef;
	color:#000;
	border:1px solid #ccc;
	margin-left:8px;
}
.party-request-form .area-code{
	width:40px;
}
.footer input, .footer textarea{
	width: 228px;
}
.footer textarea{
	height: 116px;
}

/* Required Fields */
.required{
	margin:0 10px;
	color:#999;
}
.party-request-form .form-err{
	background-color:#fab5b5;
	border:1px solid #e95050;
}
.form-error-msg{
	display: none;
	padding:0px 10px;
	background-color:#ffc;
	border:1px solid #fc6;
	font-weight: bold;
}

.celebrate-play{
	width: 141px;
	height: 133px;
	background: transparent url(../images/celebrate-play.png) no-repeat;
	position: absolute;
	right: -88px;
	top: -30px;
	z-index: 0;
}
.beach-ball{
	width: 291px;
	height: 90px;
	background: transparent url(../images/bouncing-beach-ball.png) no-repeat;
	position: absolute;
	right: 50px;
	top: -10px;
	z-index: 0;
}
.masthead-banner{
	margin-top: 85px;
	width: 900px;
	height: 247px;
	background: transparent url(../images/bg-masthead.png) no-repeat;
}
.masthead-banner a{
	display:block;
	width: 900px;
	height: 247px;
	text-indent: -9999px;
}

.airplane{
	margin: 0 auto;
	width: 703px;
	height: 148px;
	background: transparent url(../images/opening-soon-airplane.png) no-repeat;
	z-index: 10;

}
.navigation-container{
	position: absolute;
	margin: 0;
	width: 900px;
}
.navigation-top{
	width: 100%;
	height: 14px;
	background: transparent url(../images/bg-nav-top.png) no-repeat;
}
.navigation-body{
	margin: 0 auto;
	width: 900px;
	text-align: center;
	min-height: 33px;
	background: transparent url(../images/bg-nav-body.png) left bottom no-repeat;
}
.navigation-bottom{
	width: 100%;
	height: 15px;
	background: transparent url(../images/bg-nav-bottom.png) no-repeat;
}
.navigation-list{
	margin: 0 0 0 18px;
}
.navigation-list li{
	display: block;
	float: left;
	padding: 4px 0 0 0;
	list-style: none;
}
.navigation-list li.first a{
	border-left: none;
}
.navigation-list li.last a{
	border-right: none;
}
.navigation-list a{
	display: block;
	padding: 4px 17px;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(7, 32, 59, 1);
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #5a8aae;
	border-right: 1px solid #0c3557;
}

/* Feature - Home */
.features{
	margin: 10px 0 0 0;
}

.feature-box{
	width: 293px;
	height: 294px;
	background: transparent url(../images/bg-feature-box.png) no-repeat;
}
.feature-box-middle{
	margin: 0 10px;
}
.feature-box-content{
	width: 242px;
	height: 250px;
	padding: 27px;
	text-align: center;
}
.feature-box-content h2{
	margin-top:0;
	text-align: center;
}
.feature-play{
	background: transparent url(../images/feature-box-photo-play.png) 50% 60px no-repeat;
}
.feature-party{
	background: transparent url(../images/feature-box-photo-party.png) 50% 60px no-repeat;
}
.feature-club{
	background: transparent url(../images/feature-box-photo-club.png) 50% 60px no-repeat;
}
.feature-box-content .button{
	margin: 142px 0 0 60px;
}

/* Buttons */
button { 
	padding:0 15px 0 0;
	border:0; 
	cursor:pointer; 
	font-weight:bold;  
	text-align:center; 
	background:url(../images/buttons-right.png) 100% 0 no-repeat; 
	font-size:1.1em; 
	height:31px;
}
button span { 
	position:relative; 
	display:block;  
	margin: -2px 0 0 0;
	padding:0 0 0 15px; 
	height:31px; 
	line-height:31px;
	white-space:nowrap;
	color:#fff; 
	background:url(../images/buttons-left.png) 0 0 no-repeat;
}

/*blue buttons*/
button:hover {
	background:url(../images/buttons-right.png) 100% -31px no-repeat; 
}
button:hover span {
	background:url(../images/buttons-left.png) 0 -31px no-repeat; 
}
.button a, .button span{
	float: left;
}
.button a{
	display: block;
	padding: 5px 4px 5px 15px;
	min-width:40px;
	height: 21px;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height: 23px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(../images/buttons.png) 0 0 no-repeat;
}
.button span{
	display: block;
	width: 10px;
	height: 31px;
	background: transparent url(../images/buttons.png) 0 -124px no-repeat;
}
.button:hover a{
	background: transparent url(../images/buttons.png) 0 -31px no-repeat;
}
.button:hover span{
	background: transparent url(../images/buttons.png) -10px -124px no-repeat;
}
.button-action a{
	background: transparent url(../images/buttons.png) 0 -62px no-repeat;
}
.button-action span{
	background: transparent url(../images/buttons.png) -20px -124px no-repeat;
}
.button-action:hover a{
	background: transparent url(../images/buttons.png) 0 -93px no-repeat;
}
.button-action:hover span{
	background: transparent url(../images/buttons.png) -30px -124px no-repeat;
}

.email-form button{
	float: right;
	margin: 0 10px 0 0;
}

/* Modal */
.modal-overlay{
	display: none;
	position: absolute;
	left:0;
	top:0;
	background: #000;
	-khtml-opacity:.50; /*safari*/
	-moz-opacity:.50;  /*mozilla*/
	-ms-filter:”alpha(opacity=50)”; /*ie8*/
	filter:alpha(opacity=50); /*ie6*/ 
	opacity:0.50;
}

.modal{
	display: none;
	position: absolute;
	margin: 0 auto;
}
.modal-inner{
	position:relative;
}
.modal-component{
	float:left;
}
.modal-body, .modal-footer{
	clear:both;
}
.modal-tl{
	height: 9px;
	background: transparent url(../images/modal-window-tl.png) no-repeat;
}
.modal-tr{
	width: 8px;
	height: 9px;
	background: transparent url(../images/modal-window-tr.png) no-repeat;
}
.modal-ml{
	background: transparent url(../images/modal-window-ml.png) repeat-y;
	overflow:auto;
}
.modal-mr{
	width: 8px;
	background: transparent url(../images/modal-window-mr.png) repeat-y;
}
.modal-bl{
	height: 9px;
	background: transparent url(../images/modal-window-bl.png) no-repeat;
}
.modal-br{
	width: 8px;
	height: 9px;
	background: transparent url(../images/modal-window-br.png) no-repeat;
}
.modal-content{
	position: relative;
	padding: 1em 20px;
	overflow:auto;
}
.modal-content h1{
	font-weight:bold;
	font-size:1.6em;
	color:#c00;
}
.modal-content h2{
	font-size:1.2em;
}
.modal-content iframe{
	position: relative;
}
.modal-close{
	display: block;
	position: absolute;
	right: -16px;
	top:-12px;
	width:29px;
	height:29px;
	background: transparent url(../images/modal-close-button.png) no-repeat;
	text-indent: -9999px;
}
.comment-thankyou{
	font-size:0.9em;
}

/* Tables */
.table-parties{
	width: 100%;
}
.table-parties th, .table-parties td{
	border-collapse: separate;
}
.table-parties th{
	padding:0.5em 0;
	height: 50px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #ccc
}
.table-parties td{
	padding:0.5em 0;
	text-align: center;
	border-bottom: 1px solid #ccc
}
.table-parties .col-feature{
	padding-left: 8px;
	text-align: left;
	font-weight: bold;
}
.col-highlight{
	background-color: #fcf6b5;
}
table .check{
	display: block;
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url(../images/checkmark.png) 50% 50% no-repeat;
	text-indent: -9999px;
}
.table-parties tbody tr:hover td{
	background: #aad6eb;
}
.table-note{
	margin-top: 0;
	padding: 1em 8px;
	font-size: 0.9em;
/* 	font-style: italic; */
	font-weight: bold;
	background: #efefef;
	border-bottom: 1px solid #ccc
}
.table-numbers{
	font-weight: bold;
}
.table-units{
	font-weight: bold;
	color: #333;
}
.feature-list{
	margin: 0.5em 20px 1em 20px;
}
.column-sidebar{
	margin:3em 0;
	padding:1em 0 1em 30px;
}
.sidebar-feature{
	padding:0 20px 10px;
	background: #e6f1f6;
	border: 1px solid #abd9ec;
}
.sidebar-cta{
	padding:0 20px 10px;
}
/*

.sidebar-feature ul{
	font-size: 0.8em;
}
*/
.event-dates{
	font-weight:bold;
}
sup{
	font-size:0.5em;
}