
* {
	margin: 0;
	padding: 0;
}

/* General Layout*/

body {
	margin: 0;
	background: url(/images/bkg.jpg) top left repeat-x;
	background-attachment: fixed;
	font-family: century gothic;
	font-size: 12px;
	color: #484848;
	border: 0px;
	text-align: left;
}

#page {
	width: 960px;
	margin: 0 auto;
}

/* Splash Page Layout*/

#splash {
	width: 910px;
	height: 854px;
	margin-left: 17px;
	background: url(/images/Bamboo1.png) top left no-repeat;
}

#splashLogo {
	width: 645px;
	height: 518px;
	background: url(/images/SplashLogo.png) no-repeat;
	margin-left: 43px;
	margin-top: 125px;
	float: left;
}

#splashNav {
	width: 195px;
	height: 518px;
	background: url(/images/SplashMenu.png) no-repeat;
	margin-top: 125px;
	margin-right: 27px;
	float: right;
}
	

/* Main Page Layout*/

#MLbody {
	margin: 0;
	background: url(/images/bkg.jpg) top left repeat-x;
	background-attachment: fixed;
	font-family: century gothic;
	font-size: 12px;
	color: #484848;
	border: 0px;
	text-align: left;
}

#main {
	width: 910px;
	height: 854px;	
	margin-left: 17px;
	background: url(/images/Bamboo1.png) no-repeat;
}

#header {
	width: 951px;
	height: 284px;
	margin-top: 0;
	margin-left: -7px;
	background: url(/images/headerLogo.png) top left no-repeat;
	float: left;
}
	
#headerNav {
	width: 550px;
	height: 284px;
	float: right;
	background: url(/images/headerNav.png) no-repeat;
}

#leftcolumn {
	width: 490px;
	height: 1927px;
	margin-left: 43px;
	float: left;
}

#MLbio {
	background: url(/images/BioBkg.png) no-repeat;
	width: 490px;
	height: 496px;
}

#MLPhotos {
	background: url(/images/PhotosBkg.png) no-repeat;
	width: 490px;
	height: 387px;
}

#MLVideos {
	background: url(/images/VideosBkg.png) no-repeat;
	width: 490px;
	height: 1044px;
	margin-top: -74px;
}

#rightcolumn {
	width: 312px;
	height: 2025px;
	margin-left: 48px;
	float: left;
}

.youtube {margin-left: 20px;}

#MLcontact {
	background: url(/images/ContactBkg.png) no-repeat;
	width: 312px;
	height: 446px;
}

#MLcontactSub {
	background: url(/images/ContactBkg.png) no-repeat;
	width: 312px;
	height: 200px;
}

#MLcontactSub p {
width: 218px;
margin-left: 55px;
padding-top: 83px;
text-align: left;
}

#MLservices {
	background: url(/images/ServicesBkg.png) no-repeat;
	width: 312px;
	height: 421px;
	margin-top: 5px;
}

#MLSocial {
background: url(/images/VideosBkg.png) no-repeat 0px -951px;
width: 490px;
height: 93px;
margin-top: 5px;
}
	
#MLkungfu {
	background: url(/images/Kung-fuBkg.png) no-repeat;
	width: 312px;
	height:462px;
	margin-top: 5px;
}	

#MLtaichi {
	background: url(/images/Tai-ChiBkg.png) no-repeat;
	width: 312px;
	height: 353px;
}

#MLselfdefense {
	background: url(/images/Self-defenseBkg.png) no-repeat;
	width: 312px;
	height: 332px;
}

#footer {
	background: url(/images/FooterLogo.png) no-repeat;
	width: 850px;
	height: 129px;
	float: left;
	margin-left: 44px;
	margin-top: 20px;
}

#footerNav {
	background: url(/images/FooterLinks.png) no-repeat;
	width: 471px;
	height: 129px;
	float: right;
	margin-top: -71px;
}

/* General Formatting*/

a, a:link {
    color: #bd0909;
    text-decoration: none;
}

a:hover {
  color: #050505;
  text-decoration: none;
}

p.MLphotos a {float: left;}


h1 {
	text-indent: -1000%;
	height: 0;
}

h2 {
	text-indent: -1000%;
	height: 0;
}


/* Paragraph formatting */

p {
	margin:0;
	padding:0;
}

p.MLbio {
	padding-top: 12px;
	margin-left: 56px;
	margin-right: 67px;
	line-height: 15px;
	text-align: justify;
	text-indent: 36px;
}

p.top {
	padding-top: 84px;
	margin-left: 56px;
	margin-right: 67px;
	line-height: 15px;
	text-align: justify;
	text-indent: 36px;
}

p.bottom {
	padding-top: 15px;
	margin-left: 56px;
	margin-right: 67px;
	line-height: 15px;
	text-align: left;
	text-indent: 36px;
}

.backtotop {
	padding-top: 30px;
	margin-left: 365px;
	font-size: 10px;
}

.backtotopR {
	padding-top: 17px;
	margin-left: 218px;
	font-size: 10px;
}

.backtotopR2 {
	padding-top: 20px;
	margin-left: 218px;
	font-size: 10px;
}

p.MLphotos {
	padding-top: 65px;
	margin-left: 51px;
	width: 387px;
	overflow: hidden;
}

p.MLSocial {
margin-left: 56px;
line-height: 15px;
text-align: justify;
width: 176px;
float: left;
padding-top: 25px;
}

#Social {
float: right;
margin-right: 65px;
margin-top: 15px;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

.video {
	background: url(/images/videoBKG.png) no-repeat;
	margin-left: 72px;
	margin-top: 24px;
	width: 332px;
	height: 277px;
}

p.MLservices {
	width: 218px;
	margin-left: 55px;
	padding-top: 83px;
	text-align: left;
}

p.right {
	width: 200px;
	margin-left: 55px;
	text-align: justify;
	
}

p.right2 {
	width: 200px;
	margin-left: 55px;
	text-align: justify;
	padding-top: 15px;
	line-height: 14px;
	
}

p.copyright {
	width: 177px;
	height:28px;
	padding-top: 43px; 
	padding-left: 169px;
	line-height: 14px;
}

/* Lists formatting */

#styles {
	list-style-image: url(/images/bullet.gif);
}

#styles li {
	margin-left: 77px;
}

#listst {
	margin-left: 140px;
	line-height: 12px;
}

#listkf {
	margin-top: 0px;
	margin-bottom: -15px;
}

#listkf ol li {
	list-style-type: decimal;
	line-height: 14px;
}

#listkf li {
	/*margin-left: 99px;*/
	height: 14px;
}

/* Splash Page menu */

.styles {
width: 218px;
list-style-position: inside;
margin-left: 55px;
}

#menuSplash li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuSplash {
  float: left;
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  width: 155px;
  height: 481px;
  background: transparent;
  position: relative;
}

#menuSplash span {
  display: none;
  position: absolute;
}
#menuSplash a {
  display: block;
  text-indent: -2000%;
  position: absolute;
  outline: none;
}

#menuSplash a:hover {
  background-position: left bottom;
}
#menuSplash a:hover span {
  display: block;
}
#menuSplash .bio {
  background: url(/images/Bio.png) no-repeat;
  width: 85px;
  height: 48px;
  top: 48px;
  left: 0px;
}
#menuSplash .bio span {
  background: url(/images/BioO.png) no-repeat;
  width: 85px;
  height: 48px;
  left: 0px;
  top: 0px;
}
#menuSplash .kungfu {
  background: url(/images/Kung-Fu.png) no-repeat;
  width: 125px;
  height: 57px;
  left: 0px;
  top: 96px;
}
#menuSplash .kungfu span {
  background: url(/images/Kung-FuO.png) no-repeat;
  width: 125px;
  height: 57px;
  left: 0px;
  top: 0px;
}
#menuSplash .taichi {
  background: url(/images/Tai-Chi.png) no-repeat;
  width: 125px;
  height: 52px;
  left: 0px;
  top: 153px;
}
#menuSplash .taichi span {
  background: url(/images/Tai-ChiO.png) no-repeat;
  width: 125px;
  height: 52px;
  left: 0px;
  top: 0px;
}
#menuSplash .selfdefense {
  background: url(/images/SDefense.png) no-repeat;
  width: 155px;
  height: 54px;
  left: 0px;
  top: 205px;
}
#menuSplash .selfdefense span {
  background: url(/images/SDefenseO.png) no-repeat;
  width: 155px;
  height: 54px;
  left: 0px;
  top: 0px;
}
#menuSplash .photos {
  background: url(/images/Photos.png) no-repeat;
  width: 104px;
  height: 52px;
  left: 0px;
  top: 259px;
}
#menuSplash .photos span {
  background: url(/images/PhotosO.png) no-repeat;
  width: 104px;
  height: 52px;
  left: 0px;
  top: 0px;
}
#menuSplash .videos {
  background: url(/images/Videos.png) no-repeat;
  width: 104px;
  height: 56px;
  left: 0px;
  top: 311px;
}
#menuSplash .videos span {
  background: url(/images/VideosO.png) no-repeat;
  width: 104px;
  height: 56px;
  left: 0px;
  top: 0px;
}
#menuSplash .services {
  background: url(/images/Services.png) no-repeat;
  width: 113px;
  height: 57px;
  left: 0px;
  top: 367px;
}
#menuSplash .services span {
  background: url(/images/ServicesO.png) no-repeat;
  width: 113px;
  height: 57px;
  left: 0px;
  top: 0px;
}
#menuSplash .contact {
  background: url(/images/Contact.png) no-repeat;
  width: 113px;
  height: 57px;
  left: 0px;
  top: 424px;
}
#menuSplash .contact span {
  background: url(/images/ContactO.png) no-repeat;
  width: 113px;
  height: 57px;
  left: 0px;
  top: 0px;
}

#styles, .styles {
list-style-image: url(/images/bullet.gif);
}


/* Main Page menu*/


#menuMain li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuMain {
  float: left;
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  width: 480px;
  height: 78px;
  background: transparent;
  position: relative;
}

#menuMain span {
  display: none;
  position: absolute;
}
#menuMain a {
  display: block;
  text-indent: -2000%;
  position: absolute;
  outline: none;
}

#menuMain a:hover {
  background-position: left bottom;
}
#menuMain a:hover span {
  display: block;
}
#menuMain .bio {
  background: url(/images/BioM.png) no-repeat;
  width: 83px;
  height: 30px;
  top: 107px;
  left: 0px;
}
#menuMain .bio span {
  background: url(/images/BioMO.png) no-repeat;
  width: 83px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .kungfu {
  background: url(/images/KungFuM.png) no-repeat;
  width: 101px;
  height: 30px;
  left: 108px;
  top: 107px;
}
#menuMain .kungfu span {
  background: url(/images/KungFuMO.png) no-repeat;
  width: 101px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .taichi {
  background: url(/images/TaiChiM.png) no-repeat;
  width: 85px;
  height: 30px;
  left: 225px;
  top: 107px;
}
#menuMain .taichi span {
  background: url(/images/TaiChiMO.png) no-repeat;
  width: 85px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .selfdefense {
  background: url(/images/SelfDefenseM.png) no-repeat;
  width: 131px;
  height: 30px;
  left: 349px;
  top: 107px;
}
#menuMain .selfdefense span {
  background: url(/images/SelfDefenseMO.png) no-repeat;
  width: 131px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .photos {
  background: url(/images/PhotosM.png) no-repeat;
  width: 79px;
  height: 30px;
  left: 0px;
  top: 155px;
}
#menuMain .photos span {
  background: url(/images/PhotosMO.png) no-repeat;
  width: 79px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .videos {
  background: url(/images/VideosM.png) no-repeat;
  width: 101px;
  height: 30px;
  left: 108px;
  top: 155px;
}
#menuMain .videos span {
  background: url(/images/VideosMO.png) no-repeat;
  width: 101px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .services {
  background: url(/images/ServicesM.png) no-repeat;
  width: 95px;
  height: 30px;
  left: 225px;
  top: 155px;
}
#menuMain .services span {
  background: url(/images/ServicesMO.png) no-repeat;
  width: 95px;
  height: 30px;
  left: 0px;
  top: 0px;
}
#menuMain .contact {
  background: url(/images/ContactM.png) no-repeat;
  width: 131px;
  height: 30px;
  left: 349px;
  top: 155px;
}
#menuMain .contact span {
  background: url(/images/ContactMO.png) no-repeat;
  width: 131px;
  height: 30px;
  left: 0px;
  top: 0px;
}

/*Footer menu */

#menuFooter li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuFooter {
  float: left;
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-left: 0;
  width: 431px;
  height: 14px;
  background: transparent;
  position: relative;
}

#menuFooter span {
  display: none;
  position: absolute;
}
#menuFooter a {
  display: block;
  position: absolute;
  outline: none;
}

#menuFooter a:hover {
  background-position: left bottom;
}
#menuFooter a:hover span {
  display: block;
}
#menuFooter .bio {
  height: 9px;
  top: 52px;
  left: 9px;
}

#menuFooter .kungfu {
  height: 9px;
  left: 39px;
  top: 52px;
}

#menuFooter .taichi {
  height: 9px;
  left: 96px;
  top: 52px;
}

#menuFooter .selfdefense {
  height: 9px;
  left: 145px;
  top: 52px;
}

#menuFooter .photos {
  height: 9px;
  left: 231px;
  top: 52px;
}

#menuFooter .videos {
  height: 9px;
  left: 281px;
  top: 52px;
}

#menuFooter .services {
  height: 9px;
  left: 335px;
  top: 52px;
}

#menuFooter .contact {
  height: 9px;
  left: 395px;
  top: 52px;
}


/* Form formatting*/

fieldset {
	border: none;
	padding-top: 94px;
	margin-left: 55px;
	width: 218px;
}

input {
	float: right;
	background: url(/images/input.jpg) no-repeat;
	border: none;
	height: 22px;
	width: 158px;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
}

label {
	float: left;
	left: 0;
	position: relative;
}

textarea {
	float: right;
	height: 61px;
	width: 158px;
	background: url(/images/textarea.jpg) no-repeat;
	border: none;
	font-family: century gothic;
	font-size: 12px;
}

.checkl {
	margin-left: 59px;
}

.check {
	text-align: left;
	margin-left: 3px;
	padding: 0;
	width: 13px;
	float: left;
}

.checkl2 {
	margin-left: 129px;
	margin-top: -22px;
}

.check2 {
	text-align: left;
	margin-left: 3px;
	padding: 0;
	width: 13px;
	float: right;
	margin-top: -23px;
}

.check3 {
	text-align: left;
	margin-left: 9px;
	padding: 0;
	width: 13px;
	float: left;
	border: none;
}

#button {
	background: url(/images/Submit.png) no-repeat;
	width: 61px;
	height: 22px;
	float: right;
	margin-right: 37px;
	margin-top: -22px;
	cursor: pointer;
}
	
input.validation-failed {
border: 1px solid #FF3300;
color: #ff3300;
}

input.validation-failed:after {
margin-left: 150px;
content: "x";
color: #ff3300;
}

input.validation-passed {
border: 1px solid #00cc00;
color: #484848;
}
input.required {
border: none;
}
.validation-advice{
background-color: transparent;
color: #ff3300;
}