/* CSS Document */

body {
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #000;
color: #EEE;
padding: 0;
margin: 0;
}

#logobg {
background: url(images/ff_02.jpg) no-repeat top left;
width: 336px;
height: 111px;
}

#navbg {
background: url(images/ff_03.jpg) no-repeat top left;
width: 540px;
height: 111px;
}


#ff12 {
background: url(images/ff_12.jpg) no-repeat top left;
width: 25px;
}


#ff15 {
background: url(images/ff_15.jpg) no-repeat top left;
width: 17px;
}

#bg1 {
background: url(images/ff_10.jpg) no-repeat top left;
width: 540px;

}

#bg2 {
background: url(images/ff_13.jpg) no-repeat top left;
width: 336px;

}

#bg3 {
background: url(images/ff_14.jpg) no-repeat top left;
width: 540px;

}

#footer {
background: url(images/ff_17.jpg) no-repeat top center;
width: 876px;
height: 44px;
}

#footer2 {
background: url(images/bg_footer.jpg) no-repeat top center;
width: 100%;
height: 44px;
}

#footerArea {
color: #999;
font-size: 10px;
}

#footer a {
color: #FFF;
}

a {
text-decoration: none;
color: #FDFC82;


}


a img {
border: none;
}

a:hover, a:hover strong {
color: #FFF;
text-decoration: underline;
}



.nav a { 
text-transform: uppercase;
color: #222;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.nav a:hover {
color: #000;
font-size: 13px;
text-decoration: none;
}

h2 {
font-size: 14px;
color: #FFF;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

h5 {
font-size: 15px;
margin-top: 5px;
margin-bottom: 10px;
}



.contentArea {
color: #fff;
}

.contentArea2 {
color: #BBB;
line-height: 17px;
}

.headerbg {
background: url(images/headerbg.gif) no-repeat top left;
height: 24px;
padding-left: 10px;
}

.headerbg2 {
background: url(images/headerbg2.gif) no-repeat top left;
height: 24px;
padding-left: 10px;
}

h3 {
color: #FFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
margin: 0;
padding-top: 2px; padding-bottom: 20px;
}

#bgsub {
background: url(images/bg_sub.jpg) no-repeat top left;
height: 560px;
}

.subContent {
width: 500px;
}

#header {
height: 111px;
}


#contentLeft {
float: left;
margin-left: 30px; margin-top: 20px;
width: 500px;
line-height: 23px;
font-size: 13px;
}




#contentRight {
float: right;
margin-right: 10px;
width: 330px;
}


.header {
font-weight: bold;
color: orange;
}

.header2 {
font-weight: bold;
color: orange; /* yellow #E6E57E green 84BE00 */
}

.style1 {
color: #E6E57E;
}


.quote {
font-size: 12px;
color: #E6E57E;
}

blockquote {
background: url(images/quote.gif) no-repeat top left;
padding-left: 5px;
clear: both;
margin-left: 0;
padding-top: 6px; margin-right: 5px;
font-style: italic;
}



.tn {
border: 1px solid #666;
padding: 3px;
}

.tn:hover {
border: 1px solid #999;
}

input, textarea {
border: 1px solid #666;
background-color: #555;
color: #FFF;
}


ul.trainer {
margin-left: 0;
margin-top: 10px;
padding-left: 0;
list-style: none;
}

ul.trainer li a {
background-color: #131313;
padding: 3px 6px;
display: block;
color: #999;
letter-spacing: 1px;
text-decoration: none;
}


ul.trainer li {
margin-bottom: 3px;
}

ul.trainer li a:hover {
background-color: #444;
color: #EEE;
text-decoration: none;
}



ul.trainerList {
margin-left: 20px;
padding-left: 0;
}

ul.trainerList li {
margin-bottom: 10px;
}


ul.mediaList li {
margin-bottom: 10px;
}


.serviceBox td a {
text-decoration: none;
color: #EEE;
}

.serviceBox td {
background-color: #444;
text-align: center;
border: 1px solid #666;
font-weight: bold;
}

.serviceBox td:hover {
background-color: #7B141F;
border: 1px solid #333;
}

.serviceBox a:hover {
text-decoration: none;
color: #FFF;
}



#ServiceContainer {
padding: 20px 20px 40px;
margin: 20px;
background-color: #444;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 22px;
color: #FFF;
}

.ServiceTN {
margin: 8px 0 8px 12px;
padding: 4px;
border: 1px solid #666;
}

#ServiceContainer h2 {
font-size: 16px;
margin-top: 10px;
}

a.titleLinks {
font-size: 15px;
font-weight: bold;
}