/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: url(../images/design/bg-tile.jpg);
	font-family:   Arial, Helvetica,Verdana, sans-serif;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited, a:hover{
	text-decoration: none;
	color: #4E3227;
}
a:focus {  -moz-outline-style: none;} a{outline: none;}
label, a:hover, label:hover{
	cursor: pointer;
}

/* Typography */
 p, h1, h2, h3, h4, h5{
	font-family:   Arial, Helvetica,Verdana, sans-serif;
	color: #4E3227;
}

p, ul, ol{
	font-size: 1em;
	line-height: 1.4em;
	color: #330000;
}

a{font-style: italic; }

h1{
	font-size: 1.5em;
	margin-bottom: 20px;
	font-weight: bold;
}

h2{font-size: 12px;}
#content-main h2{text-transform:uppercase; font-weight:bold;}
#content-supp h2{text-transform: uppercase; color: #eee8c5; font-size: 13px;}
h2.phark{width: 86px; height: 11px; background-repeat:no-repeat;}

h3{	font-size: 12px; text-transform:uppercase;}

h2 a, h3 a{font-style: normal;}
#content-main h2{background-image:url(../images/design/hr.png); background-repeat:no-repeat; padding-top: 20px;}

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

.box p{
	border-bottom: 1px solid #b1ad33;
	padding-bottom:14px;
	margin-bottom: 10px;
}
.box p:last-child{border-bottom: none;}
.box h2{font-size: 1.4em;}
.box a{text-decoration:underline;}

ul{list-style: none;}

small{	display: block; }

/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left;}
.right{	float: right;}

p.important{	color: #373534;}

.main-img{float: left; margin: 0px 15px 30px 0px;}

.box{
	background-color: #999900; /*rgba(153,153,0,0.6);*/
	padding: 15px 20px;
	position: relative;
	margin-bottom: 11px;
}

.ie .box{
	background-color: #9f9a00;
}

div#content-supp .box:first-child{
	-moz-border-radius-topleft: 45px;
	-webkit-border-top-left-radius: 45px;
	border-radius-topleft: 45px;
	padding-top: 20px;
	}



.normal{text-transform:none;}

#content-supp .box:last-child{margin-right: 0px;}

.inline-btn{
	margin: 2px 0px -4px 6px;
}

.carousel{
	width: 100%;
	position: relative;
	background-image:url(../images/design/bg_carousel.jpg);
	height: 136px;
	padding:  0px 23px;
	margin: 40px 0px 30px;
}

#content-main .carousel ul{	list-style: none; padding: 0px; margin: 0px;}
.carousel ul li{padding: 23px 10px;}

.prev, .next{position:absolute; z-index:10; cursor: pointer; text-indent: -5000px; display:block; width:14px ; height:134px ;}
.prev{left: 0px; background-image:url(../images/design/btn_left.jpg);}
.next{right: 0px; background-image:url(../images/design/btn_right.jpg);}

a.prev:hover{background-image:url(../images/design/btn_left-hover.jpg);}
a.next:hover{background-image:url(../images/design/btn_right-hover.jpg);}
/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	background: url(../images/design/bg-tile.jpg) repeat-x;
	width: 100%;
	margin: 0px auto;
}

#header {
	height: 214px;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-color: #330000;
}

	#branding{
	width: 100%;
	height: 179px;
	background-repeat: no-repeat;
	display: block;
	}	
	
#content{
	min-height: 300px;	
	width: 960px;
	margin: 0 auto;
	position:relative;
}		

#content-main{
	position: relative;
	color: #492F25;
	background-color: #FFF;
	width: 635px;
	float: right;
	padding: 20px;
	margin-top: 50px;
	min-height: 400px;
}

.ie7 #content-main{
	margin-top: 60px;
}

	#content-main a, #content-main h1{
}

#content-supp{
	min-height: 365px;
	width: 275px;
	margin-top: 10px;
}
	
#footer{
	font-size: 11px;
	margin: 0px 0px 0px 285px;
	clear: both;
	color: #945E3A;
	width: 675px;
	padding-top: 30px;
}

#footer a, #footer p{
}

/* Navigation 
------------------------*/

#navigation{
	position:absolute;
	height: 60px;
	top: -10px;
	right: -5px;
}	

.ie7 #navigation{
	top: 5px;
}

ul#nav-main{
	list-style: none;
	margin: 0px;
	width: 675px;
	margin-left: 289px;
}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
		float: left;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		height:60px;
		text-indent: -9999px;
		padding: 0px;
		
		
	}
	
	ul#nav-main li:hover{ background-color: rgba(255,255,255,.5);}
	ul#nav-main li.active{ background-color: rgba(255,255,255,.7);}
	.ie8 ul#nav-main li:hover, .ie8 ul#nav-main li.active {background-color: #FFF; filter: alpha(opacity=90);}
	.ie7 ul#nav-main li:hover, .ie7 ul#nav-main li.active{background-color: #FFF;}
	
	ul#nav-main a {
		display: block;
		height: 11px;
		background-repeat: no-repeat;
		background-position: 50%;
		padding: 26px  16px;
	}

ul#nav-supp{
	position: absolute;
	top: -192px;
	right: -11px;
	margin: 0px;
	width: 226px;
	height: 112px;
}

ul#nav-supp li{
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height:28px;
	text-indent: -9999px;
	width: 158px;
	margin-bottom: 5px;
	float: right;
}

ul#nav-supp li a{
	height: 28px;
	display:block;
}

ul.nav-tertiary { margin-left: 0px;}
ul.nav-tertiary li {background-image:url(../images/design/icon-plus.png); background-repeat: no-repeat; background-position: 0 3px; padding-left: 11px; height: 22px;}
ul.nav-tertiary li a{	font-style: normal; text-decoration: none;}
ul.nav-tertiary li a:hover{color: #EEE8C5;} 

ul#nav-footer{
	margin: 0px;
	padding: 0px;

}

	ul#nav-footer li{
	float:left;
	display: block;
	line-height: 11px;
	border-right: 1px solid;
	margin-right: 9px;
	padding:2px 9px 0 0;
	color: #4E3227;
	}
	
	
	ul#nav-footer li a{font-style:normal;}

ul#nav-links{
	float: right;
	margin: 10px 0px 0px;
}

ul#nav-links li, ul#nav-links li a{
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
	float: left;
	width: 30px;
	height: 30px;
	background-repeat:no-repeat;
	margin-right: 10px;
}




/* LISTS
------------------------------------------------------------------------------------------*/
ul li:last-child, ul li.last-child{margin: 0px !important; margin-right: 0px !important; border: none !important;}

ul#vcard{
	list-style: none;
	}
	
	ul#vcard li{

	}
	
#content-main ul{  background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; margin-left: 0px;}
#content-main ul.list{
	list-style: disc;
	background-image: none;
	margin-top: -10px;
	margin-left: 30px;
}

ul.two-col li{
	float: left;
	width: 40%;

}

ul.two-col + p{
	padding-top: 20px;
	clear: both;
}

/* FORMS
------------------------------------------------------------------------------------------*/
form legend{font-size:12px; text-transform:uppercase; font-weight: normal; font-style:normal;}
form legend a{font-style: normal;}
form fieldset{border: none; margin: 0px; padding: 0px;}
form ol{list-style: none;}
form ol li{margin-bottom: 7px;}
form ol li label{width: 120px; margin-right: 20px;  float: left;}
form textarea{height: 125px; width: 300px;}

form#newsletter li#input{
	float: right;
	margin-top: -26px;
}

.win form#newsletter li#input{
	margin-top: -30px;
}

/* TABLES
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 960px;
	height: 214px;
	background-image:url(../images/images/rfc-health-and-wellness.jpg);
	margin: 0 auto;
}

h1#logo a{
	height: 214px;
	width: 960px;
}

/* Nav
-------------------*/
ul#nav-main li#fitness a{	background-image: url(../images/text/nav/nav-main-fitness.png);	width: 51px;	}
ul#nav-main li#fitness a:hover, ul#nav-main li#fitness.active a{	background-image: url(../images/text/nav/nav-main-fitness-hover.png);	}
ul#nav-main li#yoga a{	background-image: url(../images/text/nav/nav-main-yoga.png);	width: 32px;	}
ul#nav-main li#yoga a:hover, ul#nav-main li#yoga.active a{	background-image: url(../images/text/nav/nav-main-yoga-hover.png);	}
ul#nav-main li#pilates a{	background-image: url(../images/text/nav/nav-main-pilates.png);	width: 48px;	}
ul#nav-main li#pilates a:hover, ul#nav-main li#pilates.active a{	background-image: url(../images/text/nav/nav-main-pilates-hover.png);	}
ul#nav-main li#golf a{	background-image: url(../images/text/nav/nav-main-golf.png);	width: 31px;	}
ul#nav-main li#golf a:hover, ul#nav-main li#golf.active a{	background-image: url(../images/text/nav/nav-main-golf-hover.png);	}
ul#nav-main li#spa a{	background-image: url(../images/text/nav/nav-main-spa.png);	width: 23px;	}
ul#nav-main li#spa a:hover, ul#nav-main li#spa.active a{	background-image: url(../images/text/nav/nav-main-spa-hover.png);	}
ul#nav-main li#nutrition a{	background-image: url(../images/text/nav/nav-main-nutrition.png);	width: 69px;	}
ul#nav-main li#nutrition a:hover, ul#nav-main li#nutrition.active a{	background-image: url(../images/text/nav/nav-main-nutrition-hover.png);	}
ul#nav-main li#club-info a{	background-image: url(../images/text/nav/nav-main-club-info.png);	width: 67px;	}
ul#nav-main li#club-info a:hover, ul#nav-main li#club-info.active a{	background-image: url(../images/text/nav/nav-main-club-info-hover.png);	}
ul#nav-main li#membership a{	background-image: url(../images/text/nav/nav-main-membership.png);	width: 83px;	}
ul#nav-main li#membership a:hover, ul#nav-main li#membership.active a{	background-image: url(../images/text/nav/nav-main-membership-hover.png);	}
ul#nav-main li#contact-us a{	background-image: url(../images/text/nav/nav-main-contact-us.png);	width: 77px;	}
ul#nav-main li#contact-us a:hover, ul#nav-main li#contact-us.active a{	background-image: url(../images/text/nav/nav-main-contact-us-hover.png);	}

ul#nav-supp li#consultant{background-image:url(../images/text/nav/nav-supp-contact.png); height: 28px;width: 226px; }
ul#nav-supp li#consultant:hover{background-image:url(../images/text/nav/nav-supp-contact-hover.png);}
ul#nav-supp li#schedule{background-image:url(../images/text/nav/nav-supp-schedule.png);}
ul#nav-supp li#schedule:hover{background-image:url(../images/text/nav/nav-supp-schedule-hover.png);}
ul#nav-supp li#tour{background-image:url(../images/text/nav/nav-supp-contact.png);}
ul#nav-supp li#tour:hover{background-image:url(../images/text/nav/nav-supp-contact-hover.png);}
ul#nav-supp li#rfc{background-image:url(../images/text/nav/nav-supp-rfc.png);width: 212px;}
ul#nav-supp li#rfc:hover{background-image:url(../images/text/nav/nav-supp-rfc-hover.png);}

/*h1
-------------------*/
h1.heading{
	height: 48px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
}

h1#breathe{background-image:url(../images/text/h1-breathe.png); width: 434px;}
h1#total-wellness{background-image:url(../images/text/h1-total-wellness.png); width: 196px;}
h1#mind-body{background-image:url(../images/text/h1-mind-body-and-spirit.png); width: 324px;}
h1#full-body-conditioning{background-image:url(../images/text/h1-full-body-conditioning.png); width: 342px;}
h1#improve{background-image:url(../images/text/h1-improve-your-game.png); width: 259px;}
h1#treat-yourself{background-image:url(../images/text/h1-treat-yourself.png); width: 210px;}
h1#eat-well{background-image:url(../images/text/h1-eat-well.png); width: 283px;}
h1#details{background-image:url(../images/text/h1-details.png); width: 99px;}
h1#join{background-image:url(../images/text/h1-now-is-the-time.png); width: 287px;}

h2#home{background-image:url(../images/text/h2-home.png);}
h2#explore{background-image:url(../images/text/h2-explore.png); width: 200px;}
h2#sign-up{background-image:url(../images/text/h2-sign-up.png);}
h2#h2-fitness{background-image:url(../images/text/h2-fitness.png);}
h2#yoga{background-image:url(../images/text/h2-yoga.png);}
h2#pilates{background-image:url(../images/text/h2-pilates.png);}
h2#golf{background-image:url(../images/text/h2-golf.png);}
h2#spa{background-image:url(../images/text/h2-spa.png);}
h2#nutrition{background-image:url(../images/text/h2-nutrition.png);}
h2#club-info{background-image:url(../images/text/h2-club-info.png);}
h2#h2-membership{background-image:url(../images/text/h2-membership.png);}