@charset "UTF-8";
/* CSS Document */

/* //////////////////////////////////////////////////////// Global Styles */

html {
overflow-y: scroll;
}

body {
	margin:0;
	padding:0;
	background:#000000 url(../images/body-bg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

/* //////////////////////////////////////////////////////// Header Styles */


#header {
	background: url(../images/header-bg.jpg) no-repeat top left;
	width:960px;	
	height:89px;
}


/* //////////////////////////////////////////////////////// Navigation Styles */


#navigation {
	background: url(../images/nav-bg.jpg) no-repeat top left;
	width:960px;
	height:32px;
}

#navigation-left {
	float:left;
	width:385px;
	height:35px;
}

#navigation-spacer {
	float:left;
	width:191px;
	height:35px;
}

#navigation-right {
	float:right;
	width:384px;
	height:35px;
}


/* 1st <div> ID for left side nav */

#navigation ul#nav {
	margin:0px;
	padding:0px;
	list-style:none;
	z-index: 5000;
}
#navigation ul#nav li {
	display:inline;
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	position:relative;
}
#navigation ul#nav li a {
	display: block;
	color: #fff;
	float:left;
	text-decoration: none;
}
#navigation ul#nav li ul {
    position: absolute; /* hidding submenus */
	display:none;
	left:0px;
	padding:0px;
	margin:0px;
	
	z-index:9999;
}
#navigation ul#nav li:hover ul,
#navigation ul#nav li.over ul /* This is for Internet Explorer 6  */ {
    display: block;
    top: 100%;
    position: absolute;
    z-index: 4000;
}

#navigation ul#nav  li ul li {
	left:0px;
	float:left;
	font-size:11px;
	margin:0px;
	width:150px;

}

#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
	width:150px;
	margin:0px;
	background:#303030;
    text-decoration: none;
	padding:5px 0px 5px 10px;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-bottom: 1px solid #424242;
}

#navigation ul#nav li ul li a:hover {
	color:#FFFFFF;
	display:block;
	line-height:15px;
	left:0px;
	background: #252525;
}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
	background:#252525 url(../images/nav-bg.jpg) no-repeat top;
	color:#fff;
}


/* 2nd <div> ID for right side nav */

#navigation ul#nav2 {
	margin:0px;
	padding:0px;
	list-style:none;
	z-index: 5000;
}
#navigation ul#nav2 li {
	display:inline;
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	position:relative;
}
#navigation ul#nav2 li a {
	display: block;
	color: #fff;
	float:left;
	text-decoration: none;
}
#navigation ul#nav2 li ul {
    position: absolute; /* hidding submenus */
	display:none;
	left:0px;
	padding:0px;
	margin:0px;
	
	z-index:9999;
}
#navigation ul#nav2 li:hover ul,
#navigation ul#nav2 li.over ul /* This is for Internet Explorer 6  */ {
    display: block;
    top: 100%;
    position: absolute;
    z-index: 4000;
}

#navigation ul#nav2  li ul li {
	left:0px;
	float:left;
	font-size:11px;
	margin:0px;
	width:150px;

}

#navigation ul#nav2  li:hover ul li a,
#navigation ul#nav2  li.over ul li a {
    display: block;
	width:150px;
	margin:0px;
	background:#303030;
    text-decoration: none;
	padding:5px 0px 5px 10px;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-bottom: 1px solid #424242;
}

#navigation ul#nav2 li ul li a:hover {
	color:#FFFFFF;
	display:block;
	line-height:15px;
	left:0px;
	background: #252525;
}

#navigation ul#nav2 li.active a,
#navigation ul#nav2 li a:hover,
#navigation ul#nav2 li:hover a,
#navigation ul#nav2 li.over a {
	background:#252525 url(../images/nav-bg.jpg) no-repeat top;
	color:#fff;
}


ul.navigation {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.navigation li {
	float:left;
}
ul.navigation li a {
	color:#ffffff;
}
ul.navigation li a:hover, ul.navigation li a.selected {
	color:#FFBE41;
}


/* //////////////////////////////////////////////////////// Main Area Styles */


.clear {
	position:relative;
	clear:both;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width:960px;
}

#container {
	width:960px;
	background:#000000 url(../images/container-bg.jpg) no-repeat top;
	min-height:425px;
}

#banner {
	width:960px;
	height:340px;
	background:url(../images/banner-home.jpg) no-repeat top;
}


/* //////////////////////////////////////////////////////// Click Pods Styles */

#clickpods {
	position:relative;
	width:960px;
	height:90px;
	margin-top:6px;
}

#quick-links {
	float:left;
	width:424px;
	height:56px;
	padding:17px 30px 17px 130px;
	background:url(../images/quicklinks-bg.jpg) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
}

#quick-links h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom:5px;
	font-size:26px;
}

#quick-links ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 15px;
	list-style:none;
}
#quick-links li {
	list-style-type:disc;
	padding:0 0 5px 5px;
}

#quick-links a, #quick-links a:LINK, #quick-links a:VISITED {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#quick-links a:HOVER {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e03123;
	text-decoration: none;
}


#join-now {
	float:right;
	width:326px;
	height:56px;
	padding:17px 20px 17px 30px;
	background:url(../images/joinnow-bg.jpg) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;

}

#join-now h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:5px;
	font-size:26px;
}

.h1-red {
	color:#ce2c1f;
}




/* //////////////////////////////////////////////////////// Content Pods Styles */

#pods {
	width:960px;
	position:relative;
	margin-top:6px;
}

#pod-left {
	float:left;
	width:316px;
	background:#FFFFFF url(../images/content-pods-bg.jpg) no-repeat bottom;
	min-height:360px;
}

#pod-left-img {
	width:316px;
	height:148px;
	background:url(../images/pod-fitness.jpg) no-repeat top;
}

#pod-left-title {
	background:url(../images/pod-title-fitness-bg.jpg) no-repeat top;
	width:296px;
	height:22px;
	padding:3px 20px 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:18px;
	color:#FFFFFF;
	text-align:right;
}

#pod-left-content {
	width:276px;
	min-height:150px;
	padding:24px 20px 35px 20px;
	line-height:18px;
}

#pod-middle {
	float:left;
	width:316px;
	background:#FFFFFF url(../images/content-pods-bg.jpg) no-repeat bottom;
	min-height:360px;
	margin:0 6px 0 6px;
}

#pod-middle-img {
	width:316px;
	height:148px;
	background:url(../images/pod-ptraining.jpg) no-repeat top;
}

#pod-middle-title {
	background:url(../images/pod-title-ptraining-bg.jpg) no-repeat top;
	width:296px;
	height:22px;
	padding:3px 20px 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:18px;
	color:#FFFFFF;
	text-align:right;
}

#pod-middle-content {
	width:276px;
	min-height:150px;
	padding:24px 20px 35px 20px;
	line-height:18px;
}

#pod-right {
	float:right;
	width:316px;
	background:#FFFFFF url(../images/content-pods-bg.jpg) no-repeat bottom;
	min-height:360px;
}

#pod-right-img {
	width:316px;
	height:148px;
	background:url(../images/pod-mma.jpg) no-repeat top;
}

#pod-right-title {
	background:url(../images/pod-title-mma-bg.jpg) no-repeat top;
	width:296px;
	height:22px;
	padding:3px 20px 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:18px;
	color:#FFFFFF;
	text-align:right;
}

#pod-right-content {
	width:276px;
	min-height:150px;
	padding:24px 20px 35px 20px;
	line-height:18px;
}

#pods a, #pods a:LINK, #pods a:VISITED {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e03123;
	text-decoration: none;
}

#pods a:HOVER {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e03123;
	text-decoration: underline;
}


/* //////////////////////////////////////////////////////// Footer Styles */

#footer {
	width:960px;
	height:44px;
	padding:0 0 5px 0;
	margin:6px 0 20px 0;
	background:url(../images/footer-bg.jpg) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	line-height:25px;
}




#footer a, #footer a:LINK, #footer a:VISITED {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin:0 2px 0 2px;
	text-decoration: none;
}

#footer a:HOVER {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e03123;
	margin:0 2px 0 2px;
	text-decoration: none;
}



/* //////////////////////////////////////////////////////// Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}