/* commented backslash hack to hide from ie5 mac \*/ 
html, body	{
	height: 100%;
	} 
/* end hack */
html,body {
	margin:0;
	padding:0;
}
html {
margin-bottom:1px;
}
body {
text-align: center;
min-width:850px;/* stop mozilla sliding off the edge */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: url(images/background.jpg) repeat;
color:#000;
}
#container {
width: 850px;
text-align: left;
margin-right: auto;
margin-left: auto;
position: relative;
min-height:100%;
color: #000;
background:#FFF;
}
#body {
padding:0;
padding-bottom:40px;   /* Height of the footer */
}
#clearfooter{
clear:both;
height:40px;
}
#header {
background:url(images/header.jpg) center no-repeat ;
height:137px;
color: #FFF;
margin:0;
padding:0;
}
/*Common*/
a{
text-decoration:none;
background:none;
color:#000;
outline: none;/*Eliminates dotted outline on active links in Firefox */
}
h3{
font-size:14px;
padding:0;
margin:0;
}
h4{
font-size:12px;
font-style:italic;
font-weight:bold;
padding:0;
margin:0;
}
div.hr {
height: 1px;
background:#CCC;
color:#CCC;
margin:0;
}
div.hr hr {
display:none;
}
.bold{ font-weight:bold;}
/*End of the Common*/
/*Top Navigation Bar ("sliding doors", 4 images)*/	
#navigation {
	float:left;
    width:100%;
    background:url(images/nav_bg.jpg) repeat-x bottom;
	color:#003300;
	}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#navigation li {
	display:inline;
    margin:0;
    padding:0;
	}	
#navigation a {
	float:left;
	background:url(images/botton_off_right.jpg) no-repeat right top;
	margin:0;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	color:#003300;
	}
#navigation a span {
	float:left;
	display:block;
	background:url(images/botton_off_left.jpg) no-repeat left top;
	color:#003300;
	padding:6px 11px 6px 9px;
	border-bottom:#999 1px solid;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
body#home #navigation #homen a,
body#about #navigation #aboutn a,
body#services #navigation #servicesn a,
body#contact #navigation #contactn a,
body#testimonials #navigation #testimonialsn a,
body#fitnesstips #navigation #fitnesstipsn a,
body#links #navigation #linksn a{
	background:url(images/botton_on_right.jpg) no-repeat right top;
	color:#ff6600;
	}
body#home #navigation #homen a span,
body#about #navigation #aboutn a span,
body#services #navigation #servicesn a span,
body#contact #navigation #contactn a span,
body#testimonials #navigation #testimonialsn a span,
body#fitnesstips #navigation #fitnesstipsn a span,
body#links #navigation #linksn a span {
	background:url(images/botton_on_left.jpg) no-repeat left top;
	color:#ff6600;
	border-bottom: #FFF 1px solid;
	}
#navigation a:hover {
	background:url(images/botton_on_right.jpg) no-repeat right top;
	color: #007138;	
	}
#navigation a:hover span {
	background:url(images/botton_on_left.jpg) no-repeat left top;
	color:#007138;
	}
/*End of Top Navigation Bar*/	
/*Footer*/
#footer {
background:url(images/footer.jpg) center no-repeat ;
color:#000;
position:absolute;
bottom:0;
width:100%;
height:40px;   /* Height of the footer */
text-align:center;
}
#footer p{margin:0; font-size:10px;}
/*Footer navigation bar*/
.fnavigation ul {
list-style:none;
margin:0;
padding:5px 0 2px 0;
font-size:12px;
font-weight: normal;
text-align: center;
}
.fnavigation li {
display:inline;
margin:0;
}
.fnavigation ul li a{
text-decoration:none;
color:#003300;
background:none;
border-right:1px #003300 solid;
padding:0 4px 0 4px;
}
.fnavigation ul li a.linksnav{border:none;}
.fnavigation ul li a:hover{color:#007138; background:none;}
body#home a.homenav,
body#about a.aboutnav,
body#services a.servicesnav,
body#contact a.contactnav,
body#testimonials a.testimonialsnav,
body#fitnesstips a.fitnesstipsnav,
body#links a.linksnav {
color:#ff6600;
background:none;
}
/*End of Footer navigation bar*/
/*Home Page*/
#contenthome {
float:left;
margin:0;
padding:0;
width:825px;
}
#text{
padding:5px 15px 10px 15px;
margin:10px 5px 0 30px;
border:2px solid #3c6845;
background:url(images/main_textBG.jpg) repeat-x top;
color:#000;
}
.imgright{float:right; margin:20px 0 10px 15px;}
.imgleft{float:left; margin:5px 15px 10px 4px;}
#himg{
float:right;
width:20px;
margin:0;
padding:0;
height:200px;
border:none;
}
/*End of the Home Page*/
/*About Page*/
#guy{
position: absolute;
top:186px;
left:20px;
width:169px;
}
#leftabout{
position: absolute;
top:186px;
left:230px;
width:250px;
}
#rightabout{
position: absolute;
top:203px;
left:520px;
width:300px;
}
body#about h4{
padding-top:10px;
}
body#about h3{
text-align: left;
}
body#about #body ul{
margin-top:6px;
}
body#about #body{
height:485px;
}
#personal{
position:absolute;
top:370px;
left:40px;
width:300px;
}
#getting{
padding-top:0;
margin-top:7px;
}
body#about #body div.hr{
position:absolute;
top:607px;
left:25px;
width:800px;
}
#nsca{
position: absolute;
top:180px;
left:750px;
width:75px;
}
/*End of the About Page*/
/*Contact Page*/
#guy3{
position:absolute;
top:300px;
left:40px;
width:139px;
border:1px #003300 solid;
}
#adress{
position: absolute;
top:180px;
left:20px;
width:180px;
border:1px #003300 solid;
}
#adress p{
padding:6px 10px 6px  10px;
margin:0;
text-align:center;
}
#adress a:hover{
color:#FF6600;
background:none;
}
/*form style*/
fieldset {
margin:5px 120px 0px 5px;
padding:0;
border:solid 1px #003300;
}
fieldset p {
padding:0;
margin:5px 0;
}
label {
display: block;
}
input {
width:250px;
}
textarea {
width:350px;
height:200px;
}
#send {
width:60px;
text-align:center;
}
.required {
font-size:90%;
color:#660000;
background:none;
}
#copytoyou {
width:auto;
}
#sendacopy {
display:inline;
}
#subject {
width:350px;
}
/*end form style*/
body#contact #body{
height:500px;
}
#mailform {
/*width: 700px;
float: right;*/
padding-bottom:50px;
position: absolute;
top:168px;
left:250px;
width:700px;
}
#mailform p {
padding: 0 100px 0 40px;
} 
/*End of the Contact Page*/
/*Confirmation Page*/
body#confirmation h3{padding:50px;}
/*End of the Confirmation Page*/
/*Services Page*/
table{
	position: absolute;
	top:180px;
	left:175px;
	width: 500px;
	border-collapse:collapse;
	border:1px solid #003300;
}
td{
	padding:3px 10px;
	font-size:12px;
}
caption{
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
}
td{
	border-bottom:1px #d7f2d7 dotted;
	border-right:1px #d7f2d7 dotted;
	}
td.serv{
	background:#d7f2d7;
	color:#000;
	padding:5px 10px;
	font-weight:bold;
	border-bottom:2px #003300 solid;
	border-top:2px #003300 solid;	
}
/*End of the Services Page*/
/*FinnessTips Page*/
body#fitnesstips #menue ul{
list-style:decimal;
}
body#fitnesstips #menue ul li a{
width:550px;
border-bottom:1px #003300 dotted;
display: block;
padding:2px 0 2px 0;
}
body#fitnesstips #menue ul a:hover{
background:#d7f2d7;
color:#FF6600; 
}
#menue{
float:left;
padding:20px 20px 0px 10px;	
}
#guy2{
float:right;
padding:30px 50px 0 0;
}
#guy2 img{border:1px #003300 solid;}
/*End of the FinnessTips Page*/
/*FinnessTips Sub Page*/
body#fitnesstipssub h4{
padding:4px 0 4px 30px;
} 
body#fitnesstipssub h3{
background:none;
color: #006633;
padding-top:10px;
}
#sub{
float:left;
width:800px;
margin:0;
padding:10px 0 3px 30px;
}
body#fitnesstipssub #sub p{
text-indent:10px;
}
.up ul{
list-style:none;
margin:0;
padding:0;
}
.up li{
display:inline;
}
.up li a{
border:1px #003300 solid;
padding:2px 5px;
margin:0 3px 0px 3px;
background:none;
color: #666;
}
.up li a:hover{
background:#d7f2d7;
color:#FF6600; 
}
.bulking li{
padding:7px 0 7px 0;
}
.decimal{
list-style-type:decimal;
}
/*End of the FinnessTips Sub Page*/
/*Testimonials Page*/
#test{
float:left;
width:850px;
margin:0;

}
body#testimonials #test p{
padding:10px 15px 5px 30px;
margin:0;
}
body#testimonials #body div.hr{
margin:0 25px 0 25px;
padding:0;
width:800px;
}
/*End of the Testimonials Page*/
/*Links Page*/
#linksleft{
float:left;
width:420px;
/*border:#FF0000 solid 1px;*/
}
#linksright{
float:right;
width:420px;
/*border:#FF0000 solid 1px;*/
}

.lin{
border:#CCC solid 1px;
padding:5px;
margin:10px 60px 0 60px;
text-align:center;
height:110px;
}
#linksleft img,
#linksright img{
border:none
}
#linksleft p,
#linksright p{
margin:0;
padding-top:5px;
}
body#links #body a:hover{
color:#FF6600;
background:none;
}

/*End of the Links Page*/