/***********************************************/
/*Main Body Area                               */
/***********************************************/
body{margin:0; background:url(images/bg.gif) repeat; color:#666666; font-size:11px; line-height:15px;}
body,td,th,input,select,textarea, input{ font-family:Verdana, Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input {font-size:12px;}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a img{border:none;}

h1{font-size:17px;font-weight:normal;color:#333333;padding:0px; margin:0px; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px;}
h2{font-size:11px;font-weight:bold;color:#666666; margin:0px; padding:0px; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif;}
h3{font-size:10px;font-weight:bold;color:#333333; padding:0px; margin:0px; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif;}
ul{margin:3px 15px;padding:0;list-style:none; }
ul li{background: url(images/icon_double_arrow.gif) 0 7px no-repeat;padding:0 0 0 6px;margin:0 0 0px 0;}
a:link, a:visited {color: #5bc236; text-decoration:none;} 
a:hover {color: #999999; text-decoration:underline;}
strong{ font-weight:bold; color:#103575}


.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

#wrapper{width:902px;margin:20px auto;position:relative; padding:0px; background:url(images/bg_content.gif) repeat-y;}

#header { background:url(images/header.jpg) no-repeat; height:153px;}

#submit {
	color: #ffffff;
	font-size: 13px;
	font-weight:bold;
	width: 130px;
	height: 35px;
	border: none;
	padding: 0;
	background: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
/***********************************************/
/*Navigation                                   */
/***********************************************/
#navarea{ height:52px; width:902px; background:url(images/bg_nav.gif) repeat-x;}
		
	#nav-home{float:left; background:url(images/nav_home.gif) no-repeat;}
			#nav-home a{ display:block;height:52px; width:113px;} 
			#nav-home a:hover {background:url(images/nav_home_over.gif) no-repeat; height:52px; width:113px;}
			#nav-on-home{display:block; height:52px; width:113px; background:url(images/nav_home_over.gif) no-repeat;}
			
	#nav-facility {float:left; background:url(images/nav_facility.gif) no-repeat;}
			#nav-facility a{ display:block;height:52px; width:113px;} 
			#nav-facility a:hover {background:url(images/nav_facility_over.gif) no-repeat; height:52px; width:113px;}
			#nav-on-facility{height:52px; width:113px; background:url(images/nav_facility_over.gif) no-repeat;}
			
	#nav-training {float:left; background:url(images/nav_peronsonal_training.gif) no-repeat;}
			#nav-training a{ display:block;height:52px; width:113px;} 
			#nav-training a:hover {background:url(images/nav_peronsonal_training_over.gif) no-repeat; height:52px; width:113px;}
			#nav-on-training{height:52px; width:113px; background:url(images/nav_peronsonal_training_over.gif) no-repeat;}
			
	#nav-martial-arts {float:left; background:url(images/nav_martial-arts.gif) no-repeat;}
			#nav-martial-arts a{ display:block;height:52px; width:112px;} 
			#nav-martial-arts a:hover {background:url(images/nav_martial-arts_over.gif) no-repeat; height:52px; width:112px;}
			#nav-on-martial-arts{height:52px; width:112px; background:url(images/nav_martial-arts_over.gif) no-repeat;}
			
	#nav-classes {float:left; background:url(images/nav_classes.gif) no-repeat;}
			#nav-classes a{ display:block;height:52px; width:112px;} 
			#nav-classes a:hover {background:url(images/nav_classes_over.gif) no-repeat; height:52px; width:112px;}
			#nav-on-classes{height:52px; width:112px; background:url(images/nav_classes_over.gif) no-repeat;}
			
	#nav-membership {float:left; background:url(images/nav_membership.gif) no-repeat;}
			#nav-membership a{ display:block;height:52px; width:112px;} 
			#nav-membership a:hover {background:url(images/nav_membership_over.gif) no-repeat; height:52px; width:112px;}
			#nav-on-membership{height:52px; width:112px; background:url(images/nav_membership_over.gif) no-repeat;}
			
	#nav-about {float:left; background:url(images/nav_about.gif) no-repeat;}
			#nav-about a{ display:block;height:52px; width:112px;} 
			#nav-about a:hover {background:url(images/nav_about_over.gif) no-repeat; height:52px; width:112px;}
			#nav-on-about{height:52px; width:112px; background:url(images/nav_about_over.gif) no-repeat;}
			
	#nav-contact {float:left; background:url(images/nav_contact.gif) no-repeat;}
			#nav-contact a{ display:block;height:52px; width:112px;} 
			#nav-contact a:hover {background:url(images/nav_contact_over.gif) no-repeat; height:52px; width:112px;}
			#nav-on-contact{height:52px; width:112px; background:url(images/nav_contact_over.gif) no-repeat;}
			
			
/***********************************************/
/*Content                                      */
/***********************************************/
#content-area { background:url(images/bg_content.gif) repeat-y; font-size:11px;}
	#content-left { padding:18px; font-size:11px;}
	#content-left ul{margin:5px 0px;padding:0;list-style:none;}
	#content-left ul li{background: url(images/icon_green_arrow.gif) 0 5px no-repeat;padding:0 0 0 7px;margin:0 0 5px 0;}
	#content-left a{color:#666666; text-decoration:none;}
	#content-left a:hover{color:#5bc236; text-decoration:underline;}
	
	#content-right{font-size:11px;  margin:30px 0px; padding:0px 15px; border-right:#e5e5e5 1px solid;}
	#content-right2{font-size:11px;  margin:30px 20px;}
			#content-right2 img{ padding-bottom:5px;}
	
#call-to-action{background-color:#f8f8ee; padding:30px 18px; font-size:11px;}
	
/***********************************************/
/*Footer                                       */
/***********************************************/
#footer {background-color:#02263e; padding:33px; color:#FFFFFF; font-size:9px;}
	#footer a{color:#FFFFFF; text-decoration:underline;}
	#footer a:hover{color:#5bc236; text-decoration:none;}
	
/***********************************************/
/*Promotions                                   */
/***********************************************/
#promotion-wrapper {width:auto;position:relative; height:100px;}
#promotion-wrapper img{float:left;padding-right:5px;}

#promotion-wrapper2 {width:auto;position:relative; height:210px;}
#promotion-wrapper2 img{float:left;padding-right:5px;}

/***********************************************/
/*Advertisement                                */
/***********************************************/
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.6;
opacity: 0.6;}

/***********************************************/
/*image wrappers                               */
/***********************************************/
#img-wrapper{margin:0px auto;position:relative; padding:0 0 15px;height:105px;}
 #img-wrapper img{float:left; width:160px; padding-right:5px; padding-bottom:15px; }