@charset "UTF-8";
/* ==========================================================================
   Stylesheet For The Main Page Template
   ========================================================================== */


/* Common Styles
   ========================================================================== */
.container { 
	overflow: hidden; 
}

div.container nav,
div.container header,
div.container footer, 
div.container.featured section, 
div.container.content div.inner, 
div.container.page-title div.inner {
	width: 980px;
	margin: 0 auto;
}


/* Page Header
   ========================================================================== */
div.container.header { 
	background: url('images/header.png') repeat left top;
	padding-top: 10px;
} 

div.container header figure { 
	float: left; 
}

div.container header div.contact {
	font: 20px/30px 'Arial','Helvetica',sans-serif;
	float: right;
	min-height: 67px;
	padding-top: 33px;
	position: relative;
	text-shadow: 2px 2px 2px #dbdbdb;
	width: 268px;
}

div.container header div.contact strong {
	font: 30px/30px 'Arial','Helvetica',sans-serif;
	color: #ee2a2c;
	display: block;
}

div.container header div.contact img {
	position: absolute;
	right: -34px;
	bottom: 0;
}


/* Page Navigation
   ========================================================================== */
div.container.nav { 
	background: url('images/nav.png') repeat-x left top #ab0202; 
}

div.container.nav ul { 
	background: url('images/nav-div.png') no-repeat right 2px;
	float: left; 
	padding: 0 2px 0 0; 
}

div.container.nav ul li { 
	float: left; 
}

div.container.nav ul li a {
	background: url('images/nav-div.png') no-repeat left 2px;
	font: 14px/14px 'Arial','Helvetica',sans-serif;
	color: #fff;
	display: block;
	padding: 10px 22px 10px 26px;
	text-decoration: none;
	text-transform: uppercase;
}

div.container.nav ul li:hover, 
div.container.nav ul li.active {
	background: url('images/nav-active.png') repeat-x left top;
}

div.container.nav a.fb {
	background: url('images/fb.png') no-repeat left top;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin: 9px 5px 9px 0;
}


/* Page Content Section
   ========================================================================== */
div.container.content {	
	background: url('images/content.png') repeat left top;
}

div.container.content div.inner {
	min-height: 500px;
}

div.main, aside.main { 
	float: left; 
}


/* Page Content Layouts
   ========================================================================== */
/* 
 * layout1: Home page,
 * layout2: Group Fitness, Membership and Contact pages,
 * layout3: Personal Training page,
 * layout4: Facilities page
 * */  
div.container.content.layout2, 
div.container.content.layout3, 
div.container.content.layout4 { 
	padding-top: 20px; 
}

div.container.content.layout1 div.main { 
	background: url('images/shadow1.png') no-repeat right 20px;
	padding-right: 30px;
	width: 575px; 
}

div.container.content.layout1 aside.main { 
	margin-left: 15px;
	width: 360px; 
}

div.container.content.layout2 div.main { 
	width: 100%; 
}

div.container.content.layout3 div.main, 
div.container.content.layout4 div.main {
	background: url('images/shadow4.png') no-repeat left top;
}

div.container.content.layout3 div.main {
	width: 700px;
	padding-left: 45px;
}

div.container.content.layout3 aside.main { 
	width: 215px;
	padding-right: 20px; 
}

div.container.content.layout4 aside.main {
	padding-right: 10px;
	width: 180px;
}

div.container.content.layout4 div.main {
	padding-left: 45px;
	width: 745px;
}


/* Page Footer
   ========================================================================== */
div.container.footer {
	background: url('images/footer.png') repeat-x left top;
	padding-top: 19px;
}

div.container.footer footer { 
	padding: 15px 0; 
}

div.container.footer p {
	color: #ffffe3;
	padding: 0;
	text-align: center;
}