/*
	Base by Gavin Johnson
*/

body {
	background-color:#111;
	color: #ccc;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

#header {
	height: 450px;
	background: #111 url(../img/BGhome_1.jpg) center top no-repeat;
}

#navArea {
	background-color:#111;
}

#mainNav {
	float:right;
	margin: 0px;
}

#top {
	background: #45474a;
	padding:20px 0;
}

#topNoBottom {
	background: #45474a;
	padding:20px 0 0 0;
}

#topHome {
	background: #45474a;
	padding:3px 0 0 0;
	margin:0;
}

#middle {
	margin-top: 10px;
	padding: 0 0 60px 0;
}

#content {
	padding: 20px 0 60px 0;
	margin: 0 0 40px 0;
	border-bottom: #222 solid 1px;
	border-top: #222 solid 5px;
}

#footer {
	background: #000;
	padding: 30px 0 60px;
}

#logo {
	display:block;
	background: #000 url(../img/inspired_logo.gif);
	text-indent:-1000px;
	width: 189px;
	height: 104px;
}

#subNav {
	background-color: #FFF;
	padding: 20px 20px 10px 20px;
	margin: 20px 0 0 0;
}

#subNavHold {
	background: #111 url(../img/subTop.gif) top no-repeat;
}

.topPadding60 {padding-top:60px;}
.topPadding10 {padding-top:10px;}
.bottomPadding10 {padding-bottom:10px;}

.lineLeft {border-left: solid #333 1px; padding-left: 10px;}

.opentext {
	font-size: 22px;
	line-height: 28px;
	color: #0ba5ef;
	background-color: #000;
}

.title {
	font-size: 52px;
	line-height: 63px;
	color: #FFF;
	background: url(../img/titleBG.png) right top repeat;
}

.openpara {
	font-size: 18px;
	line-height: 24px;
}

#person {
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	border-top: #222 solid 5px;
}

#callNow {clear: both; padding-top: 17px;}

#courses {clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #025fcc dotted 1px;}

.course {width: 300px; margin: 10px; float: left;}

ul {padding-left:10px;}


/* Text Elements */
#logo h2 {padding:0;margin:0;}
.dark { color:#333; margin: 0 10px;}
#middle h3 { font-size:12px;padding:0;margin:0;}
#middle p { padding:0;margin:0 0 15px 0;}
#top h3 { font-size:14px;padding:0;margin:5px 0;color:#FFF;}
#top p { padding:0;margin:0 0 10px 0; color:#999;}
#topNoBottom h3 { font-size:14px;padding:0;margin:5px 0;color:#FFF;}
#topNoBottom p { padding:0;margin:0 0 10px 0; color:#999;}
#top .intro {font-size:14px; color:#CCC;}
#topNoBottom .intro {font-size:14px; color:#CCC;}
#footer P { color:#666;}
#top .white { color:#FFF;}
#topNoBottom .white { color:#FFF;}

.introHome {
	font-size:18px;
	color:#84878f;
	margin: 0;
    padding: 0;
}

.top20{padding-top: 20px;}

hr {border: 0;color: #333;background-color: #333;height: 3px;}

.promo{margin: -20px 0 20px 10px;}

.quote{background:url(../img/quoteTop.gif) top left no-repeat; border-bottom: solid #333 2px; padding: 30px 0 20px 0; margin-bottom:20px;}

.fitpro {padding-bottom: 20px; margin-bottom: 20px; border-bottom: #333 dotted 1px;}
.fitpro img {float: left; margin: 0 30px 50px 0;}
.fitpro strong {color: #025fcc;}
.classicons {float: left; width: 150px;}
.pass {float: left; width: 150px; margin: 0 25px;}
#map {padding-bottom: 20px;}


/* Image Elements */
.imgTopLine { border-top:#92007b solid 3px;}


/* Link Elements */

#textArea a:link, #textArea a:visited, #textArea a:active {text-decoration: none; color:#baff00; border-bottom: #666 1px dotted;}
#textArea a:hover {text-decoration: none; color: #fff; border-bottom: #fff 1px dotted;}

#footer a:link {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:visited {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:active {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:hover {text-decoration: none; color: #fff; border-bottom: #fff 1px dotted;}


h3 a:link {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:visited {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:active {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:hover {font-size: 16px;text-decoration: none; color: #fff; display:block;}

h2 a:link {text-decoration: none; color:#baff00; display:block;}
h2 a:visited {text-decoration: none; color:#baff00; display:block;}
h2 a:active {text-decoration: none; color:#baff00; display:block;}
h2 a:hover {text-decoration: none; color: #fff; display:block;}

.moreArrow a:link {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat; margin-top:5px;}
.moreArrow a:visited {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.moreArrow a:active {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.moreArrow a:hover {text-decoration: none; background:url(../img/arrowGrey.gif) no-repeat;margin-top:5px;}

.more a:link {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat; margin-top:5px;}
.more a:visited {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.more a:active {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.more a:hover {text-decoration: none; background:url(../img/arrowGrey.gif) no-repeat;margin-top:5px; color: #fff;}

#footer .footNav {padding:0; margin:0;}
#footer .footNav li { list-style:none;padding:0 0 10px 0; margin:0;}
#footer .footNav a {color: #999; text-decoration: none; border-bottom: none;}
#footer .footNav a:hover {color: #fff; text-decoration: none; border-bottom: none;}
#footer .footNav a:active {color: #fff; text-decoration: none; border-bottom: none;}

.subNavigation {padding:0; margin:0;}
.subNavigation li { list-style:none;padding:0 0 10px 0; margin:0;}
.subNavigation a {color: #666; text-decoration: none;}
.subNavigation a:hover {color: #111; text-decoration: none;}
.subNavigation a:active {color: #000; text-decoration: none;}

.subNavOn a {color: #000; font-weight: bold;}

.subNavThird a {color: #666; padding:0 0 10px 10px;}
.subNavThird a:hover {color: #111; padding:0 0 10px 10px;}
.subNavThird a:active {color: #000; padding:0 0 10px 10px;}

.subNavThirdOn a {color: #000; padding:0 0 10px 10px;}
.subNavThirdOn a:hover {color: #111; padding:0 0 10px 10px;}
.subNavThirdOn a:active {color: #000; padding:0 0 10px 10px;}

.offer a:link, .offer a:visited, .offer a:active {text-decoration: none; color:#111; display:block; background-color: #baff00; width: 100px; text-align: center; font-size: 12px; font-weight: bold; line-height: 14px; float: right; padding: 5px 0; margin: -15px 80px 0 0;}
.offer a:hover {text-decoration: none; background-color: #fff;}

.book a:link, .book a:visited, .book a:active {text-decoration: none; color:#111; display:block; background-color: #999; font-size: 24px; padding: 5px 10px; margin-top: 20px;}
.book a:hover {text-decoration: none; background-color: #fff;}

#facebook {width: 200px; float: right;}

#freeSession {width: 123px; float: right;}

#studioPics {width:700px; float: left; margin-left: 10px;}
#studioPics img {padding:0; margin:0; float:left;}
#studioPics .studioPush1 {margin:0 0 0 175px;}
#studioPics .studioPush2 {margin:0 0 0 350px;}
#studioPics .studioPush3 {margin:0 0 0 525px;}
#studioPics .studioBox {width:175px; height:200px; float:left; background-color:#025fcc;}
#studioPics .studioBox p {margin:0; padding:10px; font-size: 11pt; font-weight: bold; color:#000; line-height: 18px;}

/* table
------------------------------------*/

table {border-color: #025fcc; border-width: 0 0 1px 1px; border-style: solid;}

td {
    border-color: #025fcc;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

#contactUs table {border-color: #000; border-width: 0 0 1px 1px; border-style: solid;}

#contactUs td {
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

.tableBlack {color:#000; font-weight:bold;}

/* mainNav
------------------------------------*/
#mainNav ul {margin: 0;padding: 0;float: left;list-style: none; font-size:14px;}
#mainNav ul li {float: left; margin: 0 0 0 3px; padding: 0;}
/* Hack to make IE/Mac play nice */
#mainNav li a {
  padding: 0 30px 0 0;
  line-height: 35px;
  border-top: #333 solid 5px;
  text-decoration: none;
  color: #999;
  float: left;
  display: block;
}
#mainNav ul a:hover {color: #baff00;}

#mainNav .on {float: left; margin: 0 0 0 3px; padding: 0;}
/* Hack to make IE/Mac play nice */
#mainNav .on a {
  padding: 0 30px 0 0;
  line-height: 35px;
  border-top: #025fcc solid 5px;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}
#mainNav .on a:hover {color: #fff;}