/*
-------------------------------------------------------- 
Bonterra Location page Stylesheet
Author: Mediumrare
Author URI: http://mrare.ca

-------------------------------------------------------- 
*/

#location {
	background: url('/images/location/location_bg.jpg') top left no-repeat;
}

#location_copy {
	background: url('/images/location/location_copy.png') top left no-repeat;
	display: block;
	height: 96px;
	left: 157px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	top: 240px;
	width: 739px;
}

#location_buttons {
	display: block;
	left: 144px;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	position: relative;
	top: 260px;
	width: 264px;
}

#location_buttons li a {
	background-image: url('/images/location/location_buttons.gif');
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
}

#send_message {
	background-position: 0 0;
	width: 222px;
}

#send_message:hover {
	background-position: -264px 0;
}

#location_map {
	background-position: 0 -50px;
	margin-top: 10px;
	width: 175px;
}

#location_map:hover {
	background-position: -264px -50px;
}

#photo_gallery {
	background-position: 0 -100px;
	margin-top: 10px;
	width: 155px;
}

#photo_gallery:hover {
	background-position: -264px -100px;
}

/*----------------------------------
 * MODAL BOXES
 *----------------------------------
 */

#contact_form_container, #map_container, #contact_success, #contact_fail {
	display: none;
}

.close_link {
	color: #654329;
	text-decoration: none;
}

.close_link:hover {
	color: #936745;
}

#contact_form_nojs {
	background-color: #000;
	display: block;
	height: 298px;
	margin: 0 auto;
	padding: 30px;
	width: 460px;
}

.error, .success {
	background-color: #040404;
	display: block;
	font-family: 'Georgia', 'Times New Roman', serif;
	padding: 30px;
	text-align: center;
	width: 460px;
}

.error {
	margin: 0 auto;
}

.success {
	margin: 0 auto;
	position: relative;
	top: 300px;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#030303; padding: 50px 30px 30px 30px; font-family: 'Georgia', 'Times New Roman', serif; color: #dfd0b9;}
#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:12px;
	right:12px;
	cursor:pointer;
}

#contact_form label {
	color: #dfd0b9;
	display: block;
	float: left;
	font-family: 'Georgia', 'Times New Roman', serif;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 10px;
	width: 120px;
}

#name, #email {
	margin-bottom: 10px;
}

#name, #email, #comment {
	background-color: #030303;
	border: 1px solid #dfd0b9;
	color: #dfd0b9;
	font-family: 'Georgia', 'Times New Roman', serif;
	font-size: 0.8em;
	padding: 5px;
	width: 325px;
}

#send_button {
	background: url('/images/location/send_button.gif') top left no-repeat;
	display: block;
	height: 35px;
	margin: 20px 0 0 120px;
	overflow: hidden;
	text-indent: -9999px;
	width: 97px;
}

#send_button:hover {
	background-position: -97px 0;
}

#toURL {
	display: none;
}

#map_title {
	color: #dfd0b9;
	font-family: 'Georgia', 'Times New Roman', serif;
	margin: -20px 0 20px 0;
	padding: 0;
}

address {
	color: #bb9e72;
	font-family: 'Georgia', 'Times New Roman', serif;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#map_copy {
	color: #bb9e72;
	font-family: 'Georgia', 'Times New Roman', serif;
}

#map_copy a {
	color: #dfd0b9;
	font-weight: bold;
	text-decoration: none;
}

#map_copy a:hover {
	text-decoration: underline;
}

#location_map_image {
	border: none;
}

/*add in reservations button*/

#location_buttons li a#make_reservation {
	background-image: url('/images/home/home_buttons.gif');
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	width: 294px;
}

#back_patio {
	background-image: url('/images/patio_party/back_to_patio_button.gif') !important;
	display: block;
	height: 35px;
	margin: 450px 0 0 30px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	background-position: 0 0;
	width: 194px;
	z-index: 9999;
}

#back_patio:hover {
	background-position: -195px 0;
}

