@charset "utf-8";

/***\
| A | Anytime Fitness
\***/

	/***************************\
	| (c)2009 ecoaststudios llc |
	\***************************/
	
	/********************************\
	Table of Contents

		A. Introduction
		B. Container Elements (wrapper, common  font styles, body, etc)
		C. Header
		E. Content		
		F. Footer	
		G. Form Contact
		
	\*********************************/

/***\
| B | Container Elements
\***/

body { background: url(../images/bg.body.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
p {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.5em; }
p a { color: #3b6d99; font-weight: bold; } p a:hover { color: #153858; }

#container { width: 836px; margin: 0px auto; }


/***\
| C | Header
\***/

#header { background: url(../images/promo.head.jpg) no-repeat top right; height: 78px; }
#header h2 { visibility: hidden; }

/***\
| E | Content
\***/

	#content { background: url(../images/bg.content.jpg) repeat-y center; }
	#content div.pre { border: none; background: url(../images/bg.content.top.jpg) no-repeat 1px; height: 20px; padding:0; margin:0; }
	#content div.post { border: none; background: url(../images/bg.content.bottom.jpg) no-repeat 1px; height: 20px; padding:0; margin:0; }
	
	/* i. Logo/Content Header */
	#content #head { height: 80px; background:url(../images/bg.header.gif) repeat-x bottom; overflow: hidden; margin: 0px 9px 0 11px; }
	#content #head img { float: left; margin: 5px 37px; }
	
	#content #head .promo { display: block; width: 115px; height: 71px; padding-left: 70px; background: url(../images/bg.promo.header.jpg) no-repeat bottom; float: right; margin-right: 8px; margin-top: -1px; }
	#content #head a .promo h3 { color: #0c3d58; font-size: 15px; font-weight: bold; padding-top: 13px; } 
	#content #head a .promo p { color: #4491d8; font-size: 11px; font-weight: normal; }
	#content #head a:hover .promo h3 { color: #06212f; }
	#content #head a:hover .promo p { color: #2d679d; }
	#content #head a:hover .promo { background: url(../images/bg.promo.header.hover.jpg) no-repeat bottom; }
	
	#content #head .info { display: block; width: 115px; height: 71px; padding-left: 70px; background: url(../images/bg.info.header.jpg) no-repeat bottom; float: right; margin-right: 8px; margin-top: -1px; }
	#content #head a .info h3 { color: #0c3d58; font-size: 15px; font-weight: bold; padding-top: 13px; } 
	#content #head a .info p { color: #4491d8; font-size: 11px; font-weight: normal; }
	#content #head a:hover .info h3 { color: #06212f; }
	#content #head a:hover .info p { color: #2d679d; }
	#content #head a:hover .info { background: url(../images/bg.info.header.hover.jpg) no-repeat bottom; }
	
	#contactheader { background:url(../images/contact.header.jpg) no-repeat; height:46px; }
	
	
	/* ii. Menu */
	#content #menu { background: url(../images/bg.menu.gif) repeat-x top; height: 38px; margin: 0 9px 0px 11px;  padding-left: 37px; }
	#content #menu li { float: left;}
	#content #menu li.active a { background:url(../images/bg.menu.active.gif); background-position: top !important; }

	#content #menu li a { background:url(../images/bg.menu.li.jpg);
						display: block; 
						line-height: 30px; 
						height: 38px;
						color: #fff; 
						font-size: 1.3em; 
						font-weight: bold; 
						padding: 0px 16px; 
						margin-right: 8px;  
	}
	
	#content #menu li a:hover { background-position: bottom; }
	
	/* iii. Promo */
	#content #promo { margin: 0 9px 0 11px; background: #2C547A; }
	
	/* vi. Body */
	#content #divbody { margin: 0px 9px 0 11px; padding: 40px 30px 20px 30px; background:url(../images/shadow.jpg) repeat-x top; overflow: hidden; }
	#content #divbody .feature { width: 425px; float: left; }
	#content #divbody .locations { width: 475px; float: left; }
	#content #divbody .facilities { width: 650px; float: left; }
	#content #divbody .locationsmain {
	width: 750px;
	float: left;
	background-image: url(../images/locations.promo.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 364px;
}
	#content #divbody .locationsmain { width: 750px; float: left; }
	.state {
	font-size: 2em;
	color:#f1f1f1;
	margin-top:95px;
	padding-left:80px;
	font-weight:bold;
	line-height:40px;
}
.state a { color:#fff!important; text-decoration:underline; }
	#content #divbody .sub { float: left; margin-left: 45px; }
	#content #divbody .hours { float: left; margin-left: 45px; }
	#content #divbody a { color:#3b6d99 ;}
	#content .sub p {  font-size: 1.3em; line-height: 1.5em; color:#0F567E!important; }
	#conent .sub a link { text-decoration:underline; font-weight:normal!important; }
	
	#content .hours p {  font-size: 1.2em; line-height: 1.5em; color:#0F567E!important; }
	#conent .hours a link { text-decoration:underline; font-weight:normal!important; }
	#content #divbody h1 { color: #a60f0f; }
	#content #divbody h2 { font-size: 24px; color: #0B354E; font-weight: normal; }
	#content #divbody h3 { font-size: 12px; color: #09344B; font-weight: bold; }
	#content #divbody p { color: #484848; margin-top: 10px; }
	#content #divbody ul { margin-top: 10px; }
	#content #divbody li { font-size: 1.2em; line-height: 1.5em; color: #484848; padding-left: 14px; background:url(../images/bullety.gif) no-repeat 0 4px;  }
	#content #crumb { font-size:10px; color:#3B6D99; margin-bottom:5px; }
	.menusub { color: #fff; font-size: 1.2em; font-weight: bold; background-image: url(../images/rightHeader.png); text-align: left; height: 25px; width: 231px; padding-top: 7px; padding-left: 3px; }
	
/***********\
| E and 1/2 | Rate Request
\***********/
	
	#request { background:url(../images/bg.requestrates.jpg) no-repeat center; height: 210px; margin-top: 7px; }
	
	#request h2 { padding: 12px; width: 272px; height: 36px; text-indent: -9999px; background:url(../images/header.requestratess.jpg) no-repeat bottom right; }
	#request dl { margin-top: 15px; }
	#request dt { float: left; width: 130px; text-align:right; color: #fff; font-size: 1.1em; line-height: 24px; margin-top: 7px; }
	#request dd { float: left; width: 242px; height: 24px; margin-left: 15px; margin-top: 7px; }
	#request input, #request select { width: 236px; background:#163f5d url(../images/bg.input.jpg) no-repeat; border:none; height: 23px; color: #fff; padding-left: 5px; }
	#request select { width: 246px; }
	
	#request button { border: none; background:url(../images/button.requestrates.png) no-repeat center; width: 125px; height: 36px; text-indent: -9999px; cursor: pointer; float: right; margin: 12px 24px; } 
	
/***\
| F | Referral Program 
\***/

	.referralForm { font-size: 12px; color: #09344B; font-weight: bold; margin-left:15px; padding-bottom:10px; }
	
/***\
| G | Footer 
\***/

	#footer { width: 784px; margin: 20px auto; color: #6a8198; text-align: center; font-size: .9em; }
	#footer ul li { display: inline; padding-right: 5px; padding-left: 3px; font-size: 1.2em; border-right: 1px solid #6a8198; }
	#footer ul li a { color: #163f5d; }	#footer ul li a:hover { color: #163f5d; text-decoration: underline; }
	#footer ul { margin-top: 3px; }
	
/***\
| H | Form Contact 
\***/

form {
	margin: 0 0 0em;
	padding: 0;
}

form input.text { background: #fcfefa; border: 2px solid #79B6EF; font-size: 1.2em; padding: 3px 5px; font-family: Arial, Verdana, sans-serif; color: #565656; width: 375px; height:19px; margin-bottom: 7px; }

form textarea { background: #fcfefa; border: 2px solid #79B6EF; font-size: 1.2em; padding: 3px 5px; font-family: Arial, Verdana, sans-serif; color: #565656; width: 375px; height:200px; margin-bottom: 7px; }

form input.captcha { background: #fcfefa; border: 1px solid #c1d885; font-size: 1em; padding: 3px 5px; font-family: Verdana, sans-serif; color: #565656; width: 165px; }
.version { font: 0.7em Georgia, "Times New Roman", Times, serif;}

form label { color: #0B3572; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 2em; }

form select { background:#fcfefa; border: 2px solid #79B6EF; width: 385px; height:27px; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; }

form span.required {

	font-family: Verdana, sans-serif;

	font-style: italic;

	color: #bbbbbb;

    font-size: .8em;

}

form fieldset { margin: 0; padding: 0; border: 0; }
form legend { display: none; }