/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
/* If you need to style the menu, you should add those styles in this screen.css file */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

/*
	Font-size reference.  Calcuate with: pixel_size / 12
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/


h3 {
	margin: 15px 0 0 0;
	padding: 0;
	color: #473526;
	font-weight: bold;
}
h4, h5 {
	margin: 15px 0  0;
	padding: 0;
	color: #5c5751;
}
ul{
	margin: 10px 30px;
}
#main_content p{
	margin: 0;
	padding: 10px 0;
}
body{
	background: #473526 url(../img/lines.gif) no-repeat;
	margin: 0;
	font-family:  Verdana, 'Helvetica', Arial, Sans-serif;
	font-size: 13px;
}

.container{
	width: 870px;
	margin: 0 auto;
}
#header{
	float: left;
	width: 870px;
	height: 188px;
	padding-top: 20px;
}
#header h1 a{
	float: left;
	width: 180px;
	height: 162px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -4000px;
}
#header p{
	color: #918377;
	float: right;
	text-align: right;
	width: 600px;
	height: 61px;
	margin: 36px 0 0 0;
	padding: 0;
	font-family: Georgia;
	font-style: italic;
	line-height: 24px;
	font-size: 14px;
}
#content{
	background: #FFF url(../img/inner-page-top.jpg) repeat-x;
	float: left;
	width: 870px;
	margin-bottom: -12px;
	border-bottom: 12px solid #e0e0e0;
}
#content a{
	color: #E3238D;
	font-weight: bold;
	text-decoration: none;
}
#main_content{
	font-size: 14px;
	line-height: 19px;
	float: left;
	width: 440px;
	padding: 40px;
	line-height: 20px;
	color: #827d77;
}
#main_content img{
	float: left;
	padding: 6px;
	margin: 8px 15px 5px 0;
	border: 1px solid #D4B123;
}
.sub_content{
	width: 320px;
	float: right;
	background: url(../img/side-gradient.jpg) repeat-x 0 213px;
	margin: 5px 0 0 0;
	padding: 0 0 50px 0;
	min-height: 350px;
}
.sub_content p{
	font-size: 18px;
	line-height: 26px;
	font-style: italic;
	padding: 40px;
	margin: 0;
	font-family: 'Georgia';
	color: #a79e97;
}
.sub_content_pic{
	width: 320px;
	height: 213px;
	overflow: hidden;
	background: url(../img/inner-pic.jpg) no-repeat;
}
.sub_content ul {
	padding: 0 0  0 20px;
	margin: 0 30px 0 34px;
	color: #787471;
	list-style-type: disc;
}

.inner_content{
	background: url(../img/inner-page-top.jpg) repeat-x 0 208px;
}

/* ///////// HOME STYLES ///////// */
#homepage_left{
	float: left;
	width: 520px;
	margin: 40px 30px 30px 0;
	color: #aca49d;
	font: normal 14px/24px Verdana;
	color: #aca49d;
}
#homepage_left h2{
	font-style: italic;
	color: #d4d0cd;
	font-weight: normal;
	letter-spacing: -0.009em;
}
#homepage_right{
	float: left;
	width: 318px;
	padding-top: 44px;
}
#homepage_right a img{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}
#home_pic{
	float: left;
	width: 550px;
	height: 302px;
	background: url(../img/home-pic.jpg) no-repeat;
}
.button1 a, .button2 a, .button3 a{
	float: left;
	width: 318px;
	height: 100px;
	margin-left: 1px;
	text-indent: -3000px;
}
.button1 a{
	background: url(../img/what-is-pilates.gif) no-repeat;
	margin-bottom: 1px;
}
.button1 a:hover{
	background: url(../img/what-is-pilates.gif) 0px -100px no-repeat;
	margin-bottom: 1px;
}
.button2 a{
	background: url(../img/why-pilates.gif) no-repeat;
	margin-bottom: 1px;
}
.button2 a:hover{
	background: url(../img/why-pilates.gif) 0px -100px no-repeat;
	margin-bottom: 1px;
}
.button3 a{
	background: url(../img/get-started.gif) no-repeat;
}
.button3 a:hover{
	background: url(../img/get-started.gif) 0px -100px no-repeat;
}
h1, h2, h3, h4{
	font-family: 'Trebuchet MS';
}
.home{
	color: #FFF;
}

/* //////// MAIN MENU ///////// */
#menu{
	float: left;
	width: 690px;
	margin: 44px 0 0 0;
	
}
#nav{
	float: right;
	color: #8c722f;
	font-size: 21px;
	font-weight: normal;
	margin-right: -20px;
}
#nav a{
	color: #FFF;
}
#nav a:hover{
	color: #d2b024;
}
#main-menu li a{
	float: left;
	padding: 5px 16px 0 16px;
	margin: 0;
	font-size: 12px;
}

/* /////// FOOTER /////// */
#footer{
	width: 100%;
	clear: both;
	background: #302419;
	border-top: 12px solid #3e2f21;
	padding: 30px 0 30px 0;
	color: #746c65;
	font-size: 12px;
}
#footer p{
	text-align: right;
	margin: 0;
	padding: 0;
}
#footer a{
	color: #b4b0ac;
	text-decoration: none;
}
#footer li a{
	color: #b4b0ac;
	padding: 0 10px 0 13px;
	margin: 0;
	background: url(../img/arrows.gif) no-repeat 0px 5px;
	font-size: 12px;
}
#footer a:hover{
	color: #FFF;
}
.lift{
	font-family: Georgia;
	font-style: italic;	
	font-weight: bold;
}

/* //////// TEXT STYLES /////// */

h2{
	color: #e3238d;
}
p{
	margin: 20px 0 0 0;
}

em, dfn{
	background-color: #FFF;
	font-style: none;
}


th, td {
	padding:8px 12px 8px 12px;
}

td {
	border-right:1px solid #DDDDDD;
	text-align: center;
}
table { border: 1px solid #DDDDDD; }
dt{
	padding-top: 20px;
	font-size: 15px;
}