/* Stylesheet for www.fitta.me.uk */
/* ELEMENTS ********************************************************************************************/
body {
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 0px;
	background:#D8EAF4 url(../img/siteBG.jpg) repeat-x top left;
	font-family: tahoma;
	font-size:70%;
}

a:link, a:active, a:visited {
	color:#000;
}
a:hover {
	text-decoration:none;
}

div {
	float:left;
}

p {
	margin:0px;
	padding:0px 0px 15px 0px;
	line-height:1.6em;
}

h1, h2 {
	font-weight:normal;
	margin:0px;
	padding:0px 0px 15px 0px;
}

h1 {
	font-size:180%;;
}

h1.home {
	padding:0px 0px 5px 0px;
}

h2 {
	font-size:150%;
	color:#287DA6;
	padding:0px 0px 5px 0px;
}

h3 {
	font-size:130%;
	color:#287DA6;
	font-weight:normal;
	padding:0px 0px 5px 0px;
	margin:0px;
}

ul, ol {
	margin:0px 0px 0px 16px;
	padding:0px 0px 15px 0px;
}

ul li {
	list-style: url(../img/bulletArrow.gif);
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px; 
	line-height:1.4em;
}

ol li {
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px; 
	line-height:1.4em;
}

hr {
	color:#C8D5DA;
	background:#C8D5DA;
	height:1px;
	border:0px;
	margin:5px 0px 10px 0px;
}

form {
	border:0;
	margin:0;
	padding:0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
	width:36.4em;
}

input, option, textarea {
	font-family: tahoma;
	font-size:100%;
	padding:2px 5px;
}

input, select, textarea {
	float:left;
	width:20em;
	margin:0 0 5px 0;
}

textarea {
	height:6em;
}

input.button {
	background:#287DA6;
	border:1px solid #4A7486;
	color:#FFF;
	font-weight:bold;
	width:auto !important;
	float:right;
}

label {
	width:15em;
	float:left;
}

.bold {
	font-weight:bold;
}

.intro {
	font-weight:bold;
	font-size:110%;
}

.hide {
	display:none;
}

.clear {
	clear:both;
}

.imgLeft {
	float:left;
}

.imgRight {
	float:right;
}

/* CONTAINER ********************************************************************************************/
#siteContainer {
	width:774px;
	background:#FFF url(../img/containerBG.gif) repeat-y top right;
}

#siteContainer #siteContainerInner {
	width:764px;
	min-height:420px;
	background:transparent url(../img/containerTop.gif) no-repeat 0px 0px;	
	padding-left:10px;
}

#siteContainer #siteContainerBase{
	width:774px;
	height:20px;
	background: url(../img/containerBase.gif) no-repeat bottom left;	
}

/* TOP ********************************************************************************************/
#top {
	width:750px;
	border-bottom: 1px solid #4A7486;
}

#top .logo {
	width:130px;
	height:150px;
}

#top .logo img {
	border:0px;
	width:130px;
	height:150px;
}

#top #nav {
	display:none;
}

/* MAIN ********************************************************************************************/
#mainContent {
	padding:20px 0px 20px 0px;
}

/* HOMEPAGE ********************************************************************************************/
#mainContent #homeSplashContainer {
	background: url(../img/home/mainTop.jpg) top left;
	width:752px;
	margin-top:10px;
	line-height:1.4em;
}

#mainContent #homeSplashContainer #homeSplash {
	background: url(../img/home/mainBase.gif) no-repeat bottom left;
	width:732px;
	padding:10px 0px 20px 20px;
}

#mainContent #homeSplashContainer #homeSplash .welcomeContainer {
	background: url(../img/home/welcomeTop.gif) repeat-y top left;
	width:732px;
}

#mainContent #homeSplashContainer #homeSplash .welcomeContainer .welcome {
	background: url(../img/home/welcomeBase.gif) no-repeat bottom left;
	width:732px;
	padding:0px 0px 0px 0px;
}

#mainContent #homeSplashContainer #homeSplash .welcomeContainer .welcome .text {
	padding:10px 10px 0px 10px;
	width:332px;
}

#mainContent #homeSplashContainer #homeSplash .button {
	width:354px;
	float:right;
	padding:0px 10px 0px 0px;
}

#mainContent #homeSplashContainer #homeSplash .button a:link,
#mainContent #homeSplashContainer #homeSplash .button a:active,
#mainContent #homeSplashContainer #homeSplash .button a:visited {
	display:block;
	float:right;
	width:354px;
	height:69px;
}

#mainContent #homeSplashContainer #homeSplash .button a.dontKnow:link,
#mainContent #homeSplashContainer #homeSplash .button a.dontKnow:active,
#mainContent #homeSplashContainer #homeSplash .button a.dontKnow:visited {
	background: url(../img/home/dontKnow.jpg) no-repeat top left;
	padding:0px 0px 0px 0px;
}
#mainContent #homeSplashContainer #homeSplash .button a.dontKnow:hover {
	background: url(../img/home/dontKnowRollover.jpg) no-repeat top left;
}

/* archive
#mainContent #homeSplashContainer #homeSplash .button a.shareExp:link,
#mainContent #homeSplashContainer #homeSplash .button a.shareExp:active,
#mainContent #homeSplashContainer #homeSplash .button a.shareExp:visited {
	background: url(../img/home/shareExp.jpg) no-repeat top left;
}
#mainContent #homeSplashContainer #homeSplash .button a.shareExp:hover {
	background: url(../img/home/shareExpRollover.jpg) no-repeat top left;
}
*/

#mainContent #homeSplashContainer #homeSplash .button a.newsEvents:link,
#mainContent #homeSplashContainer #homeSplash .button a.newsEvents:active,
#mainContent #homeSplashContainer #homeSplash .button a.newsEvents:visited {
	background: url(../img/home/newsEvents.jpg) no-repeat top left;
}
#mainContent #homeSplashContainer #homeSplash .button a.newsEvents:hover {
	background: url(../img/home/newsEventsRollover.jpg) no-repeat top left;
}

#mainContent #homeArticles {
	width:752px;
	margin-top:10px;
	line-height:1.4em;
}

#mainContent #homeArticles .basicFitness,
#mainContent #homeArticles .aboutMe {
	width:365px;
}

#mainContent #homeArticles .basicFitness h2,
#mainContent #homeArticles .aboutMe h2 {
	background: url(../img/home/services.jpg) no-repeat top left;
	width:365px;
	height:40px;
	padding:0px 0px 0px 0px;
}

#mainContent #homeArticles .aboutMe {
	float:right;
}

#mainContent #homeArticles .aboutMe h2 {
	background: url(../img/home/aboutMe.jpg) no-repeat top left;
}

#mainContent #homeArticles .aboutMe .imgRight {
	margin-right:10px;
}

#mainContent #homeArticles .basicFitness ul,
#mainContent #homeArticles .basicFitness p,
#mainContent #homeArticles .aboutMe p {
	padding:15px 0px 0px 15px;
}

/* LEFTNAV ********************************************************************************************/
#mainContent #leftNav {
	display:none;
}

/* INTERNAL CONTENT ********************************************************************************************/
#mainContent #content {
	width:530px;
	line-height:1.4em;
}

#mainContent #content .contentImg {
	border:1px solid #436A7A;
	float:right;
	margin:0px 0px 5px 5px;
}

#mainContent #content table {
	margin:0px 0px 15px 0px;
}

#mainContent #content table th {
	text-align:left;
	border:1px solid #436A7A;
	background:#A3D2E8;
	padding:1px 10px 10px 3px;
}

#mainContent #content table td {
	border:1px solid #436A7A;
	padding:1px 10px 10px 3px;	
	vertical-align:top;
}

#mainContent #content dl {
	margin:0px;
	padding:0px 0px 15px 0px;
}

#mainContent #content dl dt {
	font-weight:bold;
}

#mainContent #content .ref {
	font-size:90%;
	font-style : italic;
}

#mainContent #content table.payment {
	margin:10px 10px 25px 0;
	border:10px solid #D8EBF5;
	background:#D8EBF5;
	width:520px;
	float:left;
	border-collapse: collapse;
}

#mainContent #content table.payment th {
	text-align:left;
	border:0;
	border-bottom:1px solid #A3D2E8;
	background:#D8EBF5;
	padding:0 0 5px 0;
}

#mainContent #content table.payment td {
	border:0;
	padding:3px 0;	
	vertical-align:top;
}

#mainContent #content table.payment tr.total td {
	font-weight:bold;
	padding:0 0;	
	vertical-align:bottom;
}

#mainContent #content table.payment tr.download td {
	padding:0 0;	
	vertical-align:middle;
}

#mainContent #content a.button:link, #mainContent #content a.button:active, #mainContent #content a.button:visited {
	display:block;
	float:right;
	background:#287DA6;
	border:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
	padding:3px 10px;
	font-weight:bold;
}

#mainContent #content ul.login-links {
	list-style:none;
	margin:0 0 0 0;
}

#mainContent #content ul.login-links li {
	display:inline;
	list-style:none;
	font-size:90%;
}

/* LOGIN BOX ****************************************************************************************/
#loginBox {
	display:none;
}

#homeSplashContainer #loginBox {
	background:url(../img/home/loginTop.jpg) no-repeat top left;
	width:354px;
	margin:0 10px 15px 0;
	float:right;
	color:#000;
	display:inline;
}

#homeSplashContainer #loginBox .loginBox-inner {
	background:url(../img/home/loginBase.jpg) no-repeat bottom left;
	padding:15px;
	width:324px;
}

#homeSplashContainer #loginBox .loginBox-inner h2 {
	background:url(../img/home/get-personal.gif) no-repeat top left;
	height:20px;
	width:138px;
}

#homeSplashContainer #loginBox .loginBox-inner a:link, #homeSplashContainer #loginBox .loginBox-inner a:active, #homeSplashContainer #loginBox .loginBox-inner a:visited {
	color:#000;
}

#homeSplashContainer #loginBox .loginBox-inner ul {
	font-size:90%;
}

#homeSplashContainer #loginBox .loginBox-inner ul li {
	font-size:90%;
}

#homeSplashContainer #loginBox .loginBox-inner fieldset {
	padding:8px 0 8px 0;
	width:324px;
}

#homeSplashContainer #loginBox .loginBox-inner label {
	width:90px;
	display:block;
	float:left;
	padding:2px 10px 0 0;
}

#homeSplashContainer #loginBox .loginBox-inner input {
	float:left;
	margin:0 0 5px 0;
}

#homeSplashContainer #loginBox .loginBox-inner input#email {
	width:200px;
}

#homeSplashContainer #loginBox .loginBox-inner input.loginButton {
	background:#287DA6;
	border:1px solid #FFF;
	color:#FFF;
	font-weight:bold;
	width:50px;	
	padding:2px 5px;
	margin:0 0 0 10px;
}

/* FOOTER *******************************************************************************************/
#footer {
	display:none;
}