/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse; border-spacing:0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body { font-family:arial, helvetica, sans-serif; font-size:13px; line-height:18px; color:#666; background:#fff; }

/* typography */
.page-content h3, .page-content h4, .page-content h5 {font-family: Helvetica, Arial, sans-serif; color: #f04e23; margin: 0 0 10px; font-weight: bold; line-height: 1.2;}
.page-content h3 {font-size: 22px; color: #6abd45;}
.page-content h4 {font-size: 20px;}
.page-content h5 {font-size: 16px;}
.emph {font-weight: bold;}

/* utility top nav */
#top-nav-wrapper { width:100%; background-color:#6abd45; height:27px; }
#top-nav { width:940px; margin: 0 auto; display: block; overflow: hidden;}
#top-nav ul { float:right; margin-top:3px;}
#top-nav ul li { float:left; text-transform:uppercase; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:10px; color:#fff; margin-left:10px; }
#top-nav ul li a .fa {color: #fff; padding-left: 5px; }

div#container { width:960px; margin: 0 auto; overflow:hidden; display: block;}
div#header { overflow:hidden; width:940px; margin:auto; margin-bottom:10px; padding:0; position:relative; }
div#logo { margin-top:15px; margin-bottom: 10px; float:left; }
#top-nav ul li#phone {font-size: 14px; padding-right: 15px;}

/* header email form */

#newsletter h5 { color: #f04e23; }

/* nav */
/*div#nav { float:right; position:relative; right:-15px; }*/
#newsletter { float:right; position:relative; margin-top: 15px;}
#nav { width: 100%; clear: both; text-align: center; background: #4e3d29; height: 38px; }
div#nav ul { text-align: center; }
div#nav ul li { display: inline-block;  margin: 0 5px; background: #4e3d29; }
div#nav ul li a { display: block; text-transform: uppercase; padding: 10px 15px; margin: 0 5px; text-decoration: none; font-weight: bold; color: #ffffff; }
div#nav ul li:hover { color: #4e3d29; background: #6abd45; }


/* home page */
div#content-border { width:940px; padding:9px; border:1px solid #ccc; margin:auto; overflow:hidden; }
div#home-splash {width:940px; height:283px; }
div#home-grid { width:920px; height:167px; margin-bottom: 10px; background: url(../images/grid-home.jpg) no-repeat}
#home-grid .home-link {display: block; width: 184px; height: 167px; float: left; position: relative;}
#home-grid .home-link.last {margin-right: 0;}
h2 { font-family:verdana, arial, helvetica, sans-serif; font-size:26px; font-weight:bold; color: #4e3d29; letter-spacing:-1px; margin:25px 0; line-height: 1.2; }
div#home-content, div.page-content { width:910px; margin:auto; margin-bottom:20px; overflow:hidden; }
div#home-content p, div.page-content p { padding-bottom: 20px; }
div#home-content .home-column { width:440px; float:left; }
div#home-content #home-left { margin-right:30px; }
div#home-content a:link, div.page-content a, div#home-content a:visited { color:#f04e23; text-decoration:none; }
div#home-content a:hover, div.page-content a:hover, div#home-content a:active { color:#ff7854; text-decoration:none; }

/* home page bottom overlays */
#home-grid .home-link:after {
	content: ' ';
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: rgba(255, 255, 255, 0.75);
	color: #ffffff; 
	text-decoration: none; 
	text-transform: uppercase; 
	text-align: center;
	display: block;
	/*height: 131px;
	width: 184px;*/
	height: 20px;
	width: 154px;
	position: absolute;
	top: 24px;
	left: 8px;
	padding: 8px 4px;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
}

#home-grid .home-link:nth-of-type(1):after {
	content: 'Classes';
}

#home-grid .home-link:nth-of-type(2):after {
	content: 'Team Build';
}

#home-grid .home-link:nth-of-type(3):after {
	content: 'Parties';
}

#home-grid .home-link:nth-of-type(4):after {
	content: 'Gift Certs';
}

#home-grid .home-link:nth-of-type(5):after {
	content: 'Email Us';
}

/* new home page */
#home-content .class-widget {
	padding: 15px;
	margin: 25px 5px 20px;
}

#home-content .class-widget .widget-header {padding: 0;}

#home-content .class-widget .widget-header h4 {
	font-family:verdana, arial, helvetica, sans-serif; font-size:24px; font-weight:bold; color: #4e3d29; text-transform: uppercase; margin: 0 0 15px; text-align: center;
}
.class-widget .class-key {width: 240px; margin: 0 auto 5px;}
.class-widget .clear {height: 20px;}
.class-widget {background: #ececeb;}
.class-widget li {padding: 5px 10px; margin: 0 0 10px;}
#home-content .class-widget li h3, #home-content .class-widget li h3 a {color: #fff;}

#home-content .class-widget li {background: #6abd45; opacity: 0.85;}
#home-content .class-widget li.red {background: #f04e23; }
#home-content .class-widget li:hover {opacity: 1}
#home-content .class-widget .widget-footer {text-align: center; font-size: 16px; text-transform: uppercase; font-weight: bold; padding-top: 15px;}
#home-content .class-widget .widget-footer a {color: #4e3d29;}
#home-content .gift-certificate h2 {letter-spacing: 1px; text-transform: uppercase; text-align: center; font-size: 24px; border-top: 1px solid #ececeb; border-bottom: 1px solid #ececeb; padding: 24px 0; }
#home-content .gift-certificate h2 a {color: #4e3d29;} 
.flexslider {
    border: none;
    border-radius: 0;
    margin: 0;
}
#cboxOverlay{background:#fff; opacity: 0.6; filter: alpha(opacity = 60);}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/close.png) no-repeat 0 0; width:100px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position: 0 0;}

/* email bar */
div#email-bar-wrapper { width:958px; height:52px; padding:1px; border:1px solid #ccc; border-top:0px; background:url(/images/email-bar.jpg) 0 0 no-repeat; }
div#email-bar { float:right; }
div#email-bar #otdudj-otdudj { width:290px; height:32px; border:1px solid #ccc; padding:8px 10px; vertical-align:top; font-size:15px; color:#4e3d29; }
div#email-bar #join { width:80px; height:32px; background:#4e3d29; border:none; text-transform:uppercase; font-size:18px; color:#fff; font-weight:600; cursor:pointer; margin-left:-4px; padding-bottom:3px; }

/* footer */
div#footer { width:960px; margin:auto; padding:10px 0 15px 0; }
div#footer p { text-align:center; text-transform:uppercase; font-size:10px; color:#999; }
div#footer a:link, div#footer a:visited { color:#666; text-decoration:none; }
div#footer a:hover, div#footer a:active { color:#444; text-decoration:none; }
div#footer .links a { margin-left:20px; }

/* about */
img.page-image { float:right; padding:0 0 10px 20px; margin-top:-40px; }

/* services */
div.page-content ul li { margin-bottom:15px; }
img.full-width { padding-bottom:15px; }
p.larger { font-size:14px; line-height:20px; font-style:italic; }
ul.list { list-style:disc; margin-bottom:20px; }
/*div#home-content ul.list li { margin-left:20px; margin-bottom:5px; }
div#home-content ul li ul {margin:10px; }
div#home-content ul li ul li {margin-bottom:5px; }*/
.service-title {color: #f04e23; font-weight: bold;}

/* contact us */
div#contact-info { float:left; width:230px; }
div.map { float:right; margin-left:20px; width:650px; }
img.align { vertical-align:middle; }
div#contact-info .icon { display:block; margin-bottom:2px; }

/* Calendar */
div#classes-top { padding:15px; background:#ffffd3; overflow:hidden; margin-top:-10px; color:#888; width:910px; }
div#classes-top h2 { margin-top:0; margin-bottom:20px; }
div#classes-top .red { color:#f04e23; }
div#classes-top div#left-column { float:left; width:450px; }
div#classes-top div#right-column { float:right; padding-right:50px; width:400px; }
div#classes-top a:link, div#classes-top a:visited { color:#f04e23; text-decoration:none; }
div#classes-top a:hover, div#classes-top a:active { color:#ff7854; text-decoration:none; }

table.calendarBG { margin:20px 0; }
table.calendarBG tr td div { font-size:11px; line-height:normal; padding:5px; }
table.calendarBG tr.calendarHeader th.uppercase { font-size:16px; font-weight:bold; color:#4e3d29; text-transform:uppercase; letter-spacing:1px; padding-bottom:5px; }
table.calendarBG tr.calendarHeader .calendarMonthLinks { font-size:13px; font-weight:bold; color:#888; }
table.calendarBG tr.calendarHeader .calendarMonthLinks a:link, .calendarMonthLinks a:visited { color:#888; text-decoration:none; }
table.calendarBG tr.calendarHeader .calendarMonthLinks a:hover, .calendarMonthLinks a:active { color:#444; text-decoration:none; }
table.calendarBG tr.calendarHeader .left { text-align:right; }
table.calendarBG tr.calendarHeader .right { text-align:left; }
table.calendarBG tr.calendarHeader div.green { width:15px; height:15px; background:#6abd45; float:left; margin-right:5px; }
table.calendarBG tr.calendarHeader div.red { width:15px; height:15px; background:#f04e23; float:left; margin-right:5px; }
table.calendarBG tr.calendarHeader span { float:left; padding-right:15px; font-size:11px; line-height:15px; }
table.calendarBG tr.calendarHeader span.red { color:#f04e23; }
table.calendarBG tr.calendarHeader span.green { color:#6abd45; }
table.calendarBG tr td.calendarDayHeading { text-align:center; text-transform:uppercase; font-size:11px; font-weight:bold; color:#888; vertical-align:middle; }
table.calendarBG tr td {width:125px; height:100px; border:1px solid #eee; }
table.calendarBG tr td.calendarDayHeading {width:125px; height:20px; background:#eee; }
table.calendarBG tr td.calendarBlank { background:#ccc; }
table.calendarBG tr td div.day-number { text-align:right; padding:5px; padding-bottom:0; font-size:12px; font-weight:bold; color:#888; }
table.calendarBG tr td div h3 { color:#6abd45; margin-bottom:5px; }
table.calendarBG tr td div h3.red a:link, table.calendarBG tr td div h3.red a:visited { color:#f04e23; text-decoration:none; }
table.calendarBG tr td div h3.red a:hover, table.calendarBG tr td div h3.red a:active { color:#ff7854; text-decoration:none; }
table.calendarBG tr td div h3 a:link, table.calendarBG tr td div h3 a:visited { color:#6abd45; text-decoration:none; }
table.calendarBG tr td div h3 a:hover, table.calendarBG tr td div h3 a:active { color:#8ce166; text-decoration:none; }

/***** new calendar and classes widget ******/
table#fc_outer { width:100%; margin:20px 0; }
table#fc_inner { width:100%; }

table#fc_outer tr#month_year th.uppercase { font-size:16px; font-weight:bold; color:#4e3d29; text-transform:uppercase; letter-spacing:1px; padding-bottom:5px;}
table#fc_outer tr#month_year a.cal-links { font-size:16px; font-weight:bold; text-decoration:none;  color:#4e3d29; }
table#fc_outer tr#month_year a.cal-links:hover { color:#444; text-decoration:none; }
table#fc_outer tr#month_year div.green, .class-widget div.green { width:15px; height:15px; background:#6abd45; float:left; margin-right:5px; }
table#fc_outer tr#month_year div.red, .class-widget div.red { width:15px; height:15px; background:#f04e23; float:left; margin-right:5px; }
table#fc_outer tr#month_year span, .class-widget span { float:left; padding-right:15px; font-size:11px; line-height:15px; }
.class-widget span {padding-right: 10px;}
table#fc_outer tr#month_year span.red, .class-widget span.red { color:#f04e23; }
table#fc_outer tr#month_year span.green, .class-widget span.green { color:#6abd45; }
table#fc_outer tr#month_year th { width:125px; }
table#fc_outer tr#month_year th.right { text-align:right; }
table#fc_outer tr#month_year th.left { text-align:left; }

table#fc_inner tr#days_of_week th { width:125px; height:20px; background:#eee; color: #888888; font-size: 11px;  font-weight: bold; text-align: center; text-transform: uppercase; vertical-align: middle;}
table#fc_inner tr td.day_cell { width:125px; height:100px; border:1px solid #eee; }
table#fc_inner tr td.day_cell div.date{ text-align:right; padding:5px; padding-bottom:0; font-size:12px;  }
table#fc_inner tr td.day_cell div.date { font-weight:bold; color:#888; text-decoration:none; }
table#fc_inner tr td.out_of_range { background:#ccc; }
table#fc_inner tr td.out_of_range div.date { font-weight:normal; }

table#fc_inner tr td.day_cell div.event { font-size:11px; line-height:13px; padding:5px; text-align:center; }
table#fc_inner tr td.day_cell h3 { color:#6abd45; margin-bottom:5px; line-height:13px; }
table#fc_inner tr td.day_cell h3.red a { color:#f04e23; text-decoration:none; }
table#fc_inner tr td.day_cell h3.red a:hover { color:#4e3d29; text-decoration:none; }
table#fc_inner tr td.day_cell h3 a { color:#6abd45; text-decoration:none; }
table#fc_inner tr td.day_cell h3 a:hover { color:#4e3d29; text-decoration:none; }

/* class details */
div#class-detail { padding:20px; overflow:hidden; }
div#class-detail p { padding-bottom:15px; }
div#class-detail h3 { font-family:verdana, arial, helvetica, sans-serif; font-size:18px; font-weight:bold; color: #4e3d29; letter-spacing:-1px; margin-bottom:15px; }
div#class-detail span.uppercase { color:#f04e23; text-transform:uppercase; font-weight:bold; }
div#class-detail div#class-detail-left { float:left; width:480px; }
div#class-detail div#class-detail-right { float:left; width:350px; margin-left:50px; line-height:25px; }
div#class-detail .back-link { display:block; margin-top:20px; }
div#class-detail a:link, div#class-detail a:visited { color:#f04e23; text-decoration:none; }
div#class-detail a:hover, div#class-detail a:active { color:#ff7854; text-decoration:none; }

/* Team Building */
.one-half {width: 48%; float: left;}
.one-half.last {float: right;}
#team-building .one-half p {padding-bottom: 24px;}
#team-building .one-half ul {padding-bottom: 20px;}
#team-building .one-half ul li {margin-bottom: 5px;}
.image-wrap {text-align: center;}


/* Some basics */
img {max-width: 100%;}
.clear {clear: both;}
.cf:before {content: " "; display: table;}
.cf:after {clear: both; content: " "; display: table;}


/* page content */
.page-content ul.indented {margin: 15px;}
.page-content ul.indented li {margin: 0;} 
.page-content ul, .page-content ul li {list-style: disc inside none;}
.page-content ol, .page-content ol li {list-style:decimal inside none;}