/***************************************************

HOP Cities CSS Doc

***************************************************/

/* Reset CSS */
@import url("reset.css");


/**** HOP CITIES LANDING PAGE ****/


body {
	background:url(../img/background.jpg) repeat-x fixed;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

/***************************************************
	Base Structure
***************************************************/

.top_container, .tiled_container, .footer_container {
	width:990px;
	margin:0;
	float:left;
	clear:both;
	overflow-x:hidden;
}

.top_container {
	background:url(/img/topper_bg.png) top left no-repeat;
	padding:0 0 0 40px;
}
.tiled_container {
	background:url(/img/center_tile.png) top left repeat-y;
	padding:0 0 0 40px;
}
.footer_container {
	background:url(/img/footer_back.png) top left no-repeat;
	height:150px;
	padding:12px 0 0 30px;
	color:#FFF;
	font-size:10px;
}
.left_content {
	float:left;
	width:686px;
}

/***************************************************
	Nav Bar - Logo Bar
***************************************************/
.logo_navbar {
	float:left;
	width:675px;
	/*margin:71px 0 10px 0; original margin settting without nav.*/
	margin:71px 0 0 0;
	height:104px;
}

.logo {
	float:left;
	height:102px;
	width:138px;
	margin:0;
}
.phone_number {
	float:right;
	height:13px;
	width:496px;
	padding:0;
	margin:0;
}
.coming_soon {
	float:right;
	width:334px;
	padding:10px 0 0;
	margin:0;
	text-align:right;
}

.top_copy {
	float:right;
	width:503px;
	padding:10px 0 0;
	margin:0;
	text-align:right;
}

.navigation {
	height:21px;
	width:503px;
	float:right;
	text-align:right;
	margin:0 8px 0;
	_maging:0 5px 0;
}

.navigation a{
	background:url(../img/button_background.jpg) top center no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#709132;
	display:block;
	float:right;
	font-size:10px;
	height:21px;
	margin:0 1px;
	padding:4px 1px 5px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:152px;
}
.navigation a:hover {
	color:black;
	text-decoration:underline;
}


/***************************************************
	Center Large (home/landing)
***************************************************/

.center_large {
	float:left;
	/*height:362px;*/
	width:676px;
	margin:0;
}


/***************************************************
	Home Page Banner Area
***************************************************/

.banners_landing {
	float:left;
	width:675px;
	clear:left;
	display:block;
}
.banners_landing a img {
	float:left;
	margin:10px 15px 10px 0;
}
.banners_landing a.last img {
	float:left;
	margin:10px 0 10px 0;
}

/***************************************************
	Right Rail
***************************************************/

.right_rail {
	float:left;
	margin:29px 0 0 0;
	width:255px;
	min-height:600px;
	font-size:10px;
}
.right_rail .reserve_form {
	float:left;
	background:url(/img/righ_form_bck.png) top left no-repeat;
	min-height:400px;
	width:225px;
	margin:0;
	padding:0 18px 8px 8px;
}

.right_rail .reserve_form .tab1, .right_rail .reserve_form .tab2, .right_rail .reserve_form .tab1 a, .right_rail .reserve_form .tab2 a {
	width:107px;
	float:left;
	text-indent:-999em;
	height:15px;
	display:block;
}
.reserve_form h1 {
	height:50px;
	text-indent:-999em;
	display:block;
	margin:0;
	padding:0;
}

.reserve_form input.request_box, .reserve_form select.request_box {
	background:url(/img/formfield_bck.jpg) top left no-repeat;
	height:20px;
	width:214px;
	border:none;
	color:#A7A7A7;
	font-size:11px;
	float:left;
	padding:4px 0 0 4px;
	margin-top:5px;
}

.reserve_form select.request_box_short {
	background:url(/img/formfield_bck_short.jpg) top left no-repeat;
	height:20px;
	width:60px;
	border:none;
	color:#A7A7A7;
	font-size:11px;
	float:left;
	padding:4px 0 0 4px;
	margin-top:5px;
}

input.request_btn{
	color: #353535;
	background:url("/img/reserve_pickup_btn.jpg") top left;
	font-size:9px;
	text-transform:uppercase;
	margin:8px 0 4px 30px;
	height:31px;
	width:153px;
	outline:none;
	text-indent:-999em;
	border:none;
	cursor:pointer;
}

.request_btn{
	text-indent:-999em;
}
.reserve_form .green, .reserve_form .green a {
	color:#A7CD3D;
}
.rightform_footer {
	float:left;
	background:url(/img/rightForm_bottom.png) top left no-repeat;
	height:2px;
	width:240px;
	margin:0;
	padding:0 18px 8px 8px;
}
	
.events_box {
	float:left;
	width:241px;
	margin:10px 0;
	font-size:9px;
}
.events_box h2 {
	width:241px;
	height:45px;
	background:url(/img/event_box_hdr.jpg) top center no-repeat;
	text-indent:-999em;
	display:block;
	margin:0;
	padding:0;
}
.events_box p {
	margin:2px 0 2px 10px;
}
.events_box a {
	color:#3A1F16;
}
span.required {
	font-weight: bold;
	color: red;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
input.error {
	border:1px red solid;
}
form label.error, label.error {
	color:red;
	font-size:9px;
	float:left;
	clear:both;
	width:100%;
}
div.error {
	display:none;
}
.reserve_form input.error, .reserve_form select.error, .reserve_form textarea.error {
	border:1px solid red;
}