html {

background-image:url(images/onlinebackground.jpg);

}



h1#welcome{

	margin:20px 20px 0px 20px;

	padding:0px;

	width:981px;

	height:66px;

	float:left;

	display:inline;

	background-image:url(images/header/welcome.png);

	background-repeat:no-repeat;

	text-indent:-9999px;

}



h1#header{

	margin:30px 20px 0px 30px;

	padding:0px;

	width:280px;

	height:29px;

	background-image:url(images/header/onlinepersonaltraining.jpg);

	background-repeat:no-repeat;

	text-indent:-9999px;

}







#body {

	margin:0px;

	padding:0px;

	width:1024px;

	float:left;

	height:1425px;

	display:inline;

}



h1#logo{

	margin:59px 0px 0px 0px;

}





h2#h3{

	margin:35px 20px -5px 40px;

	padding:0px;

	width:278px;

	height:24px;

	background-image:url(images/header/personalonlinettraining.jpg);

	background-repeat:no-repeat;

	text-indent:-9999px;

}

p.p1{

	margin:20px 20px 0px 55px;

	padding:0px;

	text-align:justify;

	width:650px;

}



p.p2{

	margin:10px 20px 0px 55px;

	padding:0px;

}



p.p5{

	margin:20px 20px 0px 35px;

	padding:0px;

	text-align:justify;

}



p.p6{

	margin:20px 20px 0px 0px;

	padding:0px 0px 0px 0px;

	text-align:justify;

	float:left;

	font-size:12px;

}



p.p7{

	margin:23px 20px 0px 0px;

	padding:0px 0px 0px 0px;

	text-align:justify;

	float:left;

	font-size:12px;

}



h2#h4{

	margin:60px 20px -5px 40px;

	padding:0px;

	width:245px;

	height:25px;

	background-image:url(images/header/onlinemealplanning.jpg);

	background-repeat:no-repeat;

	text-indent:-9999px;

}

p.p3{

	margin:20px 20px 0px 65px;

	padding:0px;

}



p.p4{

	margin:10px 20px 0px 65px;

	padding:0px;

}





h2#h5{

	margin:65px 20px 0px 40px;

	padding:0px;

	width:315px;

	height:24px;

	background-image:url(images/header/monthlyweightloss.jpg);

	background-repeat:no-repeat;

	text-indent:-9999px;

}

p.p3{

	margin:20px 20px 0px 55px;

	padding:0px;

}



p.p4{

	margin:10px 20px 0px 55px;

	padding:0px;

}







/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 0px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery ul{

list-style:none;

margin:40px 0px 0px 39px;

padding:0px 20px 0px 0px;

width:524px;

}



.gallery ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery{

list-style:none;

margin:0px;

padding:0px;

height:200px;

}



li#onlinetraining{background: url(images/menu/onlinetraining.jpg) no-repeat 0px -27px;}





h2#quote{

	float:right;

	margin:135px 0px 0px 0px;

	display:block;

	padding:0px;

	background-image:url(images/quotes/5.png);

	background-repeat:no-repeat;

	width:173px;

	height:23px;

	text-indent:-9999px;

}





/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery7 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px 0px 0px 0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery7 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 30px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery7 ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery7 ul{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px 20px 0px 0px;

width:424px;

}



.gallery7 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery7 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery7{

list-style:none;

margin:0px 0px 0px 50px;

padding:0px;

width:524px;

height:250px;

float:left;

display:inline;

}





/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery2 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery2 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 30px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery2 ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery2 ul{

list-style:none;

margin:50px 0px 0px 0px;

padding:0px 20px 0px 0px;

width:424px;

}



.gallery2 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery2 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery2{

list-style:none;

margin:0px 0px 0px 50px;

padding:0px;

width:524px;

height:250px;

float:left;

display:inline;

}





/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery3 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery3 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 30px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery3 ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery3 ul{

list-style:none;

margin:50px 0px 0px 0px;

padding:0px 20px 0px 0px;

width:524px;

}



.gallery3 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery3 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery3{

list-style:none;

margin:0px;

padding:0px;

width:424px;

height:250px;

float:left;

display:inline;

}













/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery4 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery4 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 30px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery4 ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery4 ul{

list-style:none;

margin:-40px 0px 0px 0px;

padding:0px 20px 0px 0px;

width:424px;

}



.gallery4 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery4 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery4{

list-style:none;

margin:40px 0px 0px 50px;

padding:0px;

width:955px;

height:300px;

float:left;

display:inline;

}





/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery5 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery5 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 30px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery5 ul li:hover li a:hover img {

width:154px; height:112px;

position:relative;

left:-30px; top:-18px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery5 ul{

list-style:none;

margin:20px 0px 0px 109px;

padding:0px 20px 0px 0px;

width:524px;

}



.gallery5 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery5 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery5{

list-style:none;

margin:0px;

padding:0px;

width:524px;

height:300px;

float:left;

display:inline;

}





span.member_login{

	margin:0px 0px 0px 60px;

	display:inline;

	padding:0px;

	color:#fff;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	float:left;

}



input#submit{

	margin:7px 0px 0px 80px;}

	

span.space{

	height:7px;

	width:250px;
	display:inline;
	float:left;

}



p#pp1{

color:#fff;

font-size:12px;

float:left; 

display:inline; 

width:70px; 

height:20px; 

margin:7px 0px 0px 15px;

}



p#pp2{

color:#fff;font-size:12px;float:left; display:inline; width:70px; height:20px; margin:7px 0px 0px 15px;}









/* style the initial image size 100px x 75px no border and 5pixel padding */

.gallery8 ul ul li a img {

width:110px; height:80px;

border:0; margin:0px;

}



/* style the size, background color, border and margin of the submenu links */

.gallery8 ul li a {

float:left;

width:110px;

height:80px;

background:#fff;

border:0px solid #888;

margin:0px 0px 0px 0px;

}





/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.gallery8 ul li:hover li a:hover img {

width:300px; height:180px;

position:relative;

left:-90px; top:-58px;

border:0;

border:0px solid #888;

padding:0px;

background:#ccc;

}



.gallery8 ul{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px 20px 0px 0px;

width:524px;

}



.gallery8 ul li{

list-style:none;

margin:0px;

padding:0px;

}



.gallery8 li{

list-style:none;

margin:0px 0px 0px 0px;

padding:0px;

}



.gallery8{

list-style:none;

margin:0px;

padding:0px;

width:424px;

height:250px;

float:left;

display:inline;

}