body {
	background: #000000;
	color: #333333;
	font-family: helvetica, arial, sans serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a { 
	color: #27aae1;
	text-decoration: none;
	transition: color .15s linear;
	-moz-transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-o-transition: color .15s linear;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	color: #2398c9;
	font-size: 28px;
	text-transform: uppercase;
}

h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 23px 0;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}

h3 {
	font-size: 23px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	text-transform: uppercase;
}

h4 {
}

h5 {
}

h6 {
}

p {
	line-height: 22px;
	margin: 0 0 15px 0;
	padding: 0;
}

.hr {
	font-size: 1px;
	height: 1px;
	background: #cccccc;
	margin: 5px 0 5px 0;
}

.hr hr { display: none; }


/* ------------------------------------------------------------------------------------------------- */
/* Header ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
.header {
	background: #000000;
	min-height: 46px;
	position: relative;
	z-index: 10;
}

.header .logo {
	float: left;
	margin: 12px 0 0 0;
}

.header .logo img {

}

.header .logo:hover {

}

.header .header-right-side {
	float: right;
	margin: 8px 0 0 0;
}


/* ------------------------------------------------------------------------------------------------- */
/* Primary Navigation ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
.primary-navigation {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-navigation > li {
	float: left;
	position: relative;
}

.primary-navigation > li > a {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	text-decoration: none;
}

.primary-navigation > li > a:hover,
.primary-navigation > li.selected > a {
	color: #ffffff;
	text-decoration: none;
}

.primary-navigation > li.selected > a {

}
.primary-navigation > li.drop > a {
	background: url(/images/icons/blue-arrow-down.png) 85% 50% no-repeat;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-right: 25px;
}

.primary-navigation > li.drop:hover > a {
	background-color: #ffffff;
}

.primary-navigation > li.drop:hover > a,
.primary-navigation > li.drop:hover > a:hover {
	color: #27aae1;
}

.primary-navigation > li > ul {
	background: #ffffff;
	box-shadow: 0 5px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 5px 6px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 5px 6px rgba(0,0,0,.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	display: none;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 28px;
	min-width: 120px;
	right: 0;
}

.primary-navigation > li.drop.fullwidth > ul {

}

.primary-navigation > li:hover > ul {
	display: block;
}

.primary-navigation > li > ul > li {

}

.primary-navigation > li > ul > li > a {
	display: block;
	padding: 8px 10px;
	font-size: 12px;
}

.primary-navigation > li > ul > li > a:hover {
	background: #f0f0f0;
	color: #333333;
	text-decoration: none;
}


/* ------------------------------------------------------------------------------------------------- */
/* Header - Login Form ----------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.header-login-form {
	float: left;
	padding-left: 20px;
}

.header-login-form .text {
	background: #262626;
	border: 1px solid #262626;
	color: #a6a6a6;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 10px;
	width: 110px;
}

.header-login-form .text:hover,
.header-login-form .text:focus {
	border: 1px solid #525252;
}

.header-login-form .text:focus {
	color: #ffffff;
}

.header-login-form .submit {
	background: #1f88b4;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	float: left;
	font-size: 12px;
	height: auto;
	line-height: 100%;
	margin: 0;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	text-transform: none;
}

/* Firefox Fix */
body:not(:-moz-handler-blocked) .header-login-form .submit {
	padding: 6px 10px 5px 10px;
}

.header-login-form .submit:hover {
	background: #27aae1;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* Search Bar ----------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
.search_bar { /* page wide bar */
  background-color: lightblue;
  overflow: hidden;
}
.search_bar_wrapper { /* sets margins */
  margin: 3px auto;
  width: 960px;
}
.search_bar_content {
  text-align: right;
  overflow: hidden;
}
.search_options {
  display: none;
  overflow: hidden;
}
.search_bar_item {
  float: right;
  text-align: left;
  margin: 10px 0 0 30px;
}
.search_bar_separate {
  margin-left: 40px;
}
.search_bar_item_left {
  float: left;
  text-align: left;
  margin: 10px 40px 0 0;
}
.search_bar_form {
  float: right;
}
#listing-search-fld {
  border-right: 0px;
}
#listing-search-btn {
  float: right;
  z-index: 2;
  background-color: #fff;
  padding: 9px;
  border-left: 0px;
}
.search_options_block {
  display: inline;
  float: left;
  margin: 20px 40px 20px 0;
}
.search_options_block p {
  margin: 0 0 0 20px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* Secondary Navigation ------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
.secondary-navigation-wrap {
	background: #434343;
	padding: 10px 0;
}

.secondary-navigation-wrap .wrapper {
}

.secondary-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

.secondary-navigation li {
	float: left;
	padding: 0 8px 0 0;
}

.secondary-navigation li a {
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	color: #ffffff;
	display: block;
	float: left;
	padding: 5px 12px;
	text-decoration: none;
}

.secondary-navigation li.selected a,
.secondary-navigation li a:hover {
	background: #000000;
}


/* ------------------------------------------------------------------------------------------------- */
/* Breadcrumps ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.breadcrumbs {
  margin: 20px 0 0 0;
}

/* ------------------------------------------------------------------------------------------------- */
/* Wrapper/Middle Containers ----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.wrapper {
	margin: 0 auto;
	width: 960px;
}

.main-content {
	background: #ffffff;
  height: auto;
}
.main-content ul {
  line-height: 22px;
  margin: 0 0 15px 0;
}
.main-content li {
  margin: 0 0 15px 0;
}
.main-content .wrapper {
	padding: 30px 0 30px 0;
}

.page-heading {
	border-bottom: 1px solid #e6e6e6;
}

.page-heading h1 {
	float: left;
}

.page-heading .button-wrap {
	float: right;
	margin: -8px 0 0 0;
}

.page-heading .wrapper {
	padding: 30px 0;
}


/* ------------------------------------------------------------------------------------------------- */
/* Sticky CSS Footer ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

.sticky-footer-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -54px auto; /* the bottom margin is the negative value of the footer's height */
}

.footer, .sticky-footer-push {
	height: 54px; /* .push must be the same height as .footer */
}


/* ------------------------------------------------------------------------------------------------- */
/* Footer ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
.footer {
	background: #000000;
	height: 42px;
	padding: 12px 0 0 0;
	text-align: center;
}

.footer .wrapper {
	position: relative;
}

.footer .logo {
	left: 0;
	top: 5px;
	position: absolute;
}

.footer .logo img {

}

.footer .logo:hover {

}

.footer .social-media-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .social-media-links li {
	display: inline-block;
	margin: 0 2px;
}

.footer .social-media-links li a {
	display: inline-block;
	height: 30px;
	opacity: .20;
	filter: alpha(opacity=20);
	transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	width: 30px;
}

.footer .social-media-links li.facebook a {
	background-image: url(/images/icons/facebook.png);
	width: 29px;
}

.footer .social-media-links li.twitter a {
	background-image: url(/images/icons/twitter.png);
}

.footer .social-media-links li.linkedin a {
	background-image: url(/images/icons/linkedin.png);
}

.footer .social-media-links li.googleplus a {
	background-image: url(/images/icons/googleplus.png);
}

.footer .social-media-links li.youtube a {
	background-image: url(/images/icons/youtube.png);
}

.footer .social-media-links li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.footer .social-media-links li a span {
	display: none;
}

.footer-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.footer-navigation li {
	float: left;
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
}

.footer-navigation li a {
}

.footer-navigation li a:hover {
	color: #ffffff;
}

/* ------------------------------------------------------------------------------------------------- */
/* Listings - Grid Items --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.grid-item {
	/*background: #333333;*/
	display: block;
	float: left;
	margin: 0 20px 25px 0;
	position: relative;
	width: 220px;
}

.grid-item .listing {
	background: none;
	height: auto;
}

.grid-item .listing .image {
	/*background: #333333;*/
	height: 220px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 220px;
}

.grid-item .listing .image img {
	height: 100%;
	width: auto;
}

.grid-item .text {
	background: rgba(0,0,0,.60);
	bottom: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: 0;
	padding: 12px;
	position: absolute;
	right: 0;
	text-align: left;
	z-index: 2;
}

.grid-item .club-text {
  /* background: rgba(173,216,230,.80); */
  background: rgba(39,170,225,.60);
  bottom: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  left: 0;
  padding: 12px;
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 2;
}

.grid-item:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}
.grid-item:hover .text {
  background: rgba(0,0,0,.40);
}

.grid-item .other_info {
  margin: 7px 0 0 0;
}
.grid-item .other_info p {
  margin: 0;
  line-height: 120%;
}

/* ------------------------------------------------------------------------------------------------- */
/* Marquee ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.marquee {
	background: #000000 url(/images/homepage/marquee-background.jpg) 40% 0 no-repeat;
	height: 411px;
	overflow: hidden;
}

.marquee .wrapper {
	overflow: hidden;
}

.marquee .content-wrap {
	color: #000000;
	float: right;
	font-size: 18px;
	padding: 40px 0 0 0;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	width: 340px;
}

.marquee .content-wrap h1 {
	font-size: 30px;
	margin: 0 0 30px 0;
	padding: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.marquee .content-wrap p {
	line-height: 25px;
	margin: 0 0 40px 0;
	padding: 0;
}

.marquee .content-wrap .button-wrap {
	text-align: center;
}

.marquee .content-wrap .button-wrap .button {
	margin-right: 10px;
}

.marquee .content-wrap .button-wrap .normal {
	color: #1382b1;
	margin-left: 10px;
	text-decoration: underline;
}

.marquee .content-wrap .button-wrap .normal:hover {
	color: #000000;
}


/* ------------------------------------------------------------------------------------------------- */
/* Homepage ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.homepage {

}

.homepage .wrapper {
	padding: 0;
}

.homepage .row {
	padding: 40px 0;
}

.homepage .row.gray {
	background: #f7f7f7;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.homepage .row h2 {
	background: url(/images/homepage/homepage-h2-background-line.jpg) 0 50% repeat-x;
	color: #bbbbbb;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 23px 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}

.homepage .row h2 span {
	background: #ffffff;
	display: inline-block;
	padding: 0 15px;
}

.homepage .row.gray h2 span {
	background: #f7f7f7;
}

.homepage .how-it-works {
	padding: 15px 0 0 0;
}

.homepage .how-it-works .col {
	float: left;
	text-align: center;
	width: 217px;
}

.homepage .how-it-works .col.first {
	padding-left: 10px;
}

.homepage .how-it-works .col.last {
	float: right;
	padding-right: 10px;
}

.homepage .how-it-works .col.arrow {
	background: url(/images/homepage/how-it-works/arrow.png) 50% 50% no-repeat;
	height: 194px;
	width: 138px;
}

.homepage .how-it-works .col h3 {
	color: #27aae1;
	font-size: 23px;
	font-weight: normal;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

.homepage .how-it-works .col img {
	display: block;
	margin: 0 auto 15px auto;
	width: 100%;
}

.homepage .how-it-works .col p {
	font-size: 14px;
	line-height: 22px;
}

.homepage .our-locations {

}

.homepage .our-locations .grid-item {
	margin-bottom: 0;
}

.homepage .our-locations .grid-item.first {

}

.homepage .our-locations .grid-item.last {
	margin-right: 0;
	float: right;
}

.homepage .sign-up-wrap {
	background: url(/images/homepage/sign-up-wrap-shadow.jpg) 50% 50% no-repeat;
	min-height: 104px;
	text-align: center;
}

.homepage .sign-up-wrap .button {

}

.homepage .homepage-lower-boxes {

}

.homepage .homepage-lower-boxes .col {
	float: left;
	width: 310px;
}

.homepage .homepage-lower-boxes .col.first {
	margin-right: 19px;
}

.homepage .homepage-lower-boxes .col.last {
	float: right;
	position: relative;
}

.homepage .homepage-lower-boxes .col h3 {
	color: #bbbbbb;
	margin: 0 0 10px 0;
	text-align: center;
}

.homepage .homepage-lower-boxes .col.first h3 {
	color: #3d3d3d;
	text-align: left;
}

.homepage .homepage-lower-boxes .col.last h3 {
	padding-left: 20px;
}

.homepage .homepage-lower-boxes .col.first p {

}

.homepage .homepage-lower-boxes .col .facebook-feed {

}

.homepage .homepage-lower-boxes .col .twitter-bird-icon {
	background: url(/images/homepage/twitter-bird.png) 0 0 no-repeat;
	height: 55px;
	left: 0;
	position: absolute;
	top: 0;
	width: 83px;
}

.homepage .homepage-lower-boxes .col .twitter-feed {
	background: #f7f7f7;
	padding: 20px;
	min-height: 205px;
}

.homepage .homepage-lower-boxes .col .twitter-feed .tweet {
	margin-bottom: 20px;
}

.homepage .homepage-lower-boxes .col .twitter-feed .tweet .date {
	font-size: 10px;
}

.homepage .homepage-lower-boxes .col .twitter-feed .tweet .title {

}

/* ------------------------------------------------------------------------------------------------- */
/* Homepage Items (Locations) Carousel ------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.items-carousel-wrap {
	position: relative;
}

.items-carousel-wrap .stage {
	height: 222px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

.items-carousel-wrap .items-carousel {
	position: absolute;
}

.items-carousel-wrap .items-carousel .grid-item {
	float: left;
	margin-right: 25px;
}

.items-carousel-wrap .prev-link,
.items-carousel-wrap .next-link {
	background: url(/images/icons/carousel-arrow-left.png) 0 0 no-repeat;
	display: block;
	height: 26px;
	left: -60px;
	margin: -13px 0 0 0;
	opacity: .50;
	filter: alpha(opacity=50);
	position: absolute;
	top: 50%;
	width: 14px;
}

.items-carousel-wrap .next-link {
	background-image: url(/images/icons/carousel-arrow-right.png);
	left: auto;
	right: -60px;
}

.items-carousel-wrap .prev-link span,
.items-carousel-wrap .next-link span {
	display: none;
}

.items-carousel-wrap .prev-link:hover,
.items-carousel-wrap .next-link:hover {
	opacity: 1.00;
	filter: alpha(opacity=100);
}


/* ------------------------------------------------------------------------------------------------- */
/* Content Columns --------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.content-col {
	width: 48%;
}

.content-col.left {
	float: left;
}

.content-col.right {
	float: right;
}


/* ------------------------------------------------------------------------------------------------- */
/* Profile ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.profile {

}

.profile .left-side {
	float: left;
	width: 200px;
}

.profile .left-side .image {
	border: 1px solid #e6e6e6;
	padding: 5px;
	display: block;
}

.profile .left-side .image img {
	display: block;
	width: 100%;
}

.profile-navigation {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}

.profile-navigation li {
}

.profile-navigation li a {
	border-bottom: 1px solid #e6e6e6;
	display: block;
	padding: 5px;
}

.profile-navigation li.selected a,
.profile-navigation li a:hover {
	background: #f0f0f0;
	color: #333333;
	text-decoration: none;
}

.profile .right-side {
	border-left: 1px solid #e6e6e6;
	float: right;
	width: 720px;
	padding-left: 20px;
}

.profile .right-side h2 {
	margin: 0 0 20px 0;
	padding: 0;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* Dev Ticket Detail Page ------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------- */
.detail-page {
	padding: 15px 10px;
	min-width: 950px;
}

.detail-page .left-column {
	float: left;
	width: 300px;
}

.detail-page .left-column h3 {
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
}

.detail-page .left-column .image {
	margin-bottom: 20px;
	text-align: center;
}

.detail-page .left-column .image img {
	box-shadow: 0 0 10px rgba(0,0,0,.35);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.35);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.35);
	margin: 0 auto;
	max-width: 100%;
}

.detail-page .right-column {
	float: right;
	width: 620px;
}


/* ------------------------------------------------------------------------------------------------- */
/* Breadcrumbs ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.breadcrumbs-wrap {
	margin: 0 0 10px 0;
}

.breadcrumbs-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs-wrap ul li {
	display: inline-block;
}

.breadcrumbs-wrap ul li.first {

}

.breadcrumbs-wrap ul li a {

}

.breadcrumbs-wrap ul li a:hover {

}


/* ------------------------------------------------------------------------------------------------- */
/* Miscellaneous ----------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.gray-box {
	background: #f5f5f5; 
	border: 1px solid #cccccc;
	box-shadow: 3px 3px 3px #dedede;
	-moz-box-shadow: 3px 3px 3px #dedede;
	-webkit-box-shadow: 3px 3px 3px #dedede;
	padding: 10px 20px; 
}

.gray-box h3 {
	font-size: 17px;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: none;
}


/* ------------------------------------------------------------------------------------------------- */
/* Miscellaneous ----------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.vsmr { margin-right: 4px; }
.smr { margin-right: 10px; }
.mr { margin-right: 20px; }
.bmr { margin-right: 30px; }

.vsmt { margin-top: 3px; }
.smt { margin-top: 10px; }
.mt { margin-top: 20px; }
.bmt { margin-top: 30px; }

.vsmb { margin-bottom: 4px; }
.smb { margin-bottom: 10px; }
.mb { margin-bottom: 20px; }
.bmb { margin-bottom: 30px; }

.vsml { margin-left: 4px; }
.sml { margin-left: 10px; }
.ml { margin-left: 20px; }
.bml { margin-left: 30px; }

.cb { clear: both; }
.cr { clear: right; }
.cl { clear: left; }
.fr { float: right; }
.fl { float: left; }
.cn { clear: none; }

.tar { text-align: right; }
.tac,th.tac { text-align: center; }
.spt { padding-top: 5px; }
.spr { padding-right: 5px; }
.pt { padding-top: 15px; }
.g { color: #808080; }
.red { color: red; }
.nmr { margin-right: 0; }
.nbg { background: none; }
.gbr { border-right: 1px solid #e8e8e8; }
.dn { display: none; }
.gr { color: green; }
.w, .white { color: #ffffff; }

.small { font-size: 80%; }

.bold { font-weight: bold; }

.di { display: inline; width: auto; float: none; }
.dib { display: inline-block; }

.uc { text-transform: uppercase; }

.all-caps {	text-transform: uppercase; }