/* Siblify CSS   Reset 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,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}

ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/* MAIN STYLES */

html, body {
	overflow-x: hidden;
}
body {
color:#000;font-size:12px;
font-family:"HelveticaNeue-Light", Helvetica Neue, Helvetica, Arial, sans-serif;
background:#e4f0f8 url(../images/clouds_repeat.png) center repeat-y; 
}

#container{
width:940px;
text-align:left;
margin:0 auto;
height: auto;
overflow: hidden;
position: relative;
padding:0;
background: #e4f0f8;
}

#background {background: url(../images/clouds.jpg) center top no-repeat;}

#wrapper{
padding-bottom: 11px; background:url(../images/hills.gif) center bottom repeat-x; width: 100%; }


#wrapper > p{width: 920px; margin: 140px auto 0 auto; color: #344d1a; padding-left: 20px; font-size: 11px;}
#wrapper > p a{color: #344d1a;}
 
#home #slides { width:470px; height:318px; float: left; margin-right: 1px;}

.clearboth{clear:both;}

/*universal headings */
h1{ display: none;}
h2 {font-size: 21px; color:#0f2034; font-weight: normal; margin: 0 0 10px 0;}
h3 {font-size: 16px; color:#174B86; font-weight: normal; margin: 0 0 10px 0;}
h4 {font-size: 16px; color:#174B86; font-weight: normal; margin: -5px 0 10px 0;}
 
/*text, links, lists */

p{font-size:14px;margin:0 0 12px; line-height: 21px;color:#0f2034;}
p span { font-weight: bold; }
p [onmouseout^=_tipoff]{ font-weight: normal; }

a{color:#174b86; font-weight: bold; text-decoration: none;}
a:hover{color: #2a72c4;}

dt a, dt{ color:#071320;  font-weight: normal; }
dt a:hover {color: #000;}

 

/*header*/
#lang_selector {height: 35px; width: 100%; background:url(../images/topband_blend_green.png) left top repeat-x; }
.blue #lang_selector {height: 35px; width: 100%; background:url(../images/topband_blend.png) left top repeat-x; }


#lang_selector p {width: 915px; margin: 0 auto; text-align: right; padding: 9px 20px 0 0;}
#lang_selector p a, #lang_selector p {color: #fff; font-weight: normal;} 
#lang_selector p a.selected {font-weight: bold;}

#header {padding:15px 20px 9px 20px; background:url(../images/sunburst_banner_green.jpg)  left top no-repeat; height: auto; overflow: hidden; position: relative; }
.blue #header {padding:15px 20px 9px 20px; background:url(../images/sunburst_banner.jpg)  left top no-repeat; height: auto; overflow: hidden; position: relative; }

#header a {float: right; display: block; margin: -8px 0 0 10px;}
#header a#logo {float: none; margin: 0;}

/*top content*/

#top_content{ margin: 21px 0; padding: 1px 21px 1px 20px; background: #fff; height: auto; overflow: hidden;}
#top_content img{float: left; margin:1px 0 0 1px;} 
#top_content ul + img +img, #top_content ul + img, #slides img, #slides + img {margin:0 0 0 1px;}

/*mainnav*/

#nav {float: right; width: 300px;}
#nav li {background:url(../images/nav_blend.gif) left top no-repeat;font-size:20px; line-height: 21px;padding-top:1px;}
#nav li a, #nav li span a, #nav li span a{ font-weight: normal; display: block; padding: 8px 0 9px 10px; color: #081522; background:url(../images/nav_current_blend.gif) 0 0 no-repeat; font-size:20px;}
#nav li a.active,  #nav li a:hover {background:url(../images/nav_current_blend.gif) 0 -245px no-repeat; color: #081522;}
#home #nav a[href="/"]{background:url(../images/nav_current_blend.gif) 0 -245px no-repeat !important;}
.external_link > span:first-child{background:url(../images/external.png) right 5px no-repeat; padding-right: 20px; }

#nav > li:first-child {background:none;padding-top:0;} 
#nav > li:first-child a{padding: 9px 0 9px 10px;} 
#nav span.description {color:#63717f; font-weight: normal; display: block; font-style: italic; font-size: 11px; line-height: 14px;}
#nav span a span {margin: 9px 0 0 0;}
/*articles*/

.article {width:580px; margin: 0 0 0 21px; float: left; background:url(../images/about_art_divider.gif) left top no-repeat; padding: 20px 0;}

#contact + .article {background: none; padding: 0 0 20px;}

/* contact sidebar */

#contact {float:right; width: 259px; background: #e4f0f8 url(../images/contact_bground.png) left top no-repeat; margin: 0 21px 0 0; padding: 20px; position: relative; min-height: 270px;}
.vine {position: absolute; top:-21px; right: -21px;}

/*galleries*/

img.in, img.out {position: absolute;left: 0px; top: 0px;}
.holder{position: relative;}

.gallery_caption {
position: relative;
 background: #e4f0f8 url(../images/contact_bground.png) center top no-repeat;
width: 152px;
height: 318px;
float: left;
margin: 0 0 0 1px;}

.gallery_caption p{
width: 131px;
position: absolute;
bottom: 0px;
left: 0px;
 background: #e4f0f8 url(../images/contact_bground.png) center -130px no-repeat;
padding: 20px 0 20px 20px; 
display: none;
margin: 0;
}

.gallery_caption > p:first-child{
display: block;
}

.gallery_caption a{
background: url(../images/magnifier.png) right top no-repeat;
padding: 0 20px 0 0;
}

.gallery_main_image{
position: relative;
float: left;
background: #e4f0f8;
width: 425px;
height: 318px;}

.gallery_main_image img{
position: absolute;
top:0px;
left: 0px;
}

.gallery_thumbnails {
width: 587px;
margin-left:  16px;
}

.gallery_thumbnails img:hover{
cursor: pointer;
}

.gallery_thumbnails img{
margin: 0 0 4px 0;
padding: 1px 5px 5px 5px;
background:url(../images/thumb_bgrnd.png) center top no-repeat; }
/*attractions*/


#attractions .article img.side_img{float: left; margin:3px 10px 12px 0; border: 2px solid #fff; display: block;}
#attractions .article  h3{clear: both; padding: 5px 0 0 0;  line-height: 14px; } 
#attractions .attraction {height: auto; overflow: hidden;}
/*about*/
#about .holder{width: 205px; height: 155px; }
.about_vans{width: 210px; float: left; margin: 0 20px 0 0; background: #B4D2EB url(../images/contact_bground.png) center 50px no-repeat; padding: 5px 0 5px 5px;}
.about_vans img{margin: 0;border: none; padding: 0;float: left;margin: 0 2px 2px 0; display: inline;}
.about_vans p {font-size: 11px; padding-top: 2px;clear: both; margin: 0; color: #5f7888; font-style: italic;}
.van_image_thumb:hover {cursor: pointer;}

/*contact page*/
 
.article form{ width: 309px; float: left}
form p{ line-height:17px;} 
form label{ width: 85px; display: block; float: left;}
form input {margin:4px 0 0;width: 300px;height: 20px;background-color:#fff;border: 1px solid #B4D2EB; padding:0 2px;}
form input#submit { border: none; width: auto; height: auto; margin: 0 0 0 0px; padding:0; float: right;}
form input:focus {background-color:#faf7fb;border:1px solid #6f8fa5;}
form textarea {padding:2px; background-color:#fff; border: 1px solid #B4D2EB; width:300px; height:120px; font-size:1em; font-family:Helvetica, Arial, sans-serif; margin:4px 0 0;}
form textarea:focus {background-color:#faf7fb;border:1px solid #6f8fa5;
}

#directions_panel{
/*
position: absolute;
left: -1000px;
*/
padding-bottom: 20px;}

.hide { position:absolute; left:-2000px;}
 
#show_directions, #hide_directions {
display:none;
}

#show_directions:hover, #hide_directions:hover {
cursor: pointer;
}


/* Mobile amends */

#header a#mobile-nav {
	position: absolute;
	right: 2%;
	top: 27px;
	height: 0;
	width: 48px;
	background:url(../images/mobile-menu-icon.png) center center no-repeat;
	padding-top: 40px;
	overflow: hidden;
	display: none;
	z-index: 100;
}

@media only screen and (min-width: 940px) {
	#nav { 
		display: block !important;
	}
	}
@media only screen and (max-width: 940px) {
	
	#header a#mobile-nav  { 
	display:block;
}


	#container {
		width: 100%;
	}
	
	#header {
		width: 96%;
		padding: 15px 2% 9px;	 
		overflow: visible;
	}
	
	#header > a:first-child {
		position: absolute;
		top: 100px;
		right: 2%;	
		z-index: 100;
	}
	
	header a#logo {
		z-index: 80;
	}
	
	#lang_selector p  {
		width: 96%;
		padding: 9px 2% 0;
	}
	#nav {
		width: 100%;
		display: none;
		float: none;
	}
	
	#slides {
		width: 100% !important;
		height: 0px !important;
		padding-bottom: 60%;
		}
	#slides img{
		width: 100%;
		height: auto;
		}
	#top_content {
		width: 100%;
		padding: 0; 
		margin: 0 0 15px;
	}
	#top_content > img {
		display: none;
		}
	
	#top_content > #nav + img  {
		display: block;
		width: 100%;
		height: auto; 
	}
		
	#container .article {
		width: 96%;
		padding: 0 2%;
		float: none;
		margin: 0;
		clear: both;
		margin-bottom: 10px;
		height: auto;
		overflow: hidden;
	}
	.for-sale #container .article + .article {
		padding: 20px 2% 0;
		}
	#contact{
		display: none;
	}
	.contact #contact{
		display: block;
		width: 92%;
		padding: 2% 2% 0;
		margin: 2%;
		background: #b8d6ee;
		border-radius: 10px;
		float: none;
	} 
	#wrapper > p {
		width: 100%;
	}
	.gallery_main_image {
		width: 100%;
		float: none;
		height: 0px;
		padding-bottom: 75%;
	}
	.gallery_main_image img{
		width: 100%;
		height: auto;
		float: none !important;
		}
	.gallery_caption {
		height: auto;
		float: none;
		clear: both;
		width: 100%;
		 
		height: 49px;
		background: #c5ddf1;
	}
	.gallery_caption p {
		background: none;
		padding: 15px;
		}
	.gallery_caption a.lightBox, .gallery_caption p br {
		display: none;
	}
	
		 
}



@media only screen and (max-width: 930px) {
 
	
	#header { 
		background-position: -10px 0;
	}
}
	

@media only screen and (max-width: 520px) {
	p {
		font-size: 15px;
		line-height: 21px;
	}
	#header a#logo {
		width: 300px;
		margin-top: 4px; 
	}
	#logo img {
			width: 100%;
			height: auto;
			}
	.article form {
		width: 96%;
		float: none;
		}
	.article form input[type=text], .article form textarea{
		width: 100%;
	}
	
	.about_vans {
		width: 100%;
		padding: 0;
		background: none;
		border: none;
		padding-top: 10px;
	}
	 
 
}	
	
@media only screen and (max-width: 440px) {
	#header a#logo {
		width: 230px;
		margin: 7px 0; 
		} 
	}