@charset "utf-8";
/*
=====================================================
DESIGNED+DEVELOPED BY:
VUEONE DESIGN LLC
BRAND|PRING|WEB|DESIGN
WWW.VUEONE.COM
1-800-616-3816
=====================================================
*/

body{
font-family: Times New Roman;
font-size: 16px;
text-align: center;
padding: 0;
margin: 0;
background: #000000;
}
#container {
background-image: url('images/background4.jpg');
background-color: #000000;
background-repeat: no-repeat;
background-position: top center;
min-width: 1200px;
height: 900px;
}
body img {
border: none;
}
#compName {
border: none;
display: block;
margin: 110px auto 0 auto;
}
.floatLeft2 {
float: left;
margin: 10px 10px 0 0;
}
.floatRight2 {
float: right;
margin: 10px 0 0 10px;
*clear: both;
}
/*-----------------------------------------CONTACT INFO SECTION------------------------------------------------*/
span.bgChange a {
text-decoration: none; /*This removes browsers decoration for links*/
font-size: .8em;
}
span.bgChange a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #ffffff;
}
span.bgChange a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #ffffff;
}
span.bgChange a:hover {
text-decoration: none ;
color: #ff0000;
}
.locationInfo {
color: #ffffff;
font-size: .8em;
width: 200px;
background: blue;
}
/*-----------------------------------------START CONTAINER SECTION------------------------------------------------*/

span.color {
font-weight: bold;
font-size: .9em;
line-height: .5em;
}
#rightStartContainer {
background: url('images/righttestback.png');
background-repeat: no-repeat;
color: #000000;
margin: 50px 0 0 27px;
height: 317px;
font-size: 1em;
padding:0;
width: 443px;
float: left;
clear: both;
text-align: left;
}
#leftStartContainer {
background: url('images/lefttestback.png');
background-repeat: no-repeat;
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
font-size: 1em;
padding: 0;
width: 443px;
float: right;
clear: both;
text-align: right;
}
#leftStartContent {
height: 200px;
font-size: 1.3em;
width: 422px;
float: right;
margin: 20px 20px 0 0px;
padding: 0;
line-height: 1.5em;
text-align: right ;
}
#rightStartContent {
height: 200px;
font-size: 1.3em;
width: 400px;
float: left;
margin: 20px 20px 0 20px;
padding: 0 ;
line-height: 1.5em;
text-align: left ;
}
span.startSmall {
font-size: .7em;
line-height: 1.5em;
}
#rightStartContent a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#rightStartContent a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: red;
}
#rightStartContent a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: red;
}
#rightStartContent a:hover {
text-decoration: none ;
color: #000000;
}
#leftStartContent a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#leftStartContent a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: red;
}
#leftStartContent a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: red;
}
#leftStartContent a:hover {
text-decoration: none ;
color: #ffffff;
}
/*-----------------------------------------MAIN CONTAINER SECTION------------------------------------------------*/
#leftContainer {
color: #000000;
float: left;
width: 50%;
height: 780px;
text-align: right;
margin: -188px 0 0 0; /*This compensates for "Garcia Muay Thia" header*/

}
#rightContainer {
font-family: arial;
color: #ffffff;
float: left;
width: 49%;
height: 780px;
text-align: left;
margin: -188px 0 0 0;
}
/*-----------------------------------------TITLE SECTION------------------------------------------------*/
#leftTitle {
color: #ffffff;
margin: 233px 27px 0 0;
height: 85px;
padding: 10px 10px 0 0;
float: right;
width: 310px;
}
#leftTitle h1 {
font-size: 1.2em;
}
#rightTitle h1 {
font-size: 1.2em;
}
#leftTitle .menu {
font-size: .7em;
margin-top: -5px;
*margin-top: 0;
}
#leftTitle a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#leftTitle a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #ffffff;
}
#leftTitle a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #ffffff;
}
#leftTitle a:hover {
text-decoration: none ;
color: #666666;
}
#rightTitle{
color: #000000;
margin: 233px 0 0 27px;
height: 85px;
padding: 10px 0 0 10px;
float: left;
width: 310px;
}
#rightTitle .menu {
font-size: .8em;
margin-top: -5px;
}
#rightTitle a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#rightTitle a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #000000;
}
#rightTitle a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #000000;
}
#rightTitle a:hover {
text-decoration: none ;
color: #666666;
}
#miniLeftTitle {
background: #000000;
color: #ffffff;
margin: 10px 27px 0 0;
height: 25px;
font-size: 1em;
padding: 5px 10px 0 0;
width: 250px;
float: right;
clear: both;
}
#miniRightTitle{
background: #ffffff;
color: #000000;
margin: 10px 0 0 27px;
height: 25px;
padding: 5px 0 0 10px;
font-size: 1em;
width: 250px;
float: left;
clear: both;
}
.red {
color: red;
}
h1  span.red {
font-size: 1.5em;
}
/*-----------------------------------------HOME MENU SECTION------------------------------------------------*/
#leftHomeMenu {
color: #000000	;
margin: 10px 27px 0 0;
height: 200px;
font-size: 1.2em;
padding: 5px 0 0 0;
width: 150px;
float: right;
clear: both;
text-align: right;
}
#leftHomeMenu a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#leftHomeMenu a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #000000;
}
#leftHomeMenu a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #000000;
}
#leftHomeMenu a:hover {
text-decoration: none ;
color: #666666;
}

#leftHomeMenu a.currBtn {	/*This sets the color of the current navigation button*/
text-decoration: none ;
color: #666666;
}
#rightHomeMenu {
color: #ffffff;
margin: 10px 0 0 27px;
height: 200px;
font-size: 1.2em;
padding: 5px 0 0 0;
width: 150px;
float: left;
clear: both;
text-align: left;
}
#rightHomeMenu a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#rightHomeMenu a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #ffffff;
}
#rightHomeMenu a:visited {	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #ffffff;
}
#rightHomeMenu a:hover {
text-decoration: none ;
color: #666666;
}
#rightHomeMenu a.currBtn {	/*This sets the color of the current navigation button*/
text-decoration: none ;
color: #666666;
}
#leftHomeMenu li {
list-style-type: none;
background-image: url('images/bar.png');
background: url('images/bar.png');
background-repeat: no-repeat;
background-position: top right;
width: 200px;
margin-left: -50px;
}
#rightHomeMenu li {
list-style-type: none;
background-image: url('images/bar2.png');
background-repeat: no-repeat;
}
#leftHomeMenu ol, #rightHomeMenu ol {
margin: 0;
padding: 0;
}
/*-----------------------------------------CONTACT INFO SECTION------------------------------------------------*/
#contactInfo {
background-image: url('images/contactback.png');
background-repeat: no-repeat;
background-position: 50%;
text-align: center;
clear: both;
float: left;
width: 100%;
color: white;
margin: -40px auto 0 auto;
}
#contactInfo2 {
margin-top: 10px;
padding: 4px 120px;
text-align: center;
color: #ffffff;
font-size: .8em;
clear: both;
float: left;
background: #111111;
height: 30px;
overflow: hidden;
}
#contactInfo3 {
background-image: url('images/contactback.png');
text-align: center;
color: #ffffff;
font-size: .9em;
clear: both;
float: left;
width: 100%;
}
#contactInfo2 a, #contactInfo3 a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#contactInfo a {
text-decoration: none; /*This removes browsers decoration for links*/
font-size: .8em;
}
#contactInfo2 a:link, #contactInfo3 a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #ffffff;
}
#contactInfo2 a:visited, #contactInfo3 a:visited{	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #ffffff;
}
#contactInfo2 a:hover, #contactInfo3 a:hover {
text-decoration: none ;
color: #ff0000;
}
#contactInfo3 a {
text-decoration: none; /*This removes browsers decoration for links*/
}
#contactInfo a:link, #contactInfo3 a:link {
text-decoration: none; /*This removes browsers decoration for  links*/
color: #ff0000;
}
#contactInfo a:visited, #contactInfo3 a:visited{	/*This removes browsers decoration for visited links*/
text-decoration: none;
color: #ff0000;
}
#contactInfo a:hover, #contactInfo3 a:hover {
text-decoration: none ;
color: #ff0000;
}
/*-----------------------------------------TESTIMONIAL SECTION------------------------------------------------*/
#rightTestContainer {
background: url('images/righttestback.png');
background-repeat: no-repeat;
color: #000000;
margin: 50px 0 0 27px;
height: 317px;
font-size: 1.2em;
padding:0;
width: 443px;
float: left;
clear: both;
text-align: left;
}
#leftTestContainer {
background: url('images/lefttestback.png');
background-repeat: no-repeat;
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
font-size: 1.2em;
padding: 0;
width: 443px;
float: right;
clear: both;
text-align: right;
}
#leftTestContainer img {
float: right;
position: relative;
top: 93%;
left: 2%;
}
#rightTestContainer img {
float: left;
position: relative;
top: 93%;
right: 2%;
}
#leftTestContent {
height: 200px;
font-size: .7em;
width: 380px;
float: right;
margin: 20px 20px 0 20px;
padding: 0;
line-height: 18px;
text-align: justify ;
}
#leftNameContent {
font-size: .7em;
width: 380px;
float: right;
margin-right: 35px;
text-align: right;
}

#rightTestContent {
height: 200px;
font-size: .7em;
width: 380px;
float: left;
margin: 20px 20px 0 20px;
padding: 0 ;
line-height: 18px;
text-align: justify ;
}
#rightNameContent {
font-size: .7em;
width: 380px;
float: left;
margin: 0 0 0 35px;
text-align: right;
}
/*#rightTestContainer .rightContentSection {
cursor: pointer;
background: #ffffff;
color: #ffffff;
margin: 0 0 0 0;
padding: 2px 10px 2px 0;
width: 260px;
float: right;
clear: both;
text-align: right;
}*/
/*-----------------------------------------SCHOOL SECTION------------------------------------------------*/
#rightSchoolContainer {
color: #000000;
margin: 50px 0 0 27px;
height: 317px;
padding: 0;
width: 510px;
float: left;
clear: both;
}
#rightSchoolContainer .rightContentSection {
cursor: pointer;
background: #ffffff;
color: #000000;
margin: 0 0 5px 0;
padding: 2px 0 2px 10px;
width: 260px;
float: left;
clear: both;
text-align: left;
}
#rightSchoolContent {
background: #ffffff;
color: #000000;
margin: -58px 0 0 10px;
height: 338px;
font-size: .9em;
padding: 15px 15px 15px 15px;
width: 200px;
float: left;
text-align: left;
}
#leftSchoolContainer {
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
padding: 0;
width: 510px;
float: right;
clear: both;
}
#leftSchoolContainer .leftContentSection {
cursor: pointer;
background: #000000;
color: #ffffff;
margin: 0 0 5px 0;
padding: 2px 10px 2px 0;
width: 260px;
float: right;
clear: both;
text-align: right;
}

#leftSchoolContent {
background: #000000;
color: #ffffff;
margin: 20px 0 0 0;
height: 200px;
font-size: .8em;
padding: 20px 20px 0px 20px;
width: 490px;
float: right;
clear: both;
text-align: justify;
line-height: 1.5em;
background-repeat: no-repeat;
overflow: auto;

}
#PictoBrowser100508194044 {
visibility: hidden;
border: 1px solid #000000;
width: 230px;
height: 368px;
margin: -370px 278px 0 0;
float: right;
}
#PictoBrowser100508193833 {
visibility: hidden;
border: 1px solid #ffffff;
width: 230px;
height: 368px;
margin: -370px 0 0 278px;
float: left;
}
/*-----------------------------------------PROGRAMS SECTION------------------------------------------------*/
#rightTrainingContainer {
color: #000000;
margin: 50px 0 0 27px;
height: 317px;
padding: 0;
width: 550px;
float: left;
clear: both;
}
#rightTrainingContainer .rightContentSection {
cursor: pointer;
background: #ffffff;
color: #000000;
margin: 0 0 5px 0;
padding: 2px 0 2px 10px;
width: 260px;
float: left;
clear: both;
text-align: left;
}
#rightTrainingContent {
background: #ffffff;
color: #000000;
margin: 20px 0 0 0;
height: 200px;
width: 450px;
font-size: .8em;
padding: 20px 20px 0px 20px;
float: left;
clear: both;
text-align: justify;
line-height: 1.5em;
background-repeat: no-repeat;
overflow: auto;

}
#leftProgramsContainer {
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
padding: 0;
width: 550px;
float: right;
clear: both;
}
#leftProgramsContainer .leftContentSection {
cursor: pointer;
background: #000000;
color: #ffffff;
margin: 0 0 5px 0;
padding: 2px 10px 2px 0;
width: 260px;
float: right;
clear: both;
text-align: right;
}
#leftProgramsContent {
background: #000000;
color: #ffffff;
margin: 5px 0 0 0;
padding: 20px 20px 0 20px;
height: 225px;
font-size: .8em;
padding: 20px;
width: 490px;
float: right;
clear: both;
text-align: justify;
line-height: 1.5em;
background-repeat: no-repeat;
overflow: auto;
}
#leftProgramsContent table{
text-align: center;
}
#leftProgramsContent table td{
width: 100px;
background: #fff;
color: #000;
}
.progTitle {
text-align: center;
width: %100;
background: #fff;
color: #000;
}
/*-----------------------------------------STAFF SECTION------------------------------------------------*/
#rightStaffContainer {
color: #000000;
margin: 50px 0 0 27px;
height: 317px;
padding: 0;
width: 550px;
float: left;
clear: both;
}
#rightStaffContainer .rightContentSection {
cursor: pointer;
background: #ffffff;
color: #000000;
margin: 0 0 5px 0;
padding: 2px 0 2px 10px;
width: 260px;
float: left;
clear: both;
text-align: left;
}
#rightStaffTabs{
text-align: left;
height: 27px;
margin: 0 0 0 213px;
width: 300px;
float: left;
}
#rightStaffTabs img{
margin-left: 5px;
}
#rightStaffContent {
background: #ffffff;
color: #000000;
margin: 0 0 0 0;
height: 184px;
font-size: .8em;
padding: 20px 20px;
width: 470px;
float: left;
clear: both;
text-align: justify;
line-height: 1.5;
overflow: auto;
}
#rightStaffImg {
float: left;
margin: -200px 0px 0 35px ;
}
#leftStaffContainer {
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
padding: 0;
width: 550px;
float: right;
clear: both;
}
#leftStaffContainer .leftContentSection {
cursor: pointer;
background: #000000;
color: #ffffff;
margin: 0 0 5px 0;
padding: 2px 10px 2px 0;
width: 260px;
float: right;
clear: both;
text-align: right;
}
#leftStaffTabs{
text-align: left;
height: 27px;
margin: 0 213px 0 0;
float: right;
}
#leftStaffTabs img{
margin-right: 5px;
}
#leftStaffContent {
background: #000000;
color: #ffffff;
margin: 0 0 0 0;
height: 184px;
font-size: .8em;
padding: 20px 20px;
width: 470px;
float: right;
clear: both;
text-align: justify;
line-height: 1.5;
overflow: auto;
}
#leftStaffImg {
float: right;
margin: -190px 30px 0 0 ;
}
#leftStaffContent table td{
padding-right: 0px;
margin: 0;
vertical-align: top;
}
#leftStaffContent table{
width: 450px;
margin-top: 15px;
}
#leftTitle h1.bigger {
font-size: 1.8em;
}
#rightTitle h1.bigger {
font-size: 1.8em;
}
.noWeight {
font-weight: normal;
}
/*-----------------------------------------PROMOTIONAL SECTION------------------------------------------------*/
#rightHomePromotionsContainer {
color: #fff;
margin: 50px 0 0 27px;
height: 350px;
padding: 0;
width: 550px;
float: left;
clear: both;
}
#rightHomePromotionsContainer p {
margin: 0;
//text-align: justify;
font-size: .8em;
//font-weight: bold;
line-height: 1.5em;
}
#promoShortForm {
width: 290px;
height: 277px;
float: left;
margin:10px 0 0 0;
padding: 0;
font-size: .9em;
}
#promoShortForm .smaller {
font-size: .8em;
}
#promoShortForm  form {
font-size: .9em;
line-height: 1.5em;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.promoImage {
background-image: url('images/equipment.png');
height: 277px;
width: 260px;
}
/*-----------------------------------------GALLERY SECTION------------------------------------------------*/
#pictureChannel {
color: #fff;
margin: 0 25px 0 0;
float: right;
clear: both;
visibility: hidden;
height: 0;
}
#youtubeChannel {
color: #fff;
margin: 0 25px 0 0;
float: right;
clear: both;
visibility: hidden;
height: 0;
}
#close {
background: #000;
color: #fff;
margin: -30px 25px 10px 0;
float: right;
visibility: hidden;
width: 100px;
text-align: center;
cursor: pointer;
clear: both;
}
#leftGalleryContainer {
color: #ffffff;
margin: 50px 27px 0 0;
height: 317px;
padding: 0;
width: 510px;
float: right;
clear: both;
}
#leftGalleryContainer .leftContentSection {
cursor: pointer;
background: #000000;
color: #ffffff;
margin: 0 0 5px 0;
padding: 2px 10px 2px 0;
width: 260px;
float: right;
clear: both;
text-align: right;
}