/* CSS Document for Kns Fitness*/
/*------------Main Divs and Layout Section-------------*/
body
{
	background-color:#E0EEEE;
}

#container
{
	border:solid 1px black;
	text-align:center; 
}

#header
{ 
	margin:0;
	height:190px;
	background-image:url("/images/headerbg.jpg");
	background-repeat:repeat-x;
	/*border-bottom:solid 1px black;*/
	/*border:solid 1px blue;*/
}

#logo
{
	float:left;
	margin:0;
	margin-right:0px;
}

#contact
{
	margin:0;
	margin-left:0px;
	background-color:#EECCFF;
	height:80px; 
	padding-top:20px; 
	font:bold 12px, Arial;	
}

#content
{
	/*border:solid 1px red;*/
	background-color:#FFFFFF;
	text-align:left;
	padding:10px 10px 10px 10px;
	font:14px Arial;
}

#navigation
{
	border:solid 2px #BBCCFF; 
	position:relative;  
	float:left; 
	width:180px;
	top:-40px;
	margin:10px 10px -38px 10px; 
	padding-top:0px;
	padding-bottom:10px;
	background-color:#EECCFF;
	background-image:url("/images/gymstilllife.jpg");
	background-repeat:no-repeat;
	font:bold 12px, Arial;	
	text-align:left;
}

#footer
{
	background-color:#BB99FF;
	font:10px Arial;
	height:100px;
	padding:4px 2px 2px 2px;
}

#newsletter
{
	width:40%;
	height:75px;
	background-image:url("/images/Newsletterbg.png");
	background-repeat:repeat-x; 
	/*background-color:#BBCCFF;*/
	float:right; position:relative; 
	right:0px; text-align:left; 
	padding:5px 0px 0px 10px;
	font:15px, Arial;	
	text-align:center;
}

#testimonial
{
	width:250px;
	/*height:200px;*/
	margin-left:5px;
	margin-bottom:5px;
	background-color:#F0E68C;
	/*background-image:url("/images/top.jpg");*/
	background-repeat:no-repeat;
}

.testimonial-text
{
	font-style:italic; 
	font-size:12px; 
	color:black; 
	padding:5px 15px 5px 15px;
}

/* Class Timetable Section */
table.class_timetable
{
	background-color:#E0EEEE;
	width:70%;
	border:solid 1px #000000;
}

.cost_sue
{
	background-color:#F0E68C;
}	

/* DVD Sales Section */
div.dvd-item
{
	border-top:solid 1px black; 
	border-bottom:solid 1px black;
	padding-top:5px; 
	padding-bottom:5px; 
	background-color:#F0F8FF; 
	margin-bottom:10px; 
	text-align:center;
}

table.dvd-item
{
	text-align:center;
}

.dvd-description
{
	font-weight:300; 
	font-family:Arial; 
	font-size:12px;
	text-align:left;
	width:60%;
	padding-left:20px;
}

.dvd-price
{
	font-weight:bold; 
	color:Blue;
}

.dvd-buynow
{
	padding-top:12px;
}

/*Navigation Section*/
p.nav-link
{
	margin:10px 0px 8px 15%;

}

a.nav-link:link
{
	color:#000000;
	text-decoration:none;
	display:block;
	text-align:center; 
	padding-top:5px;
	padding-bottom:5px;
	border-top:solid 1px #BBCCFF;
}


a.nav-link:visited
{
	color:#000000;
	text-decoration:none;
	display:block;
	text-align:center; 
	padding-top:5px;
	padding-bottom:5px;
	border-top:solid 1px #BBCCFF;
}


a.nav-link:hover
{
	color:black;
	background-color:#CDC0B0;
	text-decoration:none; 
}

body#page-main a#nav-main,
body#page-calculators a#nav-calculators,
body#page-descriptions a#nav-descriptions,
body#page-faq a#nav-faq,
body#page-dvds a#nav-dvds,
body#page-links a#nav-links,
body#page-news a#nav-news,
body#page-profile a#nav-profile,
body#page-taichi a#nav-taichi,
body#page-contact a#nav-contact,
body#page-classes a#nav-classes
{
	color:#000000;
	background-color:#CDC0B0;
	text-decoration:none;
}

/*Content Section
Note the default font is defined in the #content section*/
#spamcheck
{
	visibility:hidden;
}

.form-style
{
	border:solid 2px black; 
	background-color:#F0E68C; 
	margin-left:200px;
	width:60%;
	padding-left:10px;
}

.list-style
{
	margin-left:110px; 
	padding-left:110px;
}

p.content-head
{
	font:bold 20px Arial;
	text-align:left;
	text-decoration:underline;
}

.content-subhead
{
	font:15px Arial;
	text-decoration:underline;
}

/*Default Hyperlink Section*/
a:link
{
	color:Blue;
	text-decoration:underline;
}

a:visited
{
	color:Blue;
	text-decoration:underline;
}

a:hover
{
	color:Blue;
	background-color:silver;
	text-decoration:none; 
}

img.right-image
{
	padding:5px;
	float:right;
	position:relative;
}

img.left-image
{
	padding:5px;
	float:left;
	position:relative;
}