/*

InClub Media custom styles

revised by Paulo dos Santos in Nov 16, 2016

*/


@charset "UTF-8";

img, div, #logo, #right-col { behavior: url(iepngfix.htc) }

body {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #7A0C00;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
#bodyWrapper {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#benefits {
	float: left;
	height: auto;
	width: 445px;
}
#barbells {
	height: 277px;
	width: 318px;
	float: right;
}
#logo {
	margin-top: 15px;
}
#menu {
	float: left;
	height: auto;
	width: 785px;
	margin-top: 10px;
	color: #333333;
	padding-left: 15px;
}
#menu a {
	color: #333333;
	text-decoration: none;
}
#menu a:hover {
	color: #650900;
	text-decoration: none;
}
#flash {
	float: left;
	height: 247px;
	width: 800px;
	margin-top: 50px;
}
.flashdiv, .flashdivtv {
	width: 50%;
	height: 100%;
	float: left;
}
.flashdiv img {
	display: block;
	margin: 78px 15px 0;
	-webkit-filter: drop-shadow(0 0 30px #000); 
	filter: drop-shadow(0 0 30px #000); 
	width:330px;
}

.flashdivtv img {
	display: block;
	margin: 100px 15px 0;
	-webkit-filter: drop-shadow(0 0 30px #000); 
	filter: drop-shadow(0 0 30px #000); 
	width:360px;
}

.flashdiv div, .flashdivtv div {
	margin-top: 50px;
}
.flashdiv span, .flashdivtv span {
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 1em;
	display: block;
	font-size: 22px;
	padding: 4px;
	position: relative;
	animation-fill-mode: forwards;
}

/* CSS animation */

#linelogo {
    animation-name: linelogo;
    animation-duration: .7s;
	animation-timing-function: ease;
	display: block;
	position: relative;
}

@keyframes linelogo {
    from {left: -20px; opacity: 0}
    to {left: 0px; opacity: 1}
}

#linelogotv {
    animation-name: linelogotv;
    animation-duration: .7s;
	animation-timing-function: ease;
	display: block;
	position: relative;
}

@keyframes linelogotv {
    from {top: -20px; opacity: 0}
    to {top: 0px; opacity: 1}
}

#line1 {
	font-weight: bold;
    animation-name: line1;
    animation-duration: .7s;
	animation-timing-function: ease;
	animation-delay: 0.3s;
	top: -20px; 
	opacity: 0
}

@keyframes line1 {
    from {top: -20px; opacity: 0}
    to {top: 0px; opacity: 1}
}

#line2 {
	font-style: italic; font-size: 32px;
    animation-name: line2;
    animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 0.7s;
	right: -40px;
	opacity: 0;
}

@keyframes line2 {
    from {right: -40px; opacity: 0}
    to {right: 4px; opacity: 1}
}

#line3 {
	font-size: 42px; padding-left:40px; margin-top:-5px;
    animation-name: line3;
    animation-duration: .7s;
	animation-timing-function: ease;
	animation-delay: 1s;
	left: -40px;
	opacity: 0;
}

@keyframes line3 {
    from {left: -40px; opacity: 0}
    to {left: 4px; opacity: 1}
}

#line4 {
	font-size: 44px; font-weight: bold; padding-right:20px; text-align: right; margin-top:-10px;
    animation-name: line4;
    animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 1.3s;
	opacity: 0;
}

@keyframes line4 {
    from {opacity: 0}
    to {opacity: 1}
}

#line2b {
	font-style: italic; font-size: 32px;
    animation-name: line2b;
    animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 0.7s;
	right: -40px;
	opacity: 0;
}

@keyframes line2b {
    from {left: -40px; opacity: 0}
    to {left: 4px; opacity: 1}
}

#line4b {
	font-size: 48px; font-weight: bold; padding-right:20px; text-align: right; margin-top:-14px;
    animation-name: line4b;
    animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 1.3s;
	opacity: 0;
}

@keyframes line4b {
    from {left: -40px; opacity: 0}
    to {left: 0; opacity: 1}
}


#content {
	float: left;
	height: auto;
	width: 800px;
	margin-top: 30px;
}
#left-col {
	float: left;
	height: auto;
	width: 445px;
	padding-left: 15px;
	padding-right: 15px;
}
#footer {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	float: left;
	height: auto;
	width: 800px;
	text-align: center;
	margin-top: 30px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
	text-decoration: none;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #ff6666;
	letter-spacing: -2px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ff6666;
}
#left-col-locations {
	float: left;
	height: auto;
	width: 245px;
	padding-left: 15px;
	padding-right: 15px;
}
#right-col-locations {
	float: left;
	height: auto;
	width: 520px;
}
#locations-col1 {
	float: left;
	height: auto;
	width: 260px;
}
#locations-col2 {
	float: left;
	height: auto;
	width: 245px;
	margin-left: 10px;
}
.pink_text {
	color: #ff6666;
	font-weight: bold;
}
#left-col-membernetwork {
	float: left;
	height: auto;
	width: 770px;
	padding-left: 15px;
	padding-right: 15px;
}
#montly-rates {
	float: left;
	height: auto;
	width: 455px;
}
#rates {
	background-color: #990000;
	float: left;
	height: 30px;
	width: 455px;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	color: #ff6666;
	letter-spacing: -2px;
}
#bullets1 {
	float: left;
	width: 150px;
	margin-left: 15px;
}
#bullets2 {
	float: left;
	width: 180
.px;
	width: 150px;
}
#left-col-publications {
	float: left;
	height: auto;
	width: 340px;
	padding-left: 15px;
	padding-right: 15px;
}
#lvac-magazine {
	float: left;
	height: auto;
	width: 340px;
	margin-top: 85px;
}
#lvac-personal-trainer {
	float: left;
	height: auto;
	width: 340px;
	margin-top: 100px;
}
#lvac-kids-guide {
	float: left;
	height: auto;
	width: 340px;
	margin-top: 60px;
}
#right-col-publications {
	float: right;
	height: auto;
	width: 410px;
}
#last-content {
	float: left;
	height: auto;
	width: 800px;
}