/* ----------------------------------------------------------------
 * FILE: style.css
 * ----------------------------------------------------------------
 * Author: Dave Musgrove
 * Template: Evolution Physical Excellence
 * ---------------------------------------------------------------- 
*/

/* ---------------------------------------------------------------- 
 * BODY
 * ---------------------------------------------------------------- 
*/ 

html { font-size: 100%; }
body {
	height: 100%;
	margin: 0 0 40px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #222 url(../images/back.gif) center center repeat-y;
}

/* ---------------------------------------------------------------- 
 * BODY > TEXT
 * ---------------------------------------------------------------- 
*/ 

p { font-size: 13px; color: #fff; margin: 0; }

a { color: #ee9a15; text-decoration: none; }
a:hover { color: #fd0; }

img { border: 0; }
img.right { margin: 5px 0 5px 10px; }
img.left { margin: 5px 10px 5px 0; }
img.btn { border: 6px solid #222; margin: 0 0 11px 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 8px 0;	font-family: Arial, Helvetica, sans-serif; color: #ee9a15; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; color: #fff; }
h5 { font-size: 13px; margin: 15px 0 0 0; }	
h6 { font-size: 11px; margin: 0 0 5px; 0; }

pre, code, blockquote { display: block; margin: 25px 0; padding: 15px; }
blockquote { padding-top: 0; padding-bottom: 20px; }	
blockquote > div { padding: 1px; }
blockquote p { margin-bottom: 0; }

/* ---------------------------------------------------------------- 
 * LAYOUT > CONTAINERS
 * ---------------------------------------------------------------- 
*/

.wrap { width: 900px; margin: 0 auto; clear: both; }

#header { height: 295px; background: url(../images/header-back.jpg) no-repeat; }
#header2 { height: 295px; background: url(../images/header-back-winter.jpg) no-repeat; }

.menu-btn a p { display: none; }
.menu-btn a { width: 162px; height: 52px; display: block; }
.menu-btn a:hover { background: url(../images/btn-active.gif) no-repeat; }

#content { width: 621px; float: left; margin: 0 0 8px 0; }
#sidebar { width: 271px; float: right; margin: 0 0 8px 0; }

#text-block { width: 608px; }
#text-block p { width: 590px; font-size: 13px; line-height: 16px; margin: 0 0 15px 0; }
#text-block ul { margin-top: 5px; margin-bottom: 0px; padding-left: 2px; font-size: 13px; }
#text-block ul li { list-style: none; clear: left; background: url(../images/bullet-arrow-big.gif) no-repeat left 5px; padding: 2px 0px 8px 20px; color: #fff; }
#text-block .title { margin: 0 0 20px 0; }

#flash-block { width: 620px; height: 250px; background: #222 url(../images/flash-blank.jpg) center center no-repeat; margin: 0 0 11px 0; }

#about-menu { width: 608px; height: 225px; padding: 13px 0 0 0; border: 6px solid #222; background: url(../images/about-menu-back.jpg) no-repeat; margin: 0 0 11px 0; }
#about-menu-block { width: 200px; float: right; }
#about-menu a p { margin: 0; font-size: 18px; font-weight: bold; font-style: italic;  }
#about-menu a div { width: 175px; height: 28px; padding: 4px 0 0 25px; margin: 0 0 4px 0; background: url(../images/about-menu-btn.gif) bottom left no-repeat; }
#about-menu a:hover p { color: #ee9a15; }
#about-menu a:hover div { background: url(../images/about-menu-btn.gif) top  left no-repeat; }

#join-form-back { width: 620px; height: 607px; background: url(../images/join-form-back.jpg) no-repeat; margin: 0 0 11px 0; position: relative; }
#join-menu { width: 200px; position: absolute; top: 153px; left: 59px; }
#join-menu a p { margin: 0; font-size: 18px; font-weight: bold; font-style: italic; color: #e08a1d;  }
#join-menu a div { width: 175px; height: 28px; margin: 0 0 29px 0; }
#join-menu a:hover p { color: #fff; }
#join-menu a.active p { color: #fff; }
#join-text-block { width: 273px; height: 415px; position: absolute; top:134px; right: 57px; }
#join-text-block p { color: #000;  }
#join-text-block p.title { font-weight: bold; font-size: 14px; }

#giftvouchers-back { width: 620px; height: 607px; background: url(../images/giftvouchers-back.jpg) no-repeat; margin: 0 0 11px 0; position: relative; }

#side-text-block { height: 375px; margin: 0 0 11px 0; padding: 0 15px 0 9px; }
#side-text-block p { font-size: 11px; color: #fff; margin: 0 0 10px 0; }
#side-text-block p span { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; }
#side-text-block h3 { font-size: 13px; margin: 0; color: #ee9a15; }

#footer { padding: 0 0 0 0; height: 50px; background: #4e4e4e url(../images/footer-logo.gif) 795px 11px no-repeat; clear: both; }
#footer p { color: #fff; font-size: 9px; margin: 0 0 8px 0; float: left; margin: 20px 0 0 20px ; line-height: 11px;}
#footer p a { color: #8b8fee; }
#footer p a:hover { color: #8b8fee; }
#footer p.copyright { float: left; }

/* ---------------------------------------------------------------- 
 * LAYOUT > MENU
 * ---------------------------------------------------------------- 
*/

#menu { font-size: 12px; height: 44px; background: #4e4e4e; margin: 0 0 14px 0; }
#menu ul { padding: 0; margin: 0; width: 100%; background: #000; height: 44px; width: 900px; }
#menu ul li { display: inline; }
#menu ul li a { padding: 12px 26px 18px 22px; color: #fff; background: url(../images/menu-btn-back.gif) right top no-repeat; text-decoration: none; font-weight: bold; position: relative; top: 12px; }
#menu ul li a:hover { color: #ee9a15; background-position: right bottom; }
#menu ul li a.last { color: #ee9a15; background-position: right bottom; }

/* ---------------------------------------------------------------- 
 * LAYOUT > FORMS
 * ---------------------------------------------------------------- 
*/

#contact-form fieldset
{
	display: block;
	width: 450px;
	margin: 0 0 5px 0;
	padding: 15px;
	background-color: #222;
}

#contact-form fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}

#contact-form fieldset.radio
{
	width: 250px;
	margin: 2px 0 4px 0;
	background-color: #DDD;
}

#contact-form fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#contact-form fieldset.radio label
{
	font-weight: normal;
}

#contact-form input
{
	display: block;
	width: 300px;
}
#contact-form textarea
{
	display: block;
	width: 300px;
	height: 100px;
}

#contact-form label
{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#contact-form select
{
	display: block;
}