/* Global properties ======================================================== */
html, body {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #798A8F;
}
/*********  rounded buttons ********/

#rcorners1 {
  border-radius: 25px;
  background: #FFFFFF;
  padding: 2px;
  width: 250px;
  height: 40px;
	line-height: 40px;
	font-style: italic;
	font-weight: bold;
}

/*************************/

html { border-bottom:#FF0000 3px solid; }
body {font: 14px/25px Arial, Helvetica, sans-serif; color:#292929; min-width:960px;background: url(../images/markville-fitness-bg2.png) left 0 repeat; 
      border-top:#FF0000 3px solid; }
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:960px; margin:0 auto; position:relative;}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
a.button {background:#f4f4f4; font-size:14px; line-height:18px; color:#01a5ca; text-transform:uppercase; display:inline-block; padding:12px 16px 13px 16px; }
a.button:hover {background:#d3d1d1; color:#333; }


a.link {text-decoration:none; cursor:pointer; color:#01a5ca; }
a.link:hover {text-decoration:underline;}

.color-1 {
	color: #00008B; /*2F3D69;*/
	line-height: 11px;
}
a.color-1:hover {color:#000;}

.font-3 {font-size:14px; line-height:34px; color:#000000; font-family: Arial, Helvetica, sans-serif;}
.font-4 {font-size:17px; line-height:33px; color:#333333;}
.font-5 {font-size:17px; line-height:33px; color:#000000; font: 18px/25px Arial, Helvetica, sans-serif;}


h2 { font-size:30px; line-height:36px; color:#292929; font-weight:normal; }

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 5px 12px; line-height:25px; background:url(../images/marker-1.gif) 0 11px no-repeat;}
ul.list-111 li a { font-size:14px; color:#292929; line-height:25px;}
ul.list-1 li a:hover {color:#01a5ca;}

ul.list-2 li {padding:0px 0 5px 12px; line-height:25px; background:url(../images/marker-1.gif) 0 11px no-repeat;}
ul.list-2 li a { font-size:14px; color:#01a5ca; line-height:25px;}
ul.list-2 li a:hover { color:#292929;}

		#nav11 {
		background-color: #C33; /*282828; */
		border: 1px solid #FEF;
		text-align: center;
	/*	position: fixed;
	*/	left: 0;
		top: 0;
		margin-left: 0px;
		margin-right: 0px;
		width: auto;
		z-index: 10000;
		cursor: default;
		font-size: 1.1em;
		}
	
		#nav11 li  {
			display: inline-block;
		}
		
		#nav11 a {
			position: relative;
			display: block;
			color: #FFF;
			text-decoration: none;
			padding: 5px 28px; /* 16*/
			outline: 0;
		}
		
		#nav11 a:hover	{
			color: #fff !important;
			background-color: #333;  /*01a5ca*/
		}
			
		#nav11 a.active:before {
			content: '';
			display: block;
			position: absolute;
			 
			bottom: -0.6em;
			left: 50%;
			margin-left: -0.75em;
			border-left: solid 0.75em transparent;
			border-right: solid 0.75em transparent;
			border-top: solid 0.6em #282828;
		}
			


/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden; }
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:3px 30px 0px 0;}
.img-10 {margin:3px 10px 0px 0;}	
.img-30 {margin:3px 30px 0px 0;}	
.last {margin-right:0px !important;}
.img-radius {border-radius:4px;}

.top-1 {padding-top:35px;}
.top-2 {padding-top:25px;}
.top-3 {margin-top:23px;}
.top-4 {margin-top:33px;}
.top-5 {margin-top:18px;}
.top-6 {margin-top:12px;}

.left-1 {padding-left:20px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-1 {margin:13px 0px 12px 0px;}

.p1 {padding-bottom:25px;}
.p2 {padding-bottom:5px;}
.p3 {padding-bottom:12px;}
.p4 {padding-bottom:15px;}
.p5 {padding-bottom:10px;}
.p6 {padding-bottom:20px;}

/**** boot camp ****/

.bbutton {display:block; position:absolute; left:685px; top:0px; z-index:99; width:235px;}
.bbutton p {}
.font-1 {
	font-size: 32px;
	line-height: 48px;
	color: #FFFFFF;
	letter-spacing: -1px;
}
.font-1 span {display:block; margin-top:-15px;}
.font-2 {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFCC;
	margin-top: 19px;
}
.font-2a {
	font-size: 20px;
	line-height: 36px;
	color: #FFFFCC;
	margin-top: 15px;
}
.bbutton a {display:inline-block; background:#3f3fff; font-size:14px; line-height:18px; color:#fff; text-transform:uppercase; padding:12px 27px 13px 25px; margin-top:30px;}
.bbutton a:hover {background:#01a5ca;}




/*********************************header*************************************/
header {width:100%; z-index:101; position:relative; overflow:hidden; padding-top:10px; padding-bottom:1px; background-color:#FFFFFF; border: 1px solid #FEF;}

h1 {float:left; margin:23px 0 0px 29px;}
h1 a {font-size:53px; line-height:65px; color:#01a5ca; letter-spacing:1px; display:inline-block;}
h1 a strong {display:block; color:#292929; margin-top:-21px; font-weight:normal;}

.social-icons {overflow:hidden; float:right; text-align:right; margin-top: 10px; margin-right: 15px;}
.social-icons a {display:inline-block; width:30px; height:30px; float:right;}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat;}
.icon-2 {background:url(../images/facebook.gif) 0 0 no-repeat; margin-left:7px;}
.social-icons a:hover {background-position:0 bottom;}

nav {
	overflow: hidden;
	float: inherit;
	margin: 0px 0px;
	padding: 0px;
	border: 0px green solid;
}; 

ul.menu { float:left; margin-top: 20px; list-style-type:none; text-align:center; }
ul.menu li {
	float: left;
	list-style-type: none;
	line-height: 20px;
	padding: 0px 18px;
	margin: 0px 5px;
	border-left: 1px blue solid;
	text-align: center;
	display: inline;
}

ul.menu li a  {
	/*text-decoration: none;*/
	font-size: 16px;
	line-height: 22px;
	color: #292929;
	text-align: center;
}

ul.menu li a:hover
{
	color: #03F;
	text-decoration:underline;
}

ul.menu li.current a  { color: #03F; text-decoration: underline; }


/*
ul.menu li a {font-size:17px; line-height:22px; color:#292929; display: block; padding: 0px 20px;}
ul.menu li a:hover, ul.menu li.current a { color: #FF0000; text-decoration:underline;}
*/
/*.bg-img {background:url(../images/bg-img.gif) 0 0 no-repeat; width:150px; height:6px; position:absolute; top:-6px; left:-152px;}
*/
/*********************************content*************************************/
#content {width:100%;}
.box-shadow {box-shadow: 0px 0px 5px #dbdbdb;background:#fff;}
.img-border {border:#f4f4f4 5px solid;}
.block-1 { padding:25px 30px 29px 44px; border: 1px solid #CCC;}
.block-2 { padding:25px 30px 45px 44px; border: 1px solid #CCC;}
.block-3 { padding:25px 30px 25px 44px; border: 1px solid #CCC;}
.col-1a {float:left; width:550px; margin-right:50px; padding-right: 50px; border-right: 1px solid #CCC;} 
.col-2a {float:left; width:200px;}
.col-1 {float:left; width:575px; margin-right:65px;}
.col-2 {float:left; width:225px;}
.col-3 {float:left; width:225px; margin-right:50px; }
.col-4 {float:left; width:590px;}

.form-search {margin:27px 0px 0 0px; width:210px; }
#form-search input { width:188px; border:#f4f4f4 1px solid; height:18px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#bebebe;  vertical-align:top; padding:11px 9px 12px 11px; display:inline-block; margin-top:19px;}
.search_button {background:#f4f4f4; font-size:14px; line-height:18px; color:#01a5ca; text-transform:uppercase; display:inline-block; padding:12px 28px 13px 28px; margin:15px 0px 0 0;}
.search_button:hover {background:#d3d1d1; color:#333; }

.box-2 div {float:left; /*width:120px;*/ padding-right: 10px; margin-right:15px;}
.box-2 p.color-1 {margin-top:5px;}
.border-1 {border-bottom:#e5e5e5 1px solid; padding-bottom:15px; margin-bottom:9px;}

/****************************footer************************/
footer { width:100%; position:relative; overflow:hidden; text-align:center; padding:32px 0 45px 0; color: #CCC;}
footer p {color:#1e1e1e;}
a.footerlink {text-decoration:none; cursor:pointer; color:#AAA; }

/**********************form**********************/
.map {width:200px; height:200px; margin:20px 0 0 0;}
.map iframe {width:200px; height:200px;}
dl {margin:12px 0px 0 0px;}
dl dt {}
dl dd span { display:block; width:83px; float:left;}
dl dd {}
dl dd a {text-decoration:underline !important;}
dl dd a:hover {text-decoration:underline; color:#333;}
#form { margin: 20px 0 0px 0px; width:575px; }
#form input {border:#f4f4f4 1px solid; background:#fff;font: 14px Arial, Helvetica, sans-serif;color:#bebebe;padding:11px 9px 13px 11px;outline: medium none;width: 278px; height:17px; float:left;}
#form textarea {border:#f4f4f4 1px solid; background:#fff;font: 14px Arial, Helvetica, sans-serif;color:#bebebe; height: 192px;outline: medium none;overflow: auto;padding: 12px 0px 0px 11px;width: 562px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;overflow:hidden;display: block;min-height:53px;}
.btns {text-align:right; width:575px; padding-top:10px;}
.btns a {display:inline-block; margin:0 0px 0 10px;}

/*********** TIMETABLE ************/

timetable
{
	width: 100%;
	font-size: 11px;
	color: #C5C5C5;
	margin-top: 30px;
}
.timetable tbody tr
{
	/*border-bottom: 1px dashed #454545;*/
	background: url('../images/dotted_line.png') left top repeat-x;
}
.timetable th, .timetable td
{
	width: 12.5%;
	text-align: center;
	padding: 10px;
}
.timetable .last
{
	padding-right: 0;
}
.timetable .event
{
	background-color: lightgoldenrodyellow;
	color: #000;
	border-bottom: 1px solid #151515;
	border-right: 1px solid #151515;
}
.timetable .event a
{
	display: block;
	color: red;
	font-weight: bold;
	margin-bottom: 2px;
}
.timetable .row_gray
{
	background-color: #CCCCCC;
}
.timetable .event.tooltip:hover
{
	background-color: #FFF;
	color: #000;
}
.timetable .event.tooltip:hover a
{
	color: #000;
}
.timetable.small
{
	display: none;
	font-size: 13px;
}
/* --- tip/tooltip/qtip --- */
.tip
{
	background: url('../images/icon_tip.png') #202020 no-repeat 15px center;
	padding: 10px 10px 10px 35px;
	float: right;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.tooltip
{
	cursor: pointer;
}
.tooltip .tooltip_text
{
	display: block;
	padding-bottom: 16px;
	visibility: hidden;
    opacity: 0;
	position: absolute;
	z-index: 1000;
	left: -19px;
	bottom: 100%;
	/* CSS3 Transitions */
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-moz-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-o-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-ms-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	/* CSS3 Transitions */
	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	-ms-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	background: url('../images/tooltip_arrow.png') no-repeat 15px bottom;
}
.tooltip .tooltip_content
{
	background: #FFF;
	color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	line-height: 150%;
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: left;
}
.tooltip:hover .tooltip_text
{	
	visibility: visible;
	opacity: 1;
}
.ui-tooltip-error .ui-tooltip-content,
.ui-tooltip-success .ui-tooltip-content
{
	font-size: 13px;
	font-family: arial;
	color: #FFF;
}

.ui-tooltip-error .ui-tooltip-content,
.ui-tooltip-success .ui-tooltip-content
{
	border:none; 
}

.ui-tooltip-content
{
	padding:10px 20px 10px 20px;
}

.ui-tooltip-error .ui-tooltip-content
{
	background:#E9431C;
}

.ui-tooltip-success .ui-tooltip-content
{
	background:#61911B;
}


/**************** snow  *******/

$d: 70;      // density
$w: 600;     // grid size
$s: 3s;       // speed

// Generate the snow image using radial gradients
$grad: ();
@for $i from 0 to $d {
  $v: random(4) + 2;
  $a: random(5) * .1 + .5;
  $grad: $grad, radial-gradient(
      $v+px $v+px at
      (random($w - $v * 2) + $v)+px
      (random($w - $v * 2) + $v)+px, 
      rgba(255,255,255,$a) 50%,
      rgba(0,0,0,0)
  ) !global;
}

// The CSS
html {
  height: 100%;
  background: linear-gradient(#123 30%, #667);
  overflow: hidden;
}
.snow, .snow:before, .snow:after {
  position: absolute;
  top: -$w + px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: $grad;
  background-size: $w + px $w + px;
  animation: snow $s linear infinite;
  content: "";
}
.snow:after {
  margin-left: -$w/3 + px;
  opacity: .4;
  animation-duration: $s*2;
  animation-direction: reverse;
  filter: blur(3px);
}
.snow:before {
  animation-duration: $s*3;
  animation-direction: reverse;
  margin-left: -$w/2 + px;
  opacity: .65;
  filter: blur(1.5px);
}
@keyframes snow {
  to {
    transform: translateY($w + px);
  }
}