@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
p, h1, h2, h3 {
	padding: 0 0 12px 0;
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
a{
	color: #0060A6;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	border-bottom:none;
}
a:hover, a:focus{
	color: #d3dbdd;
	border-bottom:none;
}
body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	background: url(images/bkg1.gif);
	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 */
}
.wrapper #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #252525;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
	border: 1px solid #000;
}
.wrapper #topNav {
	margin: 0;
	background: url(images/img-navbkg.png) repeat-x 0 top;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.wrapper #topNav p{
	color: #dcdacd;
	text-align: center;
	padding: 12px 0;
} 
.wrapper #topNav a{
	color: #b9c1c3;
	font-size: 100%;
	text-decoration: none;
	border-bottom: none;
}
.wrapper #topNav a:hover, .wrapper #topNav a:focus{
	color: #d3dbdd;
	border-bottom: 1px solid #b9c1ce;
}
.wrapper #header {
	float: right;
	margin: 0;
	width: 900px;
	height: 113px;
	background: #000000;
	padding: 0;
}
.wrapper #header .home{
	background: url(images/bkghdrhm1.jpg) no-repeat;
}
.wrapper #header .blog{
	background: url(images/hdr1-blog.jpg) no-repeat;
}
.wrapper #header .about{
	background: url(images/hdr1-about.jpg) no-repeat;
}
.wrapper #header .contact{
	background: url(images/hdr1-contact.jpg) no-repeat;
}
.wrapper #header .programs{
	background: url(images/hdr1-prog.jpg) no-repeat;
}
.wrapper #header .fitcamp{
	background: url(images/hdr1-fitcamp.jpg) no-repeat;
}
.wrapper #header .wtloss{
	background: url(images/hdr1-wtloss.jpg) no-repeat;
}
.wrapper #header .classes{
	background: url(images/hdr1-classes.jpg) no-repeat;
}
.wrapper #header .desc{
	background: url(images/hdr1-classes.jpg) no-repeat;
}
.wrapper #header .spa{
	background: url(images/hdr1-spa.jpg) no-repeat;
}
.wrapper #header .ptrng{
	background: url(images/hdr1-ptrng.jpg) no-repeat;
}
.wrapper #header .lifestyle{
	background: url(images/hdr1-lifestyle.jpg) no-repeat;
}
.wrapper #header .staff{
	background: #000000;
}
.wrapper #header .success{
	background: #000000;
}
.wrapper #header .reasons{
	background: url(images/hdr1-reasons.jpg) no-repeat;
}
.wrapper #header .results{
	background: url(images/hdr1-results.jpg) no-repeat;
}
.wrapper #header2{
	float: right;
	width: 681px;
	height: 101px;
	margin: 0 0 12px 0;
	padding: 0;
	background: #000000;
}
.wrapper #header2 .home{
	background: url(images/bkghdrhm2.jpg) no-repeat;
}
.wrapper #header2 .blog{
	background: url(images/header-blog.jpg) no-repeat;
}
.wrapper #header2 .about{
	background: url(images/header-about.jpg) no-repeat;
}
.wrapper #header2 .contact{
	background: url(images/header-contact.jpg) no-repeat;
}
.wrapper #header2 .programs{
	background: url(images/header-prog.jpg) no-repeat;
}
.wrapper #header2 .fitcamp{
	background: url(images/header-fitcamp.jpg) no-repeat;
}
.wrapper #header2 .wtloss{
	background: url(images/header-wtloss.jpg) no-repeat;
}
.wrapper #header2 .classes{
	background: url(images/header-classes.jpg) no-repeat;
}
.wrapper #header2 .desc{
	background: url(images/header-desc.jpg) no-repeat;
}
.wrapper #header2 .spa{
	background: url(images/header-spa.jpg) no-repeat;
}
.wrapper #header2 .ptrng{
	background: url(images/header-ptrng.jpg) no-repeat;
}
.wrapper #header2 .lifestyle{
	background: url(images/header-lifestyle.jpg) no-repeat;
}
.wrapper #header2 .reasons{
	background: url(images/header-reasons.jpg) no-repeat;
}
.wrapper #header2 .results{
	background: url(images/header-results.jpg) no-repeat;
}
.wrapper #sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 219px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.wrapper #sidebar p{
	padding: 6px 12px;
	color: #dcdacd;
}
.wrapper #mainContent {
	position: static;
	margin: 0 0 0 219px;
	padding: 20px 18px;
	background: #B9B49A;
	min-height: 600px;
}
.wrapper #mainContent #blogcontent {
	margin: 200px 0 0 0;
	padding: 0;
}
.wrapper #mainContent a{
	color: #0060A6;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	border-bottom:1px dotted;
}
.wrapper #mainContent a:hover, .wrapper #mainContent a:focus{
	color: #740740;
	border-bottom:1px solid;
}
.wrapper #mainContent a img{
	color: #b9c1c3;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	border-bottom:none;
}
.wrapper #mainContent a:hover img, .wrapper #mainContent a:focus img{
	color: #d3dbdd;
	border-bottom:none;
}
.wrapper #mainContent .img a{
	text-decoration: none;
	border-bottom: none;
}
.wrapper #imgBtm { 
	margin: 0;
	padding: 0;
} 
.wrapper #footer { 
	margin-bottom: 24px;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color: #dcdacd;
} 
.wrapper #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-weight: bold;
}
.wrapper #footer a{
	color: #dcdacd;
	font-size: 100%;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.wrapper #footer a:hover, .wrapper #footer a:focus{
	border-bottom: 1px solid;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltrt img{
	margin-bottom: 8px;
}
.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 8px 0 8px 8px;
	padding: 8px;
	border: 1px solid;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#table2{
	font-size: 12px;
	background:#B9B49A;
	border: none;
}
#table2 p{
	font-size: 12px;
	background:#B9B49A;
	border: none;
}
#table3 table{
	padding: 14px;
	font-size: 14px;
	background:#DCDACD;
	border: 1px solid #7D7857;
}
#table3 table td{
	padding: 4px 10px 2px 10px;
}
#class table{
	padding: 14px;
	font-size: 12px;
	background:#FFFFFF;
	border: 1px solid #7D7857;
}
form table{
	padding: 14px;
	font-size: 12px;
	background:#FFFFFF;
	border: 1px solid #7D7857;
}
form table td{
	padding: 4px 10px 2px 10px;
}
.results{
	margin: 0;
	padding: 0;
}
.results table{
	padding: 0;
	font-size: 12px;
	background:#252525;
	color: #dcdacd;
}
table td{
	padding-top: 3px;
	padding-bottom: 3px;
}
.cntWrap{
	margin: 12px;
	width: 620px;
	background: #DCDACD;
}
.boxWrap{
	margin: 12px 0;
	padding: 3px 12px;
	height: 180px;
	width: 360px;
	border: 2px solid #252525;
}
.boxWrap img{
	padding-top: 6px;
}
.boxWrap #cnt{
	margin-left: 34px;
}
#homeSpWrap {
	height: 130px;
	margin-bottom: 12px;
}
#homeSpWrap .homeSpLeft {
	float: left;
	padding: 4px 1px 0 1px;
	width: 310px;
	height: 120px;
	background-color: #FFF;
	border: 2px solid #00B14D;
	text-align: center;
}
#homeSpWrap .homeSpRight {
	float: right;
	padding: 4px 1px 0 1px;
	width: 310px;
	height: 120px;
	background-color: #FFF;
	border: 2px solid #00B14D;
	text-align: center;
}
#homeSpWrap .homeSpLeft2 {
	float: left;
	padding: 4px 1px;
	width: 310px;
	height: 100px;
	background-color: #E8E9B4;
	border: 1px solid #EFF0CE;
	text-align: center;
}
#homeSpWrap .homeSpRight2 {
	float: right;
	padding: 4px 1px;
	width: 310px;
	height: 100px;
	background-color: #BCDDB7;
	border: 1px solid #CEE7CB;
	text-align: center;
}
#homeSpWrap p{
	padding-bottom: 8px;
	text-align: center;
}
#imgWrap{
	margin: 14px 0;
	height: 150px;
}
#imgWrap .imgWrap1{
	float: left;
	width: 403px;
	height: 150px;
	border: 1px solid #252525;
}
#imgWrap .imgWrap2{
	float: right;
}
.spaWrap{
	margin: 12px;
	padding: 12px;
	width: 500px;
	background: #FFFFFF;
	border: solid #000 2px;
	text-align: left;
}
.spaWrap .title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ec55a1;
}
.spaWrap .title2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.spaWrap .close{
	text-align: center;
	font-size: 12px;
	color: #ec55a1;
}
.spaWrap table{
	margin: 12px;
	width: 476px;
	font-size: 112%;
}
.spaWrap table tr td{
	padding: 4px;
}
.spaWrap table tr td p{
	padding-top: 0;
	padding-bottom: 4px;
}
ul{
	margin-left: 32px;
	padding-bottom: 6px;
}
ul li{
	padding-bottom: 6px;
}
.titleSpace{
	padding-bottom: 4px;
}
.impact{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border-bottom: 2px solid #E0247B;
}
.impact1{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border-bottom: 2px solid #E0247B;
}
.impact2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.impact3{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.special{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #750842;
}
.special2{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #750842;
}
.pinkLg{
	font-size: 150%;
	font-weight: bold;
	color: #D31662;
}
.pinkMd{
	font-size: 125%;
	font-weight: bold;
	color: #D31662;
}
.style1{
	font-size: 14px;
	font-weight: bold;
}
.style1b{
	font-size: 16px;
	font-weight: bold;
}
.style2{
	font-size: 14px;
	font-weight: bold;
	color: #AB185F;
}
.style3{
	font-size: 18px;
	font-weight: bold;
	color: #AB185F;
}
.style3b{
	font-size: 18px;
	font-weight: bold;
	color: #E0247B;
}
.Blue{
	color: #0070c0;
	font-size: 18px;
	font-weight: bold;
}
.BlueLg{
	color: #0060A6;
	font-size:24px;
	font-weight: bold;
}
.blueClr{
	color: #0070c0;
}
.Orange{
	color: #D75915;
	font-size: 18px;
	font-weight: bold;
}
.OrangeClr{
	color: #D75915;
}
.RedClr{
	color: #C6261A;
}
.PinkClr{
	color: #D31662;
}
.Red{
	color: #C6261A;
	font-size: 18px;
	font-weight: bold;
}
.Green{
	color: #008237;
	font-size: 18px;
	font-weight: bold;
}
.greenClr{
	color: #008237;
}
.Purple{
	color: #66217A;
	font-size: 18px;
	font-weight: bold;
}
.dkpink{
	color: #75294F;
}
.blueLine{
	border-bottom: 2px solid #0070c0;
}
.large{
	font-size: 125%;
	font-weight: bold;
}
.small{
	font-size: 90%;
}
.smallRight{
	font-size: 90%;
	text-align: right;
}
.phone{
	font-size: 18px;
	font-weight: bold;
}
.bold{
	font-size: 16px;
	font-weight: bold;
}
.boldLine{
	border-bottom: 2px solid #B6417D;
}
img {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}
img a{
	font-size: 100%;
	text-decoration: none;
	border-bottom: none;
}
img a:hover, img a:focus{
	border-bottom: none;
}

