@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFFFFF;	
        background-image: url(image/bkgrdline.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a { text-decoration: none }
a img { border: none }
a:visited { color: inherit }

#container {
	width: 1020px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
}
#mainContent {
        width: 1000px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	font-size: 14px;
}
#topnumber {
	text-align: left;
	padding-top: 12px;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 14px;
}
#header {
	background-image: url(image/headerimage2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 215px;
	width: 1020px;
	position: relative;
	color: #ff9933;
	text-transform: capitalize;
}
#leftarea {
	float: left;
	width: 740px;
	position: relative;
}

#creationarea {
	float: none;
	width: 740px;
	position: relative;
	margin: auto;
}
#rightarea {
	float: right;
	width: 240px;
	padding-top: 20px;
	left: 0px;
	position: relative;
}
#menu {
	float: right;
	width: 670px;
	padding-right: 45px;
	position: relative;
	top: 0px;
	height: 63px;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 70px;
}
.menu {
	list-style-type: none;
	float: right;
}

.menu li {
	float: left;
	padding-top: 25px;
	text-align: center;
}
.homebutton {
	width: 58px;
}
.classesbutton {
	width: 72px;
}
.testimonialbutton {
	width: 94px;
}

.contactbutton {
	width: 91px;
}
.videobutton {
	width: 71px;
}
.youtubevideo {
	width: 340px;
	float: left;
	position: relative;
	background-image: url(image/border.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.daysimage{
	width: 70px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.welcomemessage {
	width: 390px;
	float: left;
	padding-top: 25px;
	position: relative;
}

.videotextarea {
	width: 330px;
	float: left;
	padding-top: 25px;
	position: relative;
	padding-left: 10px;
}


.testimonialtextarea {
	float: left;
	padding-top: 25px;
	position: relative;
	width: 740px;
}

.areastextarea {
	padding-top: 30px;
	position: relative;
	width: 910px;
	margin: auto;
	float: left;
	background-image: url(image/areabackground.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 20px;
	padding-left: 50px;
}
.title {
	color: #666666;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 17px;
}

.subtitle {
	color: #666666;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 15px;
}
.line {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9933;
	height: 3px;
}
.messagebullet {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(image/bulletpoint.jpeg);
	position: relative;
	left: -10px;
}
.textarea {
	text-align: justify;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.withlinetextarea {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9933;
	text-align: justify;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	float: left;
}
.arealinetextarea {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9933;
	text-align: justify;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	width: 870px;
	left: 0px;
}
.withlinetextareaabc {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9933;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 40px;
	position: relative;
	width:178px;
	text-transform: capitalize;
	margin: auto;
}
.withlinebiotextarea {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9933;
	text-align: justify;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	width: 350px;
	float: left;
}
.testtextarea {
	text-align: justify;
	padding-top: 0px;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
}

.signature{
	text-align: justify;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
}
.loginarea {
	background-image: url(image/loginbkgrd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 285px;
	width: 240px;
	margin: auto;
	padding-top: 20px;
}
.shoparea {
	position: relative;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ff9933;
	width: 690px;
	background-image: url(image/shopbkgrd.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: left;
}

.videoarea {
	position: relative;
	width: 690px;
	background-image: url(image/backgroundvid.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

.classesarea {
	width: 690px;
	background-image: url(image/classesbackground.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	height: 300px;
}
.linksarea {
	width: 690px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
}
.professionalareas {
	background-image: url(image/professionalbkgrd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 260px;
	width: 241px;
	margin: auto;
	text-align: right;
}
.professionalareas td {
	text-align: left;
	text-transform: capitalize;
}
.testimonialtable {
	padding-top: 10px;
	position: relative;
}
.individualtestarea {
	background-image: url(image/testimonial/background.png);
	height: 370px;
	width: 200px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	background-position: center center;
}
.companylogo {
	margin: auto;
	position: relative;
	width: 210px;
}
.birthdayparty1 {
	position: relative;
	width: 270px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}

.birthdayparty2 {
	position: relative;
	width: 270px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff9933;
}
.birthsection {
	position: relative;
	margin: auto;
	text-align: center;
	width: 620px;
	padding-top: 15px;
}

.contactsection {
	position: relative;
	margin: auto;
	text-align: center;
	width: 740px;
	padding-top: 15px;
}
.thomaspic {
	background-image: url(image/testimonial/thomas.png);
	height: 640px;
	width: 380px;
	float: left;
	position: relative;
	top: -100px;
	left: -20px;
}
#searchbar {
	float: right;
	position: relative;
	width: 500px;
	top: 0px;
	text-align: right;
	right: 45px;
	height: 70px;
}
.menu a:link, .menu a:visited {
	text-decoration: none;
	color: #FF9933;
}

.menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.bolditalic {
	font-style: italic;
	font-weight: 600;
}
.classimage {
	float: left;
	width: 250px;
	padding-top: 25px;
	padding-left: 20px;
}

#indexpage {
	background-color: #FFFFFF;	
        background-image: url(image/homepage/homepagebk.jpg);
	background-repeat: repeat-x;
}

#indexpage .homepageheader {
	height: 90px;
	padding-top: 20px;
}

#indexpage .homepageflags {
	margin: auto;
	position: relative;
	text-align: center;
}

#indexpage .homepagefooter {
	padding-top: 40px;
	margin: auto;
	position: relative;
	width: 700px;
}
.homepageflags  a:link, .homepageflags a:active {
	text-decoration: none;
}
.subtitleOrange {
	color: #F86500;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 15px;
}

.subtitleOrangenocaps {
	color: #F86500;
	font-weight: 400;
	font-size: 15px;
}
.withlinetextarea strong {
	text-transform: capitalize;
}
.purchasebox {
	border: 2px dotted #FF9900;
	padding: 4px;
}
.subtitleOrange a:link {
	color: #F86500;
}
.subtitleOrange a:hover {
	color: #000000;
}

.shoparea img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.formonarea {
	padding: 5px;
	width: 500px;
	border: 2px dotted #FF9933;
	float: left;
}
.thankyouarea {
	padding: 5px;
	width: 500px;
	border: 2px dotted #FF9933;
	text-align: center;
	float: none;

}
.pagemenu {
	list-style-type: none;
	padding-bottom: 10px;
}
.accountbutton {
	background-image: url(image/loginbutton.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	width: 240px;
	padding-top: 15px;
}
.textboxsize2 {
	font-size: 12px;
	width: 140px;
}
.cities {
	list-style-type: square;
	list-style-position: outside;
}
.formonarea .email {
	font-size: 11px;
	width: 180px;
}
.arealinetextarea span {
	text-transform: capitalize;
}
.arealinetextarea .areamenu {
	list-style-type: disc;
	text-decoration: none;
	text-align: left;
	font-size: 80%;
}
.areamenu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FA9D04;
	padding-top: 7px;
	padding-bottom: 10px;
}
.areamenu .menutitle {
	list-style-type: none;
	text-align: center;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000099;
}
a:hover {
	color: #FC9A03;
}
.linksarea td {
	text-align: justify;
	font-size: 90%;
}
.linksarea .subtitleOrange a:link, .linksarea .subtitleOrange a:active  {
	color: #F86500;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F86500;
}

.linksarea .subtitleOrange a:hover{
	color: #0000FF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
}
#creationinformation {
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #FE9A04;
}

#creationbio {
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #FE9A04;
}
#creationbio li {
	width: 370px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.rememberme {
	font-size: 12px;
	color: #999999;
}

.supertable {
	width: 600px;
	border: 2px solid #000000;
}
.supertablegrey {
	background-color: #CCCCCC;
}
.supertablewhite {
	background-color: #FFFFFF;
}
.supertable2 {
	width: 600px;
}
.supertablegrey2 {
	background-color: #CCCCCC;
}
.supertablewhite2 {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}