/* ============= BEGIN CSS RESET ============= */
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; font-size: 100%; vertical-align: baseline; background: transparent; 
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* ============= END CSS RESET ============= */

/* ============= LAYOUT ============= */
body { background: #292e31; overflow-y: scroll; }

#wrapper	{ width: 730px; margin: 0 auto; }
#header		{ height: 120px; margin-bottom: 2px; position: relative; background: url(../images/layout/header-bg.jpg) no-repeat; }

#logo, 
#tagline, 
#header ul { position: absolute; }
#logo { top: 12px; left: 0; }
#tagline { top: 30px; left: 380px; }
#tagline span { padding: 12px 0 0 30px; border-left: solid 1px #666; height: 33px; display: block; }

#header ul { height: 32px; width: 100%; top: 88px; margin: 0; padding: 0; list-style: none; background: url(../images/layout/nav-bg-repeat.png) repeat-x; }
#header ul li { float: left; background: url(../images/layout/nav-divider.png) no-repeat top right; }
#header ul li.last { background: none; }
#header ul li a { display: block; height: 100%; padding: 0 25px; }
#header ul li a:hover,
#header ul li.active a { background: url(../images/layout/nav-active.jpg) no-repeat bottom center; }
#header ul li.left, #header ul li.right { width: 1px; height: 32px; background: url(../images/layout/nav-side.gif) no-repeat; }
#header ul li.right { float: right;}

#featured { height: 282px; overflow: hidden; position: relative; border: solid 1px #121212; background: #000 url(../images/slideshow/featured-bg.jpg) no-repeat; }
#featured ul.tabs { display: none; }
#featured ul.controls { position: absolute; bottom: 0; right: 0; z-index: 1; list-style: none; }
#featured ul.controls li { float: left; margin-right: 8px; }
#featured ul.controls li a { color: #7fb4d3; text-decoration: none; }
#featured ul.controls li a:hover,
#featured ul.controls li a:focus { color: #cae0ed; }
#featured .tabPanel { position: relative; }
#featured .text { position: absolute; top: 0; left: 0; z-index: 1; }

/* Content Layout */
.spaceRight { margin-right: 8px; }
.spaceLeft	{ margin-left: 8px; }
.container 	{ border: solid 1px #141414; background: #1b1e24; margin-bottom: 6px; background: #131a22; }
.pad 		{ padding: 15px; }

#contentWrap { margin-top: 8px; }

.col1, .col2, .col3,
.col4, .col5, .col6,
.col7 { float: left; }
.col1 { width: 728px; }
.col2 { width: 470px; }
.col3 { width: 395px; }
.col4 { width: 362px; }
.col5 { width: 330px; }
.col6 { width: 250px; }
.col7 { width: 206px; }

#footer			{ margin: 15px 0; }
#footer ul		{ list-style: none; margin: 0 0 8px 0; }
#footer ul li	{ display: inline; margin-right: 6px; }
#footer ul li.last { margin: 0; }
#footer ul li.last a { border: none; padding: 0; }
#footer ul li a { border-right: solid 1px #555; padding-right: 10px; }

/* === Layout Misc === */
img		{ display: block; }
.spacer	{ height: 5px; }
.clear	{ clear: both; }
.hide	{ display: none; }

.center	{ margin: 0 auto; }
.tcenter{ text-align: center; }
.nostyle{ list-style: none; margin: 0; padding: 0; }
.leftImage	{ list-style: none; margin: 12px 0 18px; }
.trainers	{ margin-left: 50px; }

.fl		{ float: left; }
.fr		{ float: right; }
img.fl	{ float: left; margin: 2px 15px 8px 0; }
img.fr	{ float: right; margin: 2px 0 8px 15px; }

div.hr, hr	{ border-bottom: solid 1px #6f8090; }
div.hr		{ height: 1px; }

.first  { margin-left:0; padding-left:0; }
.last   { margin-right:0; padding-right:0; }
.top    { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }


/* ============= FONTS - The font-size percentage is of 16px. (0.75 * 16px = 12px) ============= */
body { font-size: 70%; color: #c4c4c4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; line-height: 1.3em; letter-spacing: .5px; }

.serifFont { font-family: "Times New Roman", Times, Georgia, Serif; }

#header ul { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; }
#header ul li a { line-height: 31px; font-size: 1.18em; color: #d4e4fb; text-decoration: none; }
#header ul li a:hover,
#header ul li.active a,
#footer ul li a:hover,
#footer ul li.active a { color: #fdc8c8; }

#footer { text-align: center; }
#footer ul li a { text-transform: uppercase; text-decoration: none; }

#tagline span { text-transform: uppercase; color: #fff; font: 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: 1px; }

/* === Headings === */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; color: #d4e4fb; font-style: italic; letter-spacing: 2px; }

h1 { font-size: 3em; margin-bottom: .45em; line-height: 1em; }
h2 { font-size: 2em; margin-bottom: .45em; line-height: 1em; }
h3 { font-size: 1.5em; margin-bottom: .45em; line-height: 1em; }
h4 { font-size: 1.2em; margin-bottom: .5em; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .6em; }
h6 { font-size: 1em; font-weight: bold; }

/* === Text elements === */
p           { margin: 15px 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #97c8f4; text-decoration: none; }
a           { color: #c5e1fa; text-decoration: underline; cursor: pointer; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; color: #c5e1fa; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* === Lists === */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; line-height: 1.65em; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* === Tables === */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* === Misc classes === */
.small      { font-size: .85em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; }
.hide       { display: none; }
.important	{ color: red; }
.moreLink	{ font-size: .85em; background: url(../images/layout/arr.gif) no-repeat right 5px; padding-right: 12px; }

.quiet      { color: #666; }
.loud       { color: #c5e1fa; }
.highlight  { background:#ff0; }