@charset "utf-8";
/* CSS Document */

@import url(css/form.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
font: 16px/1.3 "Whitney SSm A","Whitney SSm B","ff-meta-web-pro",Arial,sans-serif;
text-decoration:none;
}

/*Define*/
	
a{color:#444025;}
a:hover{color:#6d6740;}
a.active{
	color:#6d6740;
	text-decoration:underline;
}

input.error{
	background-color:red;	
}


p{
	line-height:1.8em;
	margin: 1em 0;
	color:#2b251e;
}

/*Tiny Mce*/

img {vertical-align: middle;}

table {
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
}

a:active,
a:hover {outline: 0;}
:focus {outline: 0;}
b, strong{font-weight:bold;}
em, em strong{font-style:italic;}
strong em{font-weight:bold;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #343230;
    margin: 1em 0;
    padding: 0;
}

/*FONTS/////////////////////////////////////////////////////////////////////////////////////////////////*/




/*Add. Form/////////////////////////////////////////////////////////////////////////////////////////////*/

#send_email fieldset {
	width: 48%;
	float: left;
	margin: 1%;
	padding: 1%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	background: rgb(220, 212, 154);
	background: rgba(220, 212, 154, 0.5);
	-webkit-border-radius: 5px;
	border: 1px dashed #ccc;
	text-align: left;
}

#map-canvas {
	float:left;
	width: 65%;
	height: 300px;
	margin:2% 1%;
	border: 5px solid #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 4px #333;
	-moz-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
}

.info-windows{
	overflow:hidden;
	color: #333;
	max-width: none;
	padding:0px;
	margin:0px;
}

/*CSS Start/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


html{
	overflow:scroll;
	overflow-x: hidden;
}

body {
	
}

.background{
	background:url(images/bg.jpg) no-repeat left top fixed #fff;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

html, body{ height: 100%; }
body > #wrap {min-height: 100%;}
#wrap{ margin-bottom: -142px;}
#wrap:after {content: ""; display: block;}
#footer, #wrap:after {height: 142px;}

#container{
	position:relative;
	margin:0 auto 1% auto;
}

/*Branding///////////////////////////////////////////////////////////////////////////////////////////*/
#branding{
	position:relative;
	height:180px;
	margin-bottom:1%;
}

#logo{
	margin:0 auto;
	display:block;
	width:372px;
}

#branding address{
	position:absolute;
	right:0;
	top:0;
}

#lang{
	position:absolute;
	top:5px;
	right:10px;	
}

/*nav///////////////////////////////////////////////////////////////////////////////////////////////////*/
#nav{
	text-align:center;
	width:100%;
	background: rgb(60, 54, 42);
	background: rgba(60, 54, 42, 0.6);
	-webkit-box-shadow: 0px 0px 4px 0px #333; 
	box-shadow: 0px 0px 4px 0px #333; 
	border:1px solid #ae9b73;
}

#nav a{
	color:#fff;
	display:inline-block;
	text-align:center;
	padding:1%;
	font-family: 'Quattrocento', serif;
	font-weight: 400; 
	font-size:1.3em;
	line-height:1.4em
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}

#nav a:hover{
	color:#ccc;
}

#nav_dropdown{
	display:none;	
}

#breadcrumb{
	border-bottom:1px dotted #ccc;
	padding:1%;
}

#breadcrumb span{
	color:#666666;
}

#breadcrumb a{
	color:#c12c2f;
	font-weight:bold;
}

address.contact_form{
	padding:1%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
	border:1px solid #ccc;
	line-height:1.5em;
	margin-bottom:2%;
}

address.contact_form h2{
	margin:1% 0;
}

#left_inner{
	padding:1%;
	background: rgb(220, 212, 154);
	background: rgba(220, 212, 154, 0.5);	
}

#left_inner ul, #left_inner ol{
	margin:2%;
}

#intro{
	margin:0 0 2% 0;
	padding:1%;
	background: rgb(0, 0, 0);
	background: rgba(64, 56, 40, 0.8);
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
	-webkit-box-shadow: 0px 0px 4px 0px #333; 
	box-shadow: 0px 0px 4px 0px #333; 
}

#intro_inner{
	border:1px dashed #3f382d;	
	max-width:1200px;
	margin:0 auto;
	padding:2%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	text-align:center;
}

.intro1{
	color:#3f382d;
	font-family: 'Quattrocento', serif;	
	font-size:2.5em;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
	margin:0;
}

#intro p{
	color:#ece4ca;
	line-height:1.8em;
	margin:0;
	padding:.5%;
	font-family: 'Quattrocento', serif;
	font-size:2em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

}

.note{
	font-family: 'Quattrocento', serif;
	font-size:1.5em;
	font-style:italic;
	display:block;
	text-align:center;
	color:#333;
}

#banner img{
	border:10px solid #fff;;
	-moz-box-shadow: 0px 0px 4px #666666; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #666666; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #666666; /* Opera 10.5, IE9, Chrome 10+ */
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";*/
}

#guest_form{
	display:none;	
}

td{
	padding:1%;
	border-collapse:collapse;
	border-top:1px solid #4f473e;
	border-right:1px solid #4f473e;
}

table td + td + td + td + td, table td + td + td + td + td p {
  border-right:none;
  font-weight:bold;
}

tr td:first-child p{
	font-weight:bold;
}

/*Footer Section/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.3);
	text-align:center;
}

#footer a{
	padding:.5%;	
	display:inline-block;
	color:#ece4ca;
}


/* -- 600 and under ----------- */
@media all and (max-width: 600px){
	/*@media all and (max-width: 600px) and (min-width: 321px){*/
	#nav{
		display:block;
		width:98%;
	}

	#nav a{
		padding:1%;
		display:block;
		width:98%;
		margin:1% auto;
	}
	
	#browser_size a:before{
		content: "600 and under ";
	}
}

/* 601 to 720 ----------- */
@media all and (min-width: 601px) and (max-width: 720px){

	#browser_size a:before{
		content: "601 to 720 ";
	}
}

/* 720 on down ----------- */
@media all and (max-width: 720px){
	#logo{
		margin:0;
	}
	
	#nav{
		display:none;	
	}
		
	#nav_dropdown{
		display:block;
		width:98%;
		margin:0 auto;
	}
	
	div.width_50, #intro, #map-canvas{
		margin:1%;
		width:98%;	
	}
	
	#nav_dropdown select{
		width:100%;
		font-size:20px;
		font-weight:bold;
		padding:1%;
	}
	
	img.right{
		float:none;	
		display:block;
	}
	
	#send_email fieldset {
		width: 98%;
	}
	
	input[type=text] {
		width: 96%;
	}
}

/* 721 to 960 ----------- */
@media all and (min-width: 721px) and (max-width: 960px){

	#browser_size a:before{
		content: "721 to 960 ";
	}
}

/* X on down ----------- */
@media all and (max-width: 960px){
	#nav a {
		font-size: 1em;
		padding:1% .5%;
		font-weight:bold;
	}
}

/* 961 to 1200 ----------- */
@media all and (min-width: 961px) and  (max-width: 1200px){

	#browser_size a:before{
		content: "961 to 1200 ";
	}
}


@media all and (min-width: 1200px) {
	#container {
		max-width:1200px;
	}
	
	#browser_size a:before{
		content: "1200: ";
	}
}

/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { 
	position:relative; 
	margin:0 auto; 
	max-width:1200px;
	background: #fff; 
	zoom: 1;
	border:5px solid #fff;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
	-webkit-box-shadow: 0px 0px 6px 0px #a96513; 
}
.flex-viewport {
	max-height: 2000px; 
	-webkit-transition: all .9s ease; 
	-moz-transition: all .9s ease; 
	transition: all .9s ease;
}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}

span.testimonial{
	position:absolute;
	bottom:10px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	color:#000;
	display:block;
	padding:10px;
	width:700px;
	color:#fff;
}

.testimonial_header{
	font-family: 'Quattrocento', serif;
	font-weight: 400; 
	font-size:3em;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
	display:block;
}

.testimonial_wording{
	letter-spacing:1px;
	line-height:1.6em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	
}

.readmore{
	font-weight:inherit;
	line-height:inherit;
	color:#aa0204;
	font-style:inherit;
}


/*.carousel li {margin-right: 5px}*/

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 40px; height: 80px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -40px; }
.flex-direction-nav .flex-prev {left: -40px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: -20px; 
	text-align: left;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.clear, 
#clear{clear:both;display:block;}

.extra{
	height: 0;
	-webkit-box-shadow: none; 
	box-shadow: none;
	border:none;
}

.break{
	width: 100%;
	height: 0;
	-webkit-box-shadow: none; 
	box-shadow: none;
	border:none;
}

/*Reuseable Code*/

.max_1200{max-width:1200px; margin:0 auto;}
.width_98{width:98%;}
.width_90{width:90%;}
.width_80{width:80%;}
.width_70{width:70%;}
.width_60{width:60%;}
.width_50{width:50%;}
.width_48{width:48%;}
.width_40{width:40%;}
.width_33{width:33%;}
.width_30{width:30%;}
.width_25{width:25%;}
.width_20{width:20%;}
.width_18{width:18%;}

.padding_1{padding:1%;}
.padding_2{padding:2%;}
.padding_3{padding:3%;}
.padding_4{padding:4%;}
.padding_5{padding:5%;}


.width_98,
.width_90,
.width_80,
.width_70,
.width_60,
.width_50,
.width_48,
.width_40,
.width_33,
.width_30,
.width_25,
.width_20,
.padding_1,
.padding_2,
.padding_3,
.padding_4,
.padding_5{
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
 }

/*Reuseable Code*/

/*Tiny Mce build in*/

/*Text*/
	.text_left{text-align:left;}
	.text_center{text-align:center;}
	.text_right{text-align:right;}
	.justified{text-align:justify;}
	
	.blue{color:#143b49;}
	.red{color:red;}
	.green{color:#358e65;}

/*Block*/
	.block{display:block;}
	.center{margin:0 auto;}
	.left{float:left;}
	.right{float:right;}
	
/*Images*/	
	.img_center{
		display:block;
		margin:0 auto;
	}
	
	.img_size{
		max-width: 100%;
		height: auto;
	}
	
	img.inserted_photo{
		-webkit-box-shadow: 0px 0px 4px 0px #333; 
		box-shadow: 0px 0px 4px 0px #333; 
		border:1px solid #fff;
		margin:1%;
	} 

/*Headers*/
	.header_1, .header_2, .header_3{
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
		margin:.25em 0;
		color:#2b251e;
		font-family: 'Francois One', sans-serif;
	}
	
	.header_1{
		font-size:2em;
	}
	
	.header_2{
		font-size:1.8em;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin:.5em 0;
	}

	h1{font-size: 2em;}
	h2{font-size: 1.5em;}
	h3{font-size: 1.17em;}
	h4{font-size: 1em;}
	h5{font-size: 0.83em;}
	h6{font-size: 0.75em;}


/*My Stuff///////////////////////////////////////////////////////////////////////////////////*/
#id_corner{
background-color:#999;
padding:5px;
color:#333;
}

#id_corner a{
color:#333;
}