/*
Theme Name: Indian River Lagoon Custom Theme
Theme URI: http://www.websolvers.com 
Author: TidyThemes
Author URI: http://www.websolvers.com
Description: A custom theme developed for Indian River Lagoon
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

*/

/* ---------------------------------------------------------------------------------------------------------- 
Resets ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		vertical-align: baseline;
		}
		/* remember to define focus styles! */
	:focus {
		outline: 0;
		}
		
	body {
		line-height: 1;
		}

	ol, ul ,li{
		list-style: none;
		}

		/* tables still need 'cellspacing="0"' in the markup */
	table {
		
		}

	caption, th, td {
		text-align: left;
		font-weight: normal;
		}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
		}
	
	blockquote, q {
	quotes: "" "";
	}
	
	em {
		font-style:italic;
	}
	
	strong {
		font-weight:bold;
	}
	

/* ---------------------------------------------------------------------------------------------------------- 
Fonts ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import url("//hello.myfonts.net/count/2974ec");

  
@font-face {
	font-family: 'AvenirLTStd-Light';
	src: url('fonts/2974EC_0_0.eot');
	src: url('fonts/2974EC_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/2974EC_0_0.woff') format('woff'),
	rl('fonts/2974EC_0_0.ttf') format('truetype');
	}
 
  
@font-face {
	font-family: 'TradeGothicLTPro-BdCn20';
	src: url('fonts/2974EC_1_0.eot');
	src: url('fonts/2974EC_1_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/2974EC_1_0.woff') format('woff'),
	url('fonts/2974EC_1_0.ttf') format('truetype');}

@font-face {
    font-family: 'springlightregular';
    src: url('fonts/calligraphic-inkspringlight-regular-webfont.eot');
    src: url('fonts/calligraphic-inkspringlight-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calligraphic-inkspringlight-regular-webfont.woff') format('woff'),
         url('fonts/calligraphic-inkspringlight-regular-webfont.ttf') format('truetype'),
         url('fonts/calligraphic-inkspringlight-regular-webfont.svg#springlightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ---------------------------------------------------------------------------------------------------------- 
Custom Grid ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	.tribe_mini_calendar_widget .widget-title { display:none;}
	.full-width-wrap{ padding:40px;position: relative;}
	.home .full-width-wrap {padding:20px 24px;color:#317288;}
	.full-width-wrap:after {
		content: "";
		  display: table;
		  clear: both;
	}
 .tribe-mini-calendar .tribe-events-othermonth { background-color: #F1E5C3; }
	.one-third{
		width: 260px;
		height: auto;
		float: left;
		margin: 11px 20px;
		}
		
		.home .one-third {width:31%;margin:11px 10px;}
		
	.two-thirds{
		width: 560px;
		height: auto;
		float: left;
		margin: 11px 20px;
		}
		
		.home .two-thirds {margin:11px 10px;width:588px;}
		
		.first, .home .first {
			margin-left:0;
		}
		
		.last, .home .last {
			margin-right:0;
		}
		
		.clear {
			clear:both;
		}
		#naturalAreas ul li a img.attachment-620x166, #recreation ul li a img.attachment-420x166, #culturalSites ul li a img.attachment-420x166, #bywaySideTrips ul li a img.attachment-420x166{ width:420px;}
		#naturalAreas ul li a img.attachment-420x166{ width:420px;}
		#naturalAreas ul li a img.attachment-420x345, #recreation ul li a img.attachment-420x345, #culturalSites ul li a img.attachment-420x345, #bywaySideTrips ul li a img.attachment-420x345{ height:345px;}
		
	 @media screen and (max-width:768px) {
	 .one-third{width: 100%;}	 
	 .one-third img{width: 90%;}	 
	 .two-thirds{width: 100%; text-align:center;}	 
	 .two-thirds img{width: 100%;}
	 .map-text{ text-align:left;}
	 .home .two-thirds {width:100%;}
	 <!--.widget { float:none !important;}-->
	 }
		

	 @media screen and (max-width:480px) {
	 .full-width-wrap{margin: 0;padding:0 15px;}

	.one-third{
		width: 89%;
		margin: 0;
		padding: 5px 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		
		}
		
	.two-thirds{
		width: 100%;
		margin: 0;
		padding: 5px 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		}
	#naturalAreas ul li a img.attachment-620x166, #recreation ul li a img.attachment-420x166, #culturalSites ul li a img.attachment-420x166, #bywaySideTrips ul li a img.attachment-420x166{ width:100%;}
		#naturalAreas ul li a img.attachment-420x166{ width:100%;}
		#naturalAreas ul li a img.attachment-420x345, #recreation ul li a img.attachment-420x345, #culturalSites ul li a img.attachment-420x345, #bywaySideTrips ul li a img.attachment-420x345{ height:auto;}	

	 }

/* ---------------------------------------------------------------------------------------------------------- 
Main Template Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */ 
  			
	body{
		font-family: 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:13px;
		line-height:1.65em;
		color: #676767;
		position: relative;
		z-index: 500;
		/*The following will need to be replaced with a background plugin to avoid the image being distorted*/
		background:#ffffff url('img/site-bg.jpg') fixed no-repeat center top; 		
		
		-webkit-background-size: cover;
		-moz-background-size:cover;
		-o-background-size: cover;
		background-size: cover;
		}
		
		p {margin-bottom: 10px;}
		
		.calloutText {
			width:75%;
			font-size:16px;
			margin:10px auto 40px;
		}
		
		a {
			color:#6c9ca2;
		}
		
		a:hover {
			color:#87cbdc;
		}
		
		hr {
			background-color: #008b98;
			color:#008b98;
			border:none;
			height:1px;
			margin:2em 0;
		}
	
		
	#main-content{
		margin:0 auto;
		position: relative;
		z-index: 1000;
		width: 940px;
		height: auto;
		background:#ffffff url('img/bg-pattern.png') repeat; 
		-moz-box-shadow: 0 0 24px 1px rgba(1,1,1,.3); /* outer glow */
		-webkit-box-shadow: 0 0 24px 1px rgba(1,1,1,.3); /* outer glow */
		box-shadow: 0 0 24px 1px rgba(1,1,1,.3); /* outer glow */
		}
		
	.top-bar{
		height: 32px;
		background:url('img/top-bar.png') repeat center top;
		}
		
	.logo{
		position: absolute;
		top:48px;
		left:45px;
	}
	
	.clear {clear: both;}	
	
	
@media screen and (max-width:768px) {
	#main-content{width: 750px;}
	}
	
@media screen and (max-width:480px) {
	#main-content{width: 100%;}
	.top-bar{height: 100px;}
	.logo{position: absolute; top:5px; left:50%; margin-left: -100px;}
	.calloutText {width:100%;}
	.gallerythumb { width: 100%;}
	#content .gallerythumb code { width: 100%; margin-left:0;}
	#content .gallerythumb .gallery{ width:100%}
	dd.wp-caption-text { color: #908885; !important; width: 100%;}
	}
@media screen and (max-width:420px){
	/*.page div.pp_pic_holder{ display:none !important;}
	.page div.pp_overlay{ display:none !important;}
	#content .gallerythumb .gallery dl dt a{ cursor:default;}*/
	}	
	h1,h2,h3,h4,h5 {
		font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		margin:1em 0 .5em;
	}
	
	h1:first-child, h2:first-child, h3:first-child, h4:first-child {
		margin-top:0;
	}
	
/* ---------------------------------------------------------------------------------------------------------- 
Navigation ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
	.nav-bar{
		background:url('img/nav-bar-bg.png') repeat;
		float: left;
		width: 100%;
	}
	
	.nav-wrap{width: 60%; float: left;}
	
	.nav-wrap ul {
		margin:0;
	}
	
	.nav-wrap li{
		display: inline-block;
		list-style-type: none;
		padding:0;
		}
		
	.nav-wrap li:before {
		display:none;
	}
		
	.nav-wrap a{
		display: inline-block;
		/*margin: 15px 0 15px 12px;*/
		font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 18px;
		color: #f5edce;
		/*line-height:1em;*/
		text-decoration: none;
		}

	.mobile-divider{display: none;}
		
	.social-media-wrap{
		width: 19%;
		float: left;
		text-align: right;
		padding-top: 10px;
		padding-right: 5px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */		
		}
		
	.social-media-wrap ul {
		margin:0;
	}
	.social-media li{
		display: inline;
		list-style-type: none;
		padding:0;
		}
	.social-media li:before {
		display:none;
	}
		
	.social-media li img{padding-right:5px;}
	
	.search-box-wrap{
		width: 19%;
		float: left;
		padding-top: 10px;
		}
	
	.search-box{
		width: 174px;
		padding: 4px 5px;
		border: 1px solid #848484; /* stroke */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		background-color: #f1e5c3; /* layer fill content */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		}
		
		.search-box:after {
		  content: "";
		  display: table;
		  clear: both;
		}
		
		.menu-main-menu-container ul.menu li.current-menu-item a { 
			color:#62bfde;
		}.menu-main-menu-container ul.menu li.current-page-ancestor a { 
			color:#62bfde;
		}
		
		
		
	.nav-bar .search-box label {
		text-indent: -9000px;
		overflow: hidden;
	}
	
	.nav-bar .search-box input {
		background-color: #f1e5c3; 
		border:none;
		float:left;
		width:140px;
	}
	
	.nav-bar .search-box input[type="submit"] {
		background:url(img/search.png) no-repeat;
		float:right;
		height:19px;
		text-indent: -9000px; 
		text-transform: capitalize; /* For IE */
		width:19px;
	}
	
	.screen-reader-text {
		position: absolute;
		left: -9000px;
	}
	
	@media screen and (max-width:768px) {
		.nav-bar{margin-bottom: 10px;}	
		.nav-wrap{width: 67%; float: left; padding-left: 10px;}		
		.nav a{margin: 15px 0 15px 5px; font-size: 17px;}		
		.social-media-wrap{width: 13%; padding-right: 5;}		
		.social-media li img{padding-right:0;}		
		.search-box-wrap{width: auto;}		
		.search-box{width: 130px; padding: 5px 5px 0 5px;}		
		}
		
	@media screen and (max-width:480px) {
		.nav-bar{padding-bottom: 20px;}	
		.nav-wrap{width: 100%; padding-left: 0;}
		.nav li {margin:0;}
		.nav li a{margin:0; width: 100%; padding: 20px 0; font-size: 24px; text-align: center; border-bottom: 1px solid #20505f;}
		.social-media-wrap{width: 100%; text-align: center;}
		.search-box-wrap{width: 100%;}
		.search-box{width: 90%; padding: 10px; margin: 0 auto;}
		}
	
	
/* ---------------------------------------------------------------------------------------------------------- 
Footer ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

	.footer{
		width: 100%;
		background-color: #317288;
		clear: both;
		font-size:13px;
		min-height: 316px;
		padding-top: 25px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		
		}
		
	.footer .post-title {margin: 15px 0 0 0;}
	
	.footer .post-title a{color:#62bfde; text-decoration: none; font-size: 14px;}
	
	.footer .post-title a:hover{text-decoration: underline;}
	
	.footer p{color:#ffffff; line-height: 1.25em; margin-top: 5px;}
	
	.widget{float: left;}
	
	.widget h3{font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; margin-bottom: 20px; color: #f5edce;}


	/*BOX A*/


	.recent-posts{
		width: 320px;
		margin: 0 20px 0 40px;
	}
	/*BOX B*/
	
	.planning-a-trip{
		width: 260px;
		margin: 0 20px;
	}
	
	.subscribe{margin-top: 5px;}
	
	.footer input{
		width: 43%;
		height: 28px;
		border: 1px solid #51b7da; /* stroke */
		background-color: #439dbb; /* layer fill content */
		margin-bottom: 12px;
		padding:0 0 0 10px;
		color:#fff;
		}
	
	.footer input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		font-size: 12px;
		color: #20505f !important;
		}
		
	.footer .submit-button{
		width: 84px;
		height: 26px;
		background-color: #2dc9d3; /* layer fill content */
		float: right;
		margin-right:10px;
		color: #ffffff; 
		font-size: 15px;
		padding:0px !important;
		}

	/*BOX C*/	
	
	
	.by-way-photos{
		margin: 0 30px 0 0;
	}
	
	.photo-wrap{width: 230px;}
	
	.photo-box{
		float: left;
		margin: 0 12px 12px 0;
	}
	
	.photo-box img{border: 2px solid #fff; /* stroke */}
	
	
	 @media screen and (max-width:768px) {
	 
	.recent-posts{width: 92%;margin: 0 10px 20px 20px;}	
	.planning-a-trip{margin: 0 10px;width:92%;}
	.by-way-photos{margin: 0 10px 0 10px;width:92%;}
	.photo-wrap {width:100%;}
	.footer .submit-button{ float: right;margin-right:10px;}
}	

 @media screen and (max-width:480px) {
	 
	.recent-posts{
		width: 100%;
		margin: 0;
		padding: 10px 20px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		}	
	.planning-a-trip{
		width: 100%;
		margin: 0;
		padding: 10px 20px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.by-way-photos{
		width: 100%;
		margin: 0;
		padding: 10px 20px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.photo-wrap{width: 100%;}
	
	.photo-box{
		float: left;
		margin: 0 7px 10px 0;
	}
	
	.submit-button{float: left; clear: both; width: 95px;}
	
	input{float: left; padding: 0 5px;}
	.footer .submit-button{ float: right;margin-right:18px;}
}


@media screen and (max-width:220px) {
	.planning-a-trip img{width: 100%;}
	.photo-box img{width: 129px;}
}
	

/* ---------------------------------------------------------------------------------------------------------- 
Sub Footer ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
		.sub-footer{
			float:left;
			width: 100%;
			background-color: #20505f;
			color: #439dbb;
			text-align: center;
			font-size: 14px;
			padding: 17px;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			}
		
		.sub-footer-nav{margin-bottom: 10px;}
			
		.sub-footer-nav li{display: inline; list-style-type: none;padding:0;}
		
		.sub-footer-nav li:before {content:'';display:none;}
		
		.sub-footer-nav li:after {
			content: " | ";
		}
		.sub-footer-nav li:last-child:after{content: " ";}
		
		.sub-footer-nav a{color: #439dbb; text-decoration: none;}
		
		.sub-footer-nav a:hover{color: #51b7da; text-decoration: underline;}
		

		
		
/* ---------------------------------------------------------------------------------------------------------- 
Logos ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
	.logo-box{
		margin:0 auto;
		position: relative;
		z-index: 1000;
		width: 940px;
		height: 196px;
		text-align: center;	
	}
	
	.logo-box img{padding: 17px;}

	
	
	 @media screen and (max-width:768px) {	 
	 	.logo-box{width: 100%; height: 150px;}	 
	 	.logo img{width: 200px; height: 85px;}
	 }
	
	
	

	
/* ---------------------------------------------------------------------------------------------------------- 
Home Page Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
	.slider{
		height: auto;
		}
		
		
	.slider-nav{
		width: 97%;
		height: auto;
		position: absolute;
		top: 270px;
		left:1.5%;
		z-index: 1000;
	}
	
	.prev-slide{
		width: 47px;
		height: 54px;
		background: url('img/LeftArrow.png') no-repeat;
		float: left;
		}
	
	.next-slide{
		width: 47px;
		height: 54px;
		background: url('img/RightArrow.png') no-repeat;
		float: right;
		}
		
	.bullets{
		height: auto;
		top: 410px;
		left:450px;
		position: absolute;
		z-index: 1000;
	}
		
		
	.slider-text{
		width: 50%;
		height: auto;
		position: absolute;
		top: 225px;
		left:160px;
		z-index: 1000;
		}
		
	.slider-text h1{
		color: #f8f4f4; /* text color */
		font:bold 61px 'springlightregular';
		margin:0;
		text-shadow: 0 -2px 10px rgba(1,1,1,.75); /* drop shadow */
		}
		
	.slider-text h2{
		font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #f8f4f4; /* text color */
		font-size: 30px;
		margin:0;
		text-shadow: 0 -2px 10px rgba(1,1,1,.75); /* drop shadow */
		margin-left: 60px;
		}
		
		
	.sponsors{
		font-family: 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:16px;
		color: #908885;
		margin-top: 14px;
		text-align: center;
		width:100%;
		float:left;
	}	
	.sponsors img{padding: 3%; padding-bottom: 5px;}
	
	
	/*INTERACTIVE MAP*/
	
	.interactive-map{
		width: 100%; 
		height: auto;
		background: url('img/light-teal-texture.png') repeat;
		padding:5px 0px 10px 0px;

		}
		
	.map img{width: 40%; float: right;}
	
	.map-text{
		width: 60%;
		float: left;
		padding-left: 23px;
		padding-top: 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		}
		
	.map-text h2{
		color: #c97e1d; /* text color */
		font-family: 'springlightregular';
		font-size: 36px;
		margin:0;
		padding:0;
		line-height:1em;
		}
		
	.map-text h3{
		color: #00727c; /* text color */
		font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 28px;
		padding-bottom: 10px;
		margin:0;
		line-height:1em;
		}
		
	.map-text p{line-height: 16px; padding-bottom: 5px;margin:0;}
	
	.view-map-btn{
		float: left;
		line-height:1em;
		padding: 8px 10px 8px 10px;
		background-color: #222023; /* layer fill content */
		background-image: -moz-linear-gradient(bottom, #d88c29 0%, #ffd450 99.76%, #ffd450 100%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, #d88c29 0%, #ffd450 99.76%, #ffd450 100%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, #d88c29 0%, #ffd450 99.76%, #ffd450 100%); /* gradient overlay */
		background-image: linear-gradient(bottom, #d88c29 0%, #ffd450 99.76%, #ffd450 100%); /* gradient overlay */
		}
		
	.view-map-btn a{
		line-height:1em;
		padding-right: 15px;
		color: #135179;
		font-size: 13px;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(143,218,255,.5); /* drop shadow */
		background: url('img/arrow.png')no-repeat center right;
		}

	
	
	
	/*CALENDAR WIDGET*/
	
	.title-wrap{width: 90%; margin: 0 auto;}
	
	.title{float:left; width: 60%; margin-bottom: 10px; color:#d88c29; font-size: 24px; text-align: center;}
	
	.cal-prev{float:left; width: 20%; text-align: center; margin-top: 5px;}
	
	.cal-next{float:left; width: 20%; text-align: center; margin-top: 5px;}	
	
	.calendar table{width: 100%; padding: 0; border-collapse: collapse; margin-bottom: 11px; font-size: 16px; line-height:0px !important;}
	
	.calendar table .table-header{
		background: url('img/calendar-title-bg.jpg') repeat-x;
		padding-bottom:5px;
		}
	
	.calendar table th{text-align: right; padding: 8px 7px;}
	
	.calendar table tr{height: 28px;}
	
	.calendar table td{padding: 5px;}
	
	.calendar table span.highlight{
		width: 21px;
		height: 21px;
		background: url('img/highlight.png') no-repeat;
		}  
  
  
  @media screen and (max-width:768px) {
  
  	.slider{height: auto;}	
	.slider .slide img{width: 100%;}		
	.slider-nav{top: 170px;}		
	.bullets{width: auto; top: 325px; left:340px;}		
	.slider-text{top: 175px; left:125px;}				
	.sponsors img{padding: 1%; width: auto;width:18%;}
	.map-text h3{font-size: 21px;}
	

	/*CALENDAR WIDGET*/	
	.title{font-size: 18px;}	
	.cal-prev{margin-top: 0;}	
	.cal-prev img{width: 20px; height: 19px;}	
	.cal-next{margin-top: 0;}	
	.cal-next img{width: 20px; height: 19px;}	
	.calendar table{font-size: 14px;}	
	.calendar table .table-header{height: 35px;}	
	.calendar table tr{height: 21px;}	
	.calendar table td{padding: 0;}
	}
	
	
	
	@media screen and (max-width:480px) {
	.slider{height: auto;}	
	.slider-text{width: 60%; text-align: center; left:50%; margin-left: -30%; top:160px;}
	.slider-text h1{font-size: 50px;}		
	.slider-text h2{font-size:24px;	margin-left: 0;}
	.bullets{top: 280px; left:50%; margin-left: -43px;}
	.sponsors{margin: 20px 0;}
	.calendar{width: 60%; margin-left: 90px;}
	}
  
  
	@media screen and (max-width:320px) {
	.slider{height: auto;}	
	.slider-text h1{font-size: 45px;}		
	.slider-text h2{font-size:21px;	margin-left: 0;}
	.slider-text{top:110px;}
	.slider-nav{top: 150px;}
	.prev-slide{width: 23px; height: 26px; background-size: 23px 26px;}	
	.next-slide{width: 23px; height: 26px; background-size: 23px 26px;}		
	.bullets{top: 210px;}
	.calendar{width: 100%; margin-left: 0;}
	.interactive-map{height: auto;}
	.map-text{float: right; width: 100%; padding-left: 10px; padding-top: 10px; padding-bottom: 20px;}
	.map img{width: 100%;}


	}
	
	
/* ---------------------------------------------------------------------------------------------------------- 
Sub Footer ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
		.sub-footer{
			float:left;
			width: 100%;
			background-color: #20505f;
			color: #439dbb;
			text-align: center;
			font-size: 14px;
			padding: 17px;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			}
		
		.sub-footer-nav{margin-bottom: 10px;}
			
		.sub-footer-nav li{display: inline; list-style-type: none;}
		
		.sub-footer-nav a{color: #439dbb; text-decoration: none;}
		
		.sub-footer-nav a:hover{color: #51b7da; text-decoration: underline;}
		

		
		
/* ---------------------------------------------------------------------------------------------------------- 
Logos ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
	.logo-box{
		margin:0 auto;
		position: relative;
		z-index: 1000;
		width: 940px;
		height: 196px;
		text-align: center;	
	}
	
	.logo-box img{padding: 17px;}

	
	
	 @media screen and (max-width:768px) {	 
	 	.logo-box{width: 100%; height: 150px;}	 
	 	.logo img{width: 200px; height: 85px;}
		.quote-block, blockquote { width:70%; }
		
	 }
	
	
	

	
/* ---------------------------------------------------------------------------------------------------------- 
Sub Page Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
	
	.sub-banner{
		height: 318px;
		}
		
	.sub-nav-wrap{
		clear:both;
		width: 100%;
		text-align: center;
		background:url('img/sub-nav-bar.png') repeat; 
		padding: 34px 0 1px 0;
	}		
	
	.sub-nav-wrap:after {
		  content: "";
		  display: table;
		  clear: both;
		  
	}
		
	.sub-nav-wrap h1{
		color: #ffffff;
		font-size: 60px;
		font-family: 'springlightregular';
		margin-bottom: 20px;
		line-height: 40px;
	}
	
	.sub-nav ul {
		margin:0;
	}
	
	.sub-nav li{
		display: inline-block;
		list-style-type: none;
		padding:0;
	}
	
	.sub-nav li:before {
		display: none;
	}
	
	.sub-nav a{
		color: #ffffff; /* text color */
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 12px;
		display:inline-block;
		border-bottom:5px solid transparent;
	}
	
	.sub-nav a:hover,
	.sub-nav li.current-menu-item a {
		border-bottom: 5px solid #c77f29;
		color: #FFDD5F;
	}
	
	#content {
		clear:both;
	}
	
	#content h1 {
		color: #c67f29; /* text color */
		font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 41px;
		padding-bottom: 10px;
		margin:20px 0 0;
		text-align: center;
	}
	
	#content h1:first-child {
		margin-top:0;
	}
	
	#content h1.noBottomMargin {
		margin-bottom:0;
	}
	
	ul {
		margin-bottom:1em;
	}
	
	ul li {
		position: relative;
		padding-left:15px;
		
	}
	
	ul li:before {
		/*content:"•";*/
		color:#00727d;
		font-size:20px;
		line-height:16px;
		position: absolute;
		left:0;
		top:5px;
	}
	ul li li:before {
		content:"»";
		font-size:14px;
	}
	
	.quote-block, blockquote{
		color: #20505f; /* text color */
		font-size: 18px;
		line-height: 28px;
		font-style: italic;
		width: 65%; margin: 0 auto; text-align: center; padding-bottom: 15px;}
	
	.quote-block span, blockquote span.quotes{
		color: #66a2b5; /* text color */
		font-size: 83px;
		font-style: italic;
		margin: 0;
		padding: 0;
		white-space:nowrap;
		vertical-align: bottom;
		line-height: 2px;
	}
	
	.quote-block span.quotes:last{
		margin-right 0;
	}
	
	
	.body-text{margin: 0 20px;}
	
	.history-slider{
		width: 100%;
		text-align: center;
		float: left;
		clear: both;
	}
	
	.history-slider img{
		width: 100%;
	}
	
	.history-slider-mobile{display: none;}
	
	.history-slider-mobile img{width: 100%}
	
	.bird{position: absolute; bottom: 0px; right: 0;line-height:0;font-size:0;}

 
  
  @media screen and (max-width:768px) {
  
  	.sub-banner{height: 254px;}	
	.sub-banner img{width: 100%;}
	.quote-block h1{margin-bottom: 30px;}
	.bird{position: absolute; bottom: 556px; right: 0; display:none;}	
	.one-third { width:100% !important; margin:20px 0 0 0 !important; text-align:center; }
	.one-third img { width:100%; height:auto; text-align:center; margin:0 auto; }
	}	
	
	
	
	@media screen and (max-width:480px) {
	.sub-banner{height: 162px;}	
	.sub-nav li{width: 100%; display: block; margin: 10px 0;}
	.one-third img{max-width: 100%; float: left;}
	.history-slider{display: none;}
	.history-slider-mobile{display: block;}
	.two-thirds.address {min-height: 400px;}
	.bird { display:none;}
	.slider-scroll-outer .bottom-shadow { height:9px; }
	
		
		}
  
  
	@media screen and (max-width:320px) {
	.sub-banner{height: 108px;}	
	.one-third img{max-width: 100%;}
	.two-thirds.address {min-height: 450px;}
	.bird{position: absolute; bottom: 1224px; right: 0;}	

	}

/* ---------------------------------------------------------------------------------------------------------- 
Traveler's Guide  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.hovertabs {
	background:url(img/travelers-category-bg.png) repeat-x left 44px;
	margin-bottom:40px;
	text-align: center;
}

.hovertabs li {
	display:inline-block;
	text-transform: uppercase;
	font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #c77f29;
	margin:0 20px;
	text-align: center;
	padding:0;
}

.hovertabs li a {
	color:#00727d;
	display:inline-block;
	padding:100px 0 0 0;
	position: relative;
	text-decoration: none;
	width:120px;
}

.hovertabs li a:before {
	content:'';
	background:url(img/travelers-guide-natural-areas.png) no-repeat;
	display:block;
	left:50%;
	margin-left:-37px;
	position: absolute;
	top:7px;
	width:74px;
	height:74px;
}

.hovertabs li a:hover,
.hovertabs li.current a {
	background:url(img/travelers-guide-current-bg.png) no-repeat top center;
	color: #c77f29;
}

.hovertabs li#naturalAreasTab a:before {
	background-image:url(img/travelers-guide-natural-areas.png);
}

.hovertabs li#recreationTab a:before {
	background-image:url(img/travelers-guide-recreation.png);
}

.hovertabs li#culturalSitesTab a:before {
	background-image:url(img/travelers-guide-cultural-sites.png);
}

.hovertabs li#bywaySideTripsTab a:before {
	background-image:url(img/travelers-guide-byway-side-trips.png);
}

.hovertabsContent {
	clear:both;
}
.hovertabsContent ul li {
	float:right;
	clear:right;
	height:167px;
	position: relative;
	overflow:hidden;
	margin-bottom:11px;
	padding:0;
}
.hovertabsContent ul li:before,
.hovertabs li:before {
	/*display:none; */
	content:'';
}
.hovertabsContent ul li:first-child {
	float:left;
	clear:left;
	height:auto;
	overflow: inherit;
}

.hovertabsContent ul li h4 {
	position: absolute;
	left:10px;
	bottom:10px;
	color: #fff;
	font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-shadow: 0 2px 2px rgba(1,1,1,.75);
	text-transform: uppercase;
}

.hovertabsContent .viewAll {
	clear:both;
	text-align: center;
}

.hovertabsContent .viewAll a {
	color: #1f4f5f;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(143,218,255,.5);
	text-decoration: none;
}

.hovertabsContent .viewAll a:after {
	background:url(img/arrow-orange.png) no-repeat;
	content:'';
	display:inline-block;
	width:19px;
	height:19px;
	position: relative;
	top:5px;
	margin-left:5px;
}

/* ---------------------------------------------------------------------------------------------------------- 
About  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.palmFrond {
	position: relative;
	right:-35px;
}

/* ---------------------------------------------------------------------------------------------------------- 
Video ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.videoPreview {
	padding-right: 20px;
	float:left;
	font-size:14px;
	line-height:18px;
	width:420px;
	margin-bottom:15px;
	min-height:350px;
}

.videoPreview:nth-child(2n) {
	padding:0;
}

.videoThumbnail {
	position: relative;
	display:block;
}

.videoThumbnail:after {
	content:'';
	display:block;
	background:url(img/video-thumbnail-overlay.png) no-repeat;
	height:64px;
	width:65px;
	left:50%;
	top:50%;
	margin-top:-32px;
	margin-left:-32px;
	position: absolute;
}

.videoPreview img {
	max-width:100%;
}

.videoPreview h2 {
	color:#c77f29;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:.5em;
}

@media screen and (max-width:768px) {
	.videoPreview {
		margin-left:auto;
		margin-right:auto;
		float:none;
		padding:0;
	}
}

/* ---------------------------------------------------------------------------------------------------------- 
Communities ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#content .grid-4 {
	font-size:0; /* Gets rid of the space between inline-block elements */
	clear:both;
	text-align: center;
}

#content .grid-4 li:before, 
#content .grid-4 li li:before {
	content:'';
	display:none;
}

#content .grid-4 li {
	background-color: #adc7bf;
	display:inline-block;
	font-size:13px;
	margin:0 20px 20px 0;
	padding:0;
	position: relative;
	text-align: left;
	vertical-align: top;
	width:200px;
}

#content .grid-4 li:nth-child(4n) {
	margin-right:0;
}

#content .grid-4 li:last-child {
	margin-right:0;
}

#content .communities li {
	height:165px;
	overflow: hidden;
}

#content .communities h4 {
	position: absolute;
	bottom:15px;
	left:10px;
	color: #fff;
	font-size: 24px;
	line-height:1.25em;
	margin:0;
	text-shadow: 1px 2px 2px rgba(1,1,1,.65);
	text-transform: uppercase;
}

@media screen and (max-width:768px) {
	#content .grid-4 li:nth-child(4n) {
		margin-right:20px;
	}
	#content .grid-4 li:nth-child(3n) {
		margin-right:0;
	}
	.bird {
		display:none !important;
	}
	.sub-banner { 
		height:auto !important;
	}
	.slider-scroll-outer .bottom-shadow {
		height:12px !important;
	}
}

@media screen and (max-width:480px) {
	#content .grid-4 li:nth-child(3n) {
		margin-right:20px;
	}
	#content .grid-4 li:nth-child(2n) {
		margin-right:0;
	}
	.slider-scroll-outer .bottom-shadow {
		height:9px !important;
	}
}
  
  
@media screen and (max-width:320px) {
	#content .grid-4 li, #content .grid-4 li:nth-child(3n), #content .grid-4 li:nth-child(4n) {
		margin-right:0;
	}
	.sub-banner {
		height:auto !important;
	}
}

/* ---------------------------------------------------------------------------------------------------------- 
Members ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.blueEmphasized {
	color:#76a3a6;
	font-weight:bold;
	font-style: italic;
}

.orangeCallout {
	background:url(img/orange-callout-bg.jpg);
	color:#fff;
	margin-bottom:2em;
	padding:20px;
}

.orangeCallout h4 {
	font-size:1.75em;
	text-transform: uppercase;
	color:#00727D;
}

h2.small {
	font:bold 16px 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#d88d2a;
}

h3.small {
	font:bold 14px 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#62bfde;
	margin-bottom:0;
}

.archive {margin-top:2em;}

.archive h4 {
	background:#439dbb;
	color:#fff;
	font:bold 13px 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	padding:5px;
}

.archive h5 {
	font:bold 13px 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.archive ul li {
	
}

.yellowCallout {
	width: 130px;
height: 77px;
-moz-border-radius: 0 0 0 / 0 0 81px;
-webkit-border-radius: 0 0 0 / 0 0 81px;
border-radius: 0 0 0 / 0 0 81px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: 1px 2px 10px rgba(1,2,2,.25);
-webkit-box-shadow: 1px 2px 10px rgba(1,2,2,.25);
box-shadow: 1px 2px 10px rgba(1,2,2,.25);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE0NSA4NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmJkZjg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjllN2IzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNDUiIGhlaWdodD0iODQiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(bottom, #fbdf87 0%, #f9e7b3 100%);
background-image: -o-linear-gradient(bottom, #fbdf87 0%, #f9e7b3 100%);
background-image: -webkit-linear-gradient(bottom, #fbdf87 0%, #f9e7b3 100%);
background-image: linear-gradient(bottom, #fbdf87 0%, #f9e7b3 100%);

float:right;
margin-left:15px;
font-size:12px;
padding:10px;
margin-top:-20px;
}

.yellowCallout h5 {
	border-bottom:1px solid #d88c29;
	color: #317288;
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	padding-bottom:5px;
	margin:0 0 5px 0;
	text-align: center;
}

.yellowCallout p {
	margin:0;
	line-height:1.5em;
}

.yellowCallout a {
	color:#317288;
	display:block;
	text-decoration: none;
}

.yellowCallout a:hover {
	color:#2eabd8;
}

.yellowCallout a span {
	color:#2eabd8;
	font-weight:bold;
	font-size:16px;
	float:right;
	margin-right:5px;
}

#content ul.noStyle,
#content ul.noStyle li {
	margin:0;
	padding:0;
	
}
#content ul.noStyle li a { color:#d88d2a; text-decoration:none;}
#content ul.noStyle li a:hover { color:#d88d2a; text-decoration:underline;}

#content ul.noStyle li:before,
#content ul.noStyle li li:before {
	display:none;
}

@media screen and (max-width:768px) {

}

@media screen and (max-width:480px) {
	.yellowCallout {
		clear:both;
		float:none;
		margin:1em auto;
		width:100%;
		box-sizing: border-box;
		height:auto;
	}
}
  
  
@media screen and (max-width:320px) {

}

.accordion li {
	padding:0;
	margin:0;
}

.accordion>li {
	border-bottom:1px dashed #bcbec0;
}

.accordion>li h5{
	cursor: pointer;
	height:18px;
	margin:0;
	position: relative;
	padding:5px 20px 5px 0;
}

.accordion li:before {
	display:none;
}

.accordion>li h5:after {
	content: ' ';
	display:block;
	width:16px;
	height:18px;
	background:url(img/accordion-arrow.png) no-repeat bottom;
	position: absolute;
	right:0;
	top:3px;
}

.accordion>li.current h5:after {
	background-position: top;
	top:8px;
}

.accordion>li>ul {
	overflow:hidden;
}
.wrapperjcursol {
    max-width: 940px;
    padding: 0 20px;
    margin: auto;
}

/*------------ IRL Travels Along NatureArchie starts here ------------------------------------*/
.page-wrapper {
	
}
/*#main-content {
	background:url(images/body-bg.png) repeat #fff;
}*/
.tilt {
	transform: rotate(6deg);
	-webkit-transform: rotate(6deg);	
}

.tilt img {
	border-style: solid;
	border-color: #317288;
	border-width: 19px 20px 21px;
	-moz-border-image: url(turtle.png) 19 20 21 stretch;
	-webkit-border-image: url(turtle.png) 19 20 21 stretch;
	-o-border-image: url(turtle.png) 19 20 21 stretch;
	border-image: url(turtle.png) 19 20 21 fill stretch;
}

#main-content .main-naturearchie {
	padding-top:15px !important;
}
#main-content .nature-archienav {
	margin:26px 0 0 0;	
}
#main-content .nature-archienav ul {
	width:504px;
	margin:0 auto 22px auto;
}
#main-content .nature-archienav ul li {
	display:inline-block;
	list-style-type:none;
	padding:0px;
}
#main-content .nature-archienav ul li a {
	display:inline-block;
	text-align:left;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 6px 4px 6px;
	border-bottom:transparent;
}
#main-content .nature-archienav ul li a:hover { 
	border-bottom:6px solid #c77f29;
}
#main-content .natural-areaslist {
	text-align:center;
	margin:0 auto;
	color:#317288;
}
#main-content .natural-areaslist a {
	display:inline-block;  
	text-align:left;
	text-decoration:none;
	color:#317288;
	font-size:12px;
	font-weight:700;
	letter-spacing:-.3px;	
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .natural-arealist1 {
	width:103px;
	background:url(images/natural-areasarrow.png) 96px center no-repeat;
}
#main-content .media-newstitle {
	margin:38px 0 0 0;
}
#main-content .media-newstitle h2 {
	text-align:center;
	color:#c77f29;
	font-size:36px;
	line-height:40px;
	margin:0px;
	padding:0 0 10px 0;
	font-family: 'Oswald', sans-serif;
}
#main-content .media-newstitle span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#676767;
	font-size:15px;
	font-family: 'Oswald', sans-serif;
}
#main-content .media-newsdetail {
	display:inline-block;
	width:100%;
	margin:24px 0 14px 0;
}
#main-content .media-newsdetail img {
	float:left;
	width:54%;
	height:auto;
	padding:5px 19px 8px 0;
}
#main-content .media-newsdetail p {
	color:#676767;
	font-size:13px;
	line-height:20px;
	padding:0 0 12px 0;
	margin:0px;
}
#main-content .media-newsdetail a ,
.linkcenter a{ 
	margin:8px 0 0 0;
	font-weight: 500;
	text-decoration: none;
	color: #676767;
}

#main-content .media-newsdetail a:hover,
.linkcenter a:hover  {
	color: #fff;
}

.linkcenter {
	display: inline-block;
	padding: 5px 10px;
	background-image: -moz-linear-gradient(bottom, #d78f37 0%, #edb74b 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #d78f37 0%, #edb74b 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #d78f37 0%, #edb74b 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #d78f37 0%, #edb74b 100%); /* gradient overlay */
}
#main-content .naturearchie-info {
	margin:0 0 45px 0;
}
#main-content .naturearchie-shadow {
	height:20px;
}
#main-content .naturearchie-detail {
	border-top:1px solid #008c99;
	border-bottom:1px solid #008c99;
	padding:16px 0 0 0;
	/*display:inline-block;*/
	width:100%;
}
#main-content .naturearchie-left {
	float:left;
	min-height: 170px;
	width:540px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .naturearchie-left span {
	display:inline-block;
	text-align:left;
	color:#c77f29; 
	font-size:14px;
	padding:0 0 10px 0;
}
#main-content .naturearchie-left p {
	text-align:left;
	color:#676767;
	font-size:13px;
	line-height:20px;
	padding:0 0 30px 0;
	margin:0px;
}
#main-content .naturearchie-btmshadow {
	height:18px;
}
#main-content .naturearchie-right {
	position:absolute;
	width:310px;
	height:254px;
	margin:-43px 0 0 575px;
}
#main-content .naturearchie-btmnav {
	width:580px;
	margin:0 auto;
	text-align:center;
}
#main-content .naturearchie-navicon {
	float:left;
	width:125px;
	margin:0 12px 0 12px;
	text-align:center;
}
#main-content .naturearchie-navicon:first-child {
	margin:0px;
}
#main-content .naturearchie-navicon a {
	display:inline-block;
	width:100%;
	height:73px;
	background:url(images/nav-icon1.png) 22px top no-repeat;
	text-align:center;
}
#main-content .naturearchie-navicon:nth-child(2) a {
	display:inline-block;
	width:100%;
	height:73px;
	background:url(images/nav-icon2.png) 22px top no-repeat;
	text-align:center;
}
#main-content .naturearchie-navicon:nth-child(3) a {
	display:inline-block;
	width:100%;
	height:73px;
	background:url(images/nav-icon3.png) 22px top no-repeat;
	text-align:center;
}
#main-content .naturearchie-navicon:nth-child(4) a {
	display:inline-block;
	width:100%;
	height:73px;
	background:url(images/nav-icon4.png) 22px top no-repeat;
	text-align:center;
}
#main-content .naturearchie-navicon span {
	display:inline-block;
	width:125px;
	text-align:center;
	color:#00727d;
	font-size:18px;
	font-weight:600;
	margin:13px 0 0 0;
	letter-spacing:-.7px;
	font-family: 'Oswald', sans-serif;
}


/*------------ IRL Travels Media News starts here ------------------------------------*/
#main-content  .media-newsouter {
	margin:0 0 275px 0;
}
#main-content  .media-newsouter h2 {
	text-align:center;
	color:#c77f29;
	font-size:28px;
	font-family:'Oswald', sans-serif;
	font-weight:normal;
	padding:0 0 19px 0;
	margin:0px;
}
#main-content .medianews-detail {
	border-top:1px solid #008c99;
}
#main-content .medianews-leftouter {
	float:left;
	width:555px;
}
#main-content .medianews-left {
	float:left;
	width:548px;
	padding:19px 0 15px 0;
	border-bottom:1px solid #008c99;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .medianews-left1 {
	float:left;
	width:35px;
	height:36px;
}
#main-content .medianews-right1 {
	float:right;
	width:505px;
}
#main-content .medianews-date {
	text-align:left;
	color:#317288;
	font-size:13px;
	line-height:16px;
}
#main-content .medianews-rightinner1 {
	text-align:left;
	color:#c77f29;
	font-size:16px;
	font-weight:700;
}
#main-content .medianews-rightinner1 .span {
	display:inline-block;
	text-align:left;
	color:#797874;
	font-size:13px;
	font-style:italic;
	margin:0;
}
#main-content .medianews-right1 p {
	text-align:left;
	color:#676767;
	font-size:13px;
	line-height:18px;
}
#main-content .medianews-right1 p a {
	color:#d88d2a;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	padding:0 0 0 4px;
	text-decoration:none;
}
#main-content .medianews-right1 p a:hover{ text-decoration:underline;}
#main-content .medianews-right {
	float:right;
	width:260px;
	margin:23px 0 0 0;
}
#main-content .medianews-right img {
	margin:0 0 22px 0;
}
#main-content .latestnews-form {
	padding:18px 10px 13px 10px;
	background-color:#e5d9ae;
	opacity:.8;
	min-height:170px;
}
#main-content .latestnews-form h3 {
	/*text-align:center;*/
	color:#317288;
	font-size:18px;
	/*font-weight:600;*/
	text-transform:uppercase;
	padding:0 0 14px 0;
	font-family: 'Oswald',sans-serif;
}
#main-content .latestnews-formrow {
}
#main-content .latestnews-formrow input[type="text"] {
	display:inline-block;
	width:222px;
	height:28px;
	padding:0 8px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	text-align:left;
	color:#20505f;
	font-size:15px;
	margin:0 0 13px 0;
	font-family: 'Oswald',sans-serif;
}
.subscribebtnme { background:url(images/subscribe-btn.png) no-repeat; width:84px; height:26px; cursor:pointer; border:none; float:right; }


/*------------ IRL Contact starts here ------------------------------------*/
#main-content .contact-outer {
	margin:0 0 15px 0;
}
#main-content .contact-top {
	border-bottom:1px solid #008c99;
	padding:0 0 35px 0;
	margin:0 0 28px 0;
	font-size:14px;
	text-align:center;
}
#main-content .contact-top p {
	width:642px;
	margin:0 auto;
	text-align:center;
	color:#676767;
	font-size:16px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .main-contact {
}
#main-content .contact-left {
	float:left;
	width:538px;
}
#main-content .contact-left span {
	display:inline-block;
	text-align:left;
	color:#c77f29;
	font-size:14px;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .contact-left form {
	margin:16px 0 0 0;
}
#main-content .contact-formrow {
	margin:16px 0 20px 0;
}
#main-content .contact-field1 {
	float:left;
	width:255px;
}
#main-content .contact-field1 label {
	text-align:left;
	color:#4d4e4e !important;
	font-size:14px;
	font-weight:bold !important;
	padding:0 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#main-content .contact-field1 label span {
	font-size:14px;
	color:#c77f29;
}
#main-content .contact-field1 input[type="text"] {
	display:inline-block;
	width:244px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 6px;
}
#main-content .contact-field2 input[type="email"] {
	display:inline-block;
	width:244px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 6px;
}
#main-content .contact-field2 {
	float:right;
	width:255px;
}
#main-content .contact-field2 label {
	text-align:left;
	width:100%; 
	color:#4d4e4e !important;
	font-size:14px;
	font-weight:bold !important;
	padding:0 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .contact-field2 label span {
	font-size:14px;
	color:#c77f29;
}
#main-content .contact-field2 input[type="text"] {
	display:inline-block;
	width:242px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 6px;
}
#main-content .contact-field3 {
	margin:0 0 20px 0;
}
#main-content .contact-field3 label {
	display:inline-block;
	width:100%;
	text-align:left;
	color:#4d4e4e;
	font-size:14px;
	padding:0 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#main-content .contact-field3 span {
	font-size:14px;
	color:#c77f29;
}
#main-content .contact-field3 input[type="text"] {
	display:inline-block;
	width:526px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 6px;
}
#main-content .contact-fieldstate {
	float:left;
	width:81px;
}
#main-content .contact-fieldstate label {
	display:inline-block;
	width:100%;
	text-align:left;
	color:#4d4e4e;
	font-size:14px;
	padding:0 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .contact-fieldstate span {
	font-size:14px;
	color:#c77f29;
}
#main-content .contact-fieldstate input[type="text"] {
	display:inline-block;
	width:73px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 4px;
}
#main-content .contact-fieldzipcode {
	float:right;
	width:157px;
}
#main-content .contact-fieldzipcode label {
	display:inline-block;
	width:100%;
	text-align:left;
	color:#4d4e4e;
	font-size:14px;
	padding:0 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .contact-fieldzipcode span {
	font-size:14px;
	color:#c77f29;
}
#main-content .contact-fieldzipcode input[type="text"] {
	display:inline-block;
	width:145px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:0 6px;
}
#main-content .contact-field1 select {
	display:inline-block;
	width:244px;
	height:33px;
	background-color:#fff;
	border:1px solid #c4c1b5;
	padding:6px;
}
#main-content .contact-checkboxrow {
	margin:16px 0 9px 0;
	position:relative;
}
#main-content .contact-checkboxrow .customsetting{
	left: 32px;
    position: absolute;
    top: 75px;
}
#main-content .contact-checkboxrow .checkboxes .last{ margin-top:20px;}
#main-content .contact-checkboxrow label {
	float:left;
	width:auto;
	text-align:left;
	color:#c77f29;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:0 0 0 3px;
	width:100%;
}
#main-content .contact-checkboxrow input[type="checkbox"] {
	float:left;
	width:17px;
	height:17px;
	background-color:#fff;
	border:1px solid #c3c1b5;
}
#main-content .checkbox-right {
	float:right;
	width:90%;
	color:#4d4e4e;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
	margin:0 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .checkbox-right span {
	display:inline-block;
	width:auto;
	text-align:left;
	color:#4d4e4e;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}
#main-content .contact-field3textarea {
	margin:17px 0 0 0;
}
#main-content .contact-field3textarea label {
	float:left;
	width:auto;
	text-align:left;
	color:#c77f29;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:0 0 5px 3px;
	width:100%;
}
#main-content .contact-field3textarea textarea {
	display: inline-block;
	width: 526px;
	height: 153px;
	background-color: #fff;
	border: 1px solid #c4c1b5;
	padding: 0 6px;
	resize:none;
}
#main-content .contact-field3textarea input[type="submit"] {
	float:right;
	width:117px;
	height:32px;
	background:url(images/submit-formbtn.png) left top no-repeat;
	border:none;
	cursor:pointer;
}
#main-content .contact-right {
	float:right;
	width:260px;
	margin:13px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
#main-content .contact-right span {
	display:inline-block;
	width:100%;
	text-align:left;
	color:#c77f29;
	font-size:14px;
	font-weight:bold;
}
#main-content .contact-address {
	margin:15px 0 25px 0;
}
#main-content .contact-address p {
	text-align:left;
	color:#686868;
	font-size:14px;
	line-height:18px;
}
#main-content .contact-address a {
	text-decoration:none;
	color:#686868;
	font-size:14px;
}
#main-content .contact-socialicons {
	display:inline-block;
	width:100% !important;
	width:auto;
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	border-bottom:1px solid #008c99;
}
#main-content .contact-socialicons span {
	float:left;
	width:auto;
	text-align:left;
	color:#c77f29;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
}
#main-content .contact-socialouter {
	float:left; 
	width:90px;
	margin:0 0 0 10px;
}
#main-content .contact-social1 {
	float:left;
	width:26px;
	margin:0 0 0 6px;
}
#main-content .contact-social1:first-child {
	margin:0px;
}
#main-content .contact-social1 a img {
	display:inline-block;
	width:26px;
	height:auto;
	list-style:none;
}
#main-content .donate-outer {
	width:259px;
	height:70px;
	background:url(images/donate-thumbnail.png) left top no-repeat;
}

/*------------ IRL Search area ------------------------------------*/
#search-section{ display:block; margin-bottom:-35px;}
#search-section .shadow-top{ display:inline-block; background:url(images/search-shad-top.png) top center no-repeat; height:24px; width:100%; border-bottom:1px solid #008c99;}
#search-section .shadow-bottom{ display:inline-block; background:url(images/search-shad-bottom.png) bottom center no-repeat; height:24px; width:100%; border-top:1px solid #008c99;}
#search-section form{ display:inline-block; padding:26px 0 23px 0;}
#search-section form .find-title{ float:left; font-family: 'Oswald', sans-serif; font-size:16px; color:#c77f29; background:url(images/search-icon.png) left 3px no-repeat; padding-left:25px; margin-right:23px; margin-top:4px;}
#search-section form .selecter-bg{ float:left; width:218px; height:27px; background:url(images/drop-list-bg.png) right top no-repeat #f5f5f5; border:1px solid #c4c1b5; overflow:hidden; margin-right:20px;}
#search-section form .selecter-bg select{ border:0px; margin:0 auto; padding:6px; width:242px; background:none; font:Arial, Helvetica, sans-serif; color:#676767; font-size:13px;}
#search-section form input[type="text"]{ float:left; border:0px; border:1px solid #c4c1b5; background-color:#f5f5f5; padding:6px; width:208px; margin-right:20px;}
#search-section form input[type="submit"]{ float:left; background:#439dbb; border:1px solid #51b7da; font-family:"Myriad Pro"; font-size:15px; color:#fff; padding:4px 3px 4px 3px; cursor:pointer;}


/*---------------- responsive css starts here ------------------------------*/
@media only screen and (min-width : 767px) and (max-width : 940px) {
	#main-content {
		width:100%;
	}
	#main-content .naturearchie-left {
		width:60%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:inline-block;
		width:34%;
		text-align:center;
		margin-left:0px;
	}
	#main-content .naturearchie-right img {
		width:100%;
	}
		#main-content .naturearchie-shadow {
		float:left;
		width:100%;
		text-align:center;
		height:14px;
	}
	#main-content .naturearchie-shadow img {
		width:100%;
	}
	#main-content .naturearchie-btmshadow { 
		float: left;
		width:100%;
		text-align:center;
		height:14px;
	}
	#main-content .naturearchie-btmshadow img {
		width:100%;
	}
	.two-thirds {
		width:57% !important;
		text-align:center;
		margin:0px;
	}
	.one-third { width:100%; margin:20px 0 0 0; text-align:center; }
	.one-third img { width:100%; height:auto; text-align:center; margin:0 auto; }
	.slider-scroll-outer .bottom-shadow { height: 18px !important; }
	#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:28%;}
	#search-section form input[type="text"]{ width:33%; margin-right:0px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ margin-top:25px;}
   .sponsors img { width: 18%; padding: 3% 3% 5px;}
   .recent-posts{width: 30%;margin: 0 10px 20px 20px;}	
	.planning-a-trip{margin: 0 10px;width:30%;}
	.by-way-photos{margin: 0 10px 0 10px;width:30%;}
	.photo-wrap {width:100%;}

}

@media only screen and (min-width : 631px) and (max-width : 766px) {
	#main-content {
		width:100%;
	}
	#main-content .naturearchie-left {
		width:60%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:none;
	}
		#main-content .naturearchie-left{ 
		width:100%;
	}
	#main-content .naturearchie-left p {
		text-align:center;
	}
	#main-content .naturearchie-left span {
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:none;
	}
	#main-content .naturearchie-shadow {
		float:left;
		width:100%;
		text-align:center;
		height:14px;
	}
	#main-content .naturearchie-shadow img {
		width:100%;
	}
	#main-content .naturearchie-btmshadow { 
		float: left;
		width:100%;
		text-align:center;
		height:14px;
	}
	#main-content .naturearchie-btmshadow img {
		width:100%;
	}
	.slider-scroll-outer .bottom-shadow {
		height:13px !important;
	}
		#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:28%;}
	#search-section form input[type="text"]{ width:33%; margin-right:0px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ margin-top:25px;}
	
	
	
}


@media only screen and (min-width : 580px) and (max-width : 630px) {
	#main-content {
		width:100%;
	}
	#main-content .naturearchie-left {
		width:60%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:inline-block;
		width:34%;
		text-align:center;
		margin-left:0px;
	}
	#main-content .media-newsdetail img {
		width:100%;
		padding:0 0 20px 0;
	}
	#main-content .media-newstitle h2 {
		font-size:27px;
	}
		#main-content .naturearchie-btmnav {
		width:100%;
	}
	#main-content .naturearchie-navicon {
		width:100%;
		margin:0 0 20px 0 !important;
	}
	#main-content .naturearchie-navicon a {
		background: url(images/nav-icon1.png) 220px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(2) a {
		background:url(images/nav-icon2.png) 220px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(3) a {
		background:url(images/nav-icon3.png) 220px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(4) a {
		background:url(images/nav-icon4.png) 220px top no-repeat;
	}
	#main-content .naturearchie-navicon span {
		text-align:center;
	}
	#main-content .naturearchie-shadow {
		display:none;
	}
	#main-content .naturearchie-btmshadow {
		display:none;
	}
	#main-content .naturearchie-left{ 
		width:100%;
	}
	#main-content .naturearchie-left p {
		text-align:center;
	}
	#main-content .naturearchie-left span {
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:none;
	}
		#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:100%; margin-right:0px; margin-top:10px;}
	#search-section form input[type="text"]{ width:97%; margin-right:0px; margin-top:10px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ width:100%; margin-top:25px;}
	
	.two-thirds{ width:100% !important;}

}



@media only screen and (min-width : 510px) and (max-width : 579px) {
	#main-content {
		width:100%;
	}
	#main-content .naturearchie-left {
		width:60%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:inline-block;
		width:34%;
		text-align:center;
		margin-left:0px;
	}
	#main-content .media-newsdetail img {
		width:100%;
		padding:0 0 20px 0;
	}
	#main-content .media-newstitle h2 {
		font-size:27px;
	}
		#main-content .naturearchie-btmnav {
		width:100%;
	}
	#main-content .naturearchie-navicon {
		width:100%;
		margin:0 0 20px 0 !important;
	}
	#main-content .naturearchie-navicon a {
		background: url(images/nav-icon1.png) 190px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(2) a {
		background:url(images/nav-icon2.png) 190px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(3) a {
		background:url(images/nav-icon3.png) 190px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(4) a {
		background:url(images/nav-icon4.png) 190px top no-repeat;
	}
	#main-content .naturearchie-navicon span {
		text-align:center;
	}
	#main-content .naturearchie-shadow {
		display:none;
	}
	#main-content .naturearchie-btmshadow {
		display:none;
	}
	#main-content .naturearchie-left{ 
		width:100%;
	}
	#main-content .naturearchie-left p {
		text-align:center;
	}
	#main-content .naturearchie-left span {
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:none;
	}
	.slider-scroll-outer .bottom-shadow {
		height:9px !important;
	}
	#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:100%; margin-right:0px; margin-top:10px;}
	#search-section form input[type="text"]{ width:97%; margin-right:0px; margin-top:10px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ width:100%; margin-top:25px;}
	.two-thirds{ width:100% !important;}
}


@media only screen and (min-width : 450px) and (max-width : 529px) {
	
	#main-content {
		width:100%;
	}
	#main-content .naturearchie-left {
		width:60%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:inline-block;
		width:34%;
		text-align:center;
		margin-left:0px;
	}
	#main-content .media-newsdetail img {
		width:100%;
		padding:0 0 20px 0;
	}
	#main-content .media-newstitle h2 {
		font-size:27px;
	}
		#main-content .naturearchie-btmnav {
		width:100%;
	}
	#main-content .naturearchie-navicon {
		width:100%;
		margin:0 0 20px 0 !important;
	}
	#main-content .naturearchie-navicon a {
		background: url(images/nav-icon1.png) 167px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(2) a {
		background:url(images/nav-icon2.png) 167px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(3) a {
		background:url(images/nav-icon3.png) 167px top no-repeat;
	}
	#main-content .naturearchie-navicon:nth-child(4) a {
		background:url(images/nav-icon4.png) 167px top no-repeat;
	}
	#main-content .naturearchie-navicon span {
		text-align:center;
	}
	#main-content .naturearchie-shadow {
		display:none;
	}
	#main-content .naturearchie-btmshadow {
		display:none;
	}
	#main-content .naturearchie-left{ 
		width:100%;
	}
	#main-content .naturearchie-left p {
		text-align:center;
	}
	#main-content .naturearchie-left span {
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#main-content .naturearchie-right {
		display:none;
	}
		#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:100%; margin-right:0px; margin-top:10px;}
	#search-section form input[type="text"]{ width:97%; margin-right:0px; margin-top:10px;}
	#search-section form .selecter-bg select{ width:106%;}
	#search-section form input[type="button"]{ width:100%; margin-top:25px;}
	
	.two-thirds{ width:100% !important;}
	
}
@media only screen and (min-width : 360px) and (max-width : 450px) {
	#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:100%; margin-right:0px; margin-top:10px;}
	#search-section form input[type="text"]{ width:97%; margin-right:0px; margin-top:10px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ width:100%; margin-top:25px;}
	.two-thirds{ width:100% !important;}
	.interactive-map{ height:auto; padding-bottom:18px;}
	#main-content .naturearchie-left{ width:100%;}
	#main-content .naturearchie-navicon { margin: 0 0 20px !important; width: 100%;}
	#main-content .naturearchie-btmnav {width:100%;	}
	#main-content .naturearchie-navicon a,#main-content .naturearchie-navicon:nth-child(2) a,#main-content .naturearchie-navicon:nth-child(3) a,#main-content .naturearchie-navicon:nth-child(4) a{ background-position: center top;}	
#main-content .naturearchie-right { display: none;}
#main-content .naturearchie-shadow {display:none;}
	#main-content .naturearchie-btmshadow {	display:none;}
	
}

@media only screen and (min-width : 220px) and (max-width : 360px) {
	#search-section form .find-title{ display:block; font-family: 'Oswald', sans-serif; font-size:26px; color:#c77f29; background:url(images/search-icon.png) 0 2px no-repeat; padding-left:30px; margin-right:23px; margin-top:4px; width:100%; text-align:left; padding-bottom:25px;}
	#search-section form{ width:100%;}
	#search-section form .selecter-bg{ width:100%; margin-right:0px; margin-top:10px;}
	#search-section form input[type="text"]{ width:96%; margin-right:0px; margin-top:10px;}
	#search-section form .selecter-bg select{ width:108%;}
	#search-section form input[type="button"]{ width:100%; margin-top:25px;}
	.two-thirds{ width:100% !important;}
	.interactive-map{ height:auto; padding-bottom:18px;}
	.home .one-third{ width:100%; margin:0px !important;}
	.home .one-third a img{ width:100%;}
	#main-content .naturearchie-left{ width:100%;}
	#main-content .naturearchie-btmnav {width:100%;	}
	#main-content .naturearchie-navicon { margin: 0 0 20px !important; width: 100%;}
	#main-content .naturearchie-navicon a,#main-content .naturearchie-navicon:nth-child(2) a,#main-content .naturearchie-navicon:nth-child(3) a,#main-content .naturearchie-navicon:nth-child(4) a{ background-position: center top;}	
#main-content .naturearchie-right { display: none;}
#main-content .naturearchie-shadow {display:none;}
	#main-content .naturearchie-btmshadow {	display:none;}
	
}


/*------------ IRL-Travelers_Along_NaturesListing starts here ------------------------------------*/
/*#main-content  .natureslisting-outer { margin:0 0 275px 0; }*/
.natureslisting-box { float:left; width:263px; margin:0 0 0 31px; font-family: Arial, Helvetica, sans-serif; padding-bottom:18px; vertical-align:middle;  }
.natureslisting-box .box-img { width:100%; }
.natureslisting-box .box-img img { width:100%; }
.natureslisting-box h3 { color:#c77f29; font-size:15px; font-weight:bold; line-height:18px; font-family: Arial, Helvetica, sans-serif; margin:12px 0 5px 0; }
.natureslisting-box p { color:#676767; font-size:13px; line-height:18px; }
.natureslisting-box p a { text-decoration:none; color:#c77f29; }
.natureslisting-box p a:hover { text-decoration:underline; }
.natureslisting-outer .blue-line { background: none repeat scroll 0 0 #008C99;clear: both; height: 1px; }
.listing-row .natureslisting-box:first-child { margin:0 0 0 0; }
.listing-row { margin:25px 0 0 0;  }
@media screen and (max-width:768px) { .natureslisting-box { width:45%; margin:0 0 0 5%; } .natureslisting-box.last-child { clear:both; margin:0 auto; } .palmFrond { right:0; } }
@media screen and (max-width:480px) { .natureslisting-box { width:100%; margin:0; } }
@media screen and (max-width:320px) {}




/*------------ Contact responsive ------------------------------------*/
@media screen and (max-width:768px) { 
	#main-content .contact-top p { width:100%; } 
	#main-content .contact-right { float:left; }
	#main-content .contact-field1 { width:48%;  }
	#main-content .contact-field1 input[type="text"] { width:90%; }
	#main-content .contact-field2 input[type="text"] { width:90%; }
	#main-content .contact-field2 input[type="email"] { width:90%; }
	#main-content .contact-field3 input[type="text"] { width:95%; }
	#main-content .contact-left { width:100%; }
	#main-content .contact-field2 { width:48%; }
	#main-content .contact-field3textarea textarea { width:95%; }
	#main-content .contact-fieldzipcode { width:50%; }
	#main-content .contact-fieldstate { width:40%; }
	#main-content .contact-field1 select { width:100%; }
	#main-content .contact-checkboxrow .checkboxes .last{ margin-top:30px;}
	#main-content .contact-field1 label { float:left; width:100%; }
}
@media screen and (max-width:480px) { .videoPreview { width:100%; }  .videoPreview img { height:auto; } .videoPreview:first-child { padding-top:20px; } }
@media screen and (max-width:320px) { }


/*------------ Contact responsive ------------------------------------*/
@media screen and (max-width:768px) { 
	#main-content .medianews-leftouter { width:100%;  }
	#main-content .medianews-left { width:100%; }
	#main-content .medianews-right { float:left; } 
	#main-content .medianews-right1 { width:85%; }
}
@media screen and (max-width:480px) { }
@media screen and (max-width:320px) { }


.widget-title{ padding:8px; font-weight:bold; color:#00727D; font-size:19px;}
.accordion li.current ul li a{ color:#D88D2A;}
.orangeCallout ul li { font-weight:bold;}
.orangeCallout ul li ul{ padding-left:12px;} 
.modalBox { background-color:#20505f; display:none; width:100%; height:auto; text-align:center; position:absolute !important;    left:0 !important; padding-bottom:15px; z-index:9999; }
.modalBox img { /*margin-top:5%; */max-width:100% !important;
    height:auto;}
.slider-scroll-outer {  }
.slider-scroll-outer .top-shadow { height:auto; border-bottom:1px solid #008c99; margin:0; padding:0; background:url(images/shadow-upper.png) center bottom no-repeat; background-size:contain; height:22px; }
.slider-scroll-outer .bottom-shadow { height:auto; border-top:1px solid #008c99; margin:0; padding:0; background:url(images/shadow-lower.png) center bottom no-repeat; background-size:contain; height:22px; }
.slider-scroll-outer .top-shadow img { width:100%; vertical-align:text-bottom; }
.slider-scroll-outer .mid-container { margin:0 0px; }
.next-class-arrow { position:absolute; margin:25% 0 0 85%; }
.prev-class-arrow { position:absolute; margin:25% 0 0 -5%; }
.cancel-class-btn { position:absolute; margin:22px 0 0 37%; }
.jcarousel ul li:before{ content:normal;}
.gallerythumb{ float:left;}
.gallerythumb code { float:left; margin-left:20px;}
.bigimagetext{color: #506D76;font-weight: bold; margin-bottom: 10px; margin-top: -15px;  text-align: center;}
#tribe-events-content-wrapper ul li:before{ content:normal;}
/*------------ Mobile responsive ------------------------------------*/
@media screen and (max-width:930px) { 
	.nav-wrap a { font-size:15px; margin:19px 0 15px 10px; }
	.social-media-wrap { padding-top:13px; width:17%; }
}
@media screen and (max-width:930px) {
	.nav-wrap { width:100%; padding:0; }
	.nav-wrap a { padding:10px 18px; margin:0; text-align:center; font-size:20px; }
	.nav-wrap a:hover { background:#39728d; color:#ffdd5f; border-radius:5px; }
	.social-media-wrap { text-align:center; margin:0; padding:12px 0 0 0; width:100%; }
	.search-box-wrap { width:90%; margin-left:5%; padding-bottom:20px; }
	.search-box { width:100%; padding:4px 5px; }
	.nav-bar .search-box input { width:84%; padding:7px 10px; }
	.nav-bar .search-box input[type="submit"] { margin-top:7px; }
	.nav-wrap li { display:block; text-align:center; border-bottom:1px solid #1d515f; padding:10px 0; }
		#main-content .contact-field2 label{float:left;}
}


@media screen and (max-width:940px) { 
	.slider-scroll-outer .mid-container {
		margin:0 78px !important;
	 }
	 .jcarousel li {
		 width:200px !important;
	 }
	 .modalBox {
		 margin:595px 0 0 0 !important;
		 top:0 !important;
	 }
	 .hovertabsContent ul{text-align:center !important;}
	 .hovertabsContent ul li{float:none !important;display:inline-block !important;}

}

@media screen and (max-width:900px) { 
	.slider-scroll-outer .mid-container {
		margin:0 74px 0 70px !important;
	 }
	 .jcarousel li {
		 width:183px !important;
	 }
	 .modalBox {
		 margin:595px 0 0 0 !important;
		 top:0 !important;
	 }

}


@media screen and (max-width:850px) { 
	.slider-scroll-outer .mid-container {
		margin:0 54px 0 62px !important;
	 }
	 .jcarousel li {
		 width:171px !important;
	 }

}


@media screen and (max-width:825px) { 
	.slider-scroll-outer .mid-container {
		margin:0 50px 0 34px !important;
	 }
	 .jcarousel li {
		 width:175px !important;
		 padding:0px;
	 }

}


@media screen and (max-width:776px) { 
	.slider-scroll-outer .mid-container {
		margin:0 21px 0 4px !important;
	 }
	 .jcarousel li {
		 width:178px !important;
		 padding:0px;
	 }

}

@media screen and (max-width:725px) { 
	.slider-scroll-outer .mid-container {
		margin:0 15px 0 22px !important;
	 }
	 .jcarousel li {
		 width:165px !important;
		 padding:0px;
	 }
	 .modalBox {
		 margin:699px 0 0 0 !important;
	 }
	 .cancel-class-btn {
		 margin-top:16px;
	 }

}


@media screen and (max-width:704px) { 
	.slider-scroll-outer .mid-container {
		margin:0 7px 0 7px !important;
	 }
	 .jcarousel li {
		 width:165px !important;
		 padding:0px;
	 }
	  .modalBox {
		 margin:699px 0 0 0 !important;
	 }
	 .cancel-class-btn {
		 margin-top:16px;
	 }

}


@media screen and (max-width:680px) { 
	.slider-scroll-outer .mid-container {
		margin:0 6px 0 8px !important;
	 }
	 .jcarousel li {
		 width:144px !important;
		 padding:0px;
	 }

}


@media screen and (max-width:634px) { 
	.slider-scroll-outer .mid-container {
		margin:0 56px 0 78px !important;
	 }
	 .jcarousel li {
		 width:151px !important;
		 padding:0px;
	 }

}


@media screen and (max-width:599px) { 
	.slider-scroll-outer .mid-container {
		margin:0 43px 0 35px !important;
	 }
	 .jcarousel li {
		 width:165px !important;
		 padding:0px;
	 }
	 .modalBox {
		 margin:760px 0 0 0 !important;
		 top:0 !important;
	 }
	 .cancel-class-btn {
		 margin-top:16px;
	 }

}


@media screen and (max-width:565px) { 
	.slider-scroll-outer .mid-container {
		margin:0 13px 0 29px !important;
	 }
	 .jcarousel li {
		 width:165px !important;
		 padding:0px;
	 }
	  /*.modalBox {
		 margin:60 0 0 0 !important;
		 top:0 !important;
	 }*/
	 .cancel-class-btn {
		 margin-top:16px;
	 }

}


@media screen and (max-width:520px) { 
	.slider-scroll-outer .mid-container {
		margin:0 8px 0 18px !important;
	 }
	 .jcarousel li {
		 width:162px !important;
		 padding:0px;
	 }
	 .slider-scroll-outer .bottom-shadow {
		 height:10px;
	 }
	 /*.modalBox {
		 margin:-850px 0 0 0 !important;
		 top:0 !important;
	 }*/

}


@media screen and (max-width:507px) { 
	.slider-scroll-outer .mid-container {
		margin:0 100px 0 110px !important;
	 }
	 .jcarousel li {
		 width:222px !important;
		 padding:0px;
	 }
	/*.modalBox {
		 margin-360px 0 0 0 !important;
		 top:0 !important;
	 }*/

}

@media screen and (max-width:768px) {
	.hovertabsContent ul li a img { width:100%; }
}
@media only screen and (min-width : 220px) and (max-width : 360px) {
	.slider-scroll-outer .mid-container{margin: 0 40px 0 40px !important;}
	#search-section form .find-title{ width:95px !important;}
	}

.nav-wrap a {margin-top:5px; }
.nav-wrap a { padding:10px 7px; text-align:center; font-size:18px; }
.nav-wrap a:hover { background:#39728d; color:#ffdd5f; border-radius:5px; }
.nav-wrap li:hover a { background:#39728d; color:#ffdd5f; border-radius:5px;margin-top:5px;}
.nav-wrap li:hover a { background:#39728d; color:#ffdd5f; border-radius:5px;margin-top:5px;}
.nav-wrap li ul { position:absolute; width:154px; background:#3b728b; display:none; margin-top:-3px; z-index:1000; }
.nav-wrap li:hover ul { display:block; }
.nav-wrap li ul li { display:block; }
.nav-wrap li ul li a { display:block; border-top:1px solid #4e91ae; padding:9px 0 8px 7px; font-size:18px; 
                       text-align:left; line-height:16px; color:#f5edce !important;; background:none !important; margin-top:0px; }
					   
				   
					   
.nav-wrap li ul li:hover a                    { border-radius:0; color:#ffdd5f !important;; }
.nav-wrap li ul li:first-child a 			  { border-top:none; }
.nav-wrap li ul li:hover  ul li  a  					  { color:  #f5edce !important}
.nav-wrap li ul li  ul li a:hover    		  { color:  #ffdd5f !important}		

.nav-wrap li ul li a .arrow-nav { float:right; margin:5px 5px 0 0; }
.nav-wrap li ul li ul { margin:-39px 0 0 154px; background:#4fa2cc; display:none; }
.nav-wrap li ul li ul li{border-top:1px solid #4e91ae;}
.nav-wrap li:hover ul li ul { display:none; }
.nav-wrap li ul li:hover ul { display:block; }
.nav-wrap li ul li a .arrow-down { display:none; }

@media screen and (max-width:930px) {
	.nav-wrap li ul { position:relative; width:100%; background:#3b728b; display:none; margin-top:-8px; text-align:center; text-align:center;  }
	.nav-wrap li ul li ul { margin:0; background:#4fa2cc; display:none; }
	.nav-wrap li ul li { border-bottom:0; padding:0; }
	.nav-wrap li ul li a { border:none; padding:15px 0; text-align:center; }
	.nav-wrap li ul li a .arrow-nav { display:none; }
	.nav-wrap li ul li a .arrow-down { display:inline-block; vertical-align:super; }

}
/************************************************/
.bag-title {
    color: #C67F29;
    font-family: 'TradeGothicLTPro-BdCn20','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 48px;
    padding-bottom: 20px;
    margin: 20px 0px 0;
    text-align: center;
}
.quote-block-lined {
		color: #20505f; /* text color */
		font-size: 18px;
		line-height: 28px;
		width:100%;
		font-style: italic; margin: 0 auto 15px; text-align: center; padding-bottom: 15px;
		border-bottom:1px solid #008c99;
		}
	
ul#guides            { text-align:center;
                        color: #20505f; /* text color */
						width:85%;
						font-style: italic;
						margin:0 auto 50px; 
					 }
ul#guides li         { float:left;
						-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
						-moz-box-sizing: border-box;    /* Firefox, other Gecko */
						box-sizing: border-box;         /* Opera/IE 8+ */
						list-style:none !important;
						list-style-type: none;
						padding:0 10px;
						display:block;
						width:33%;
						font-size: 16px;
						line-height: 22px;
                     }
ul#guides li img,
.fig-box img         { max-width:100%;}       					 

ul#guides li img,
.fig-box img        { border:3px solid #75bab5; margin-bottom:8px;}
ul#guides li:before  { content:'';display:none;}
ul#guides lili:after { content: "";}

.fig-box       { text-align:center;}

@media screen and (max-width:640px) {
	ul#guides            { width:100%;}
	ul#guides li         { float:none; padding:0 20px; width:100%;}
}
@media screen and (max-width:480px) {
.bag-title {
    font-size: 28px;
	line-height:29px;
}

}
.kid-friendly    { background:url(images/kid-friendly-area.png) 0 0 no-repeat; display:block;padding:20px 0 20px 100px}
.FB-connect      {}






/*  Clearfix
------------------------------------------------------------------------------*/

.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{   clear:both; height:0; }



  
  /*Pretty photo gallery
  ------------------------------------*/
  @media screen and (max-width:360px){
	  div.light_square .pp_content .ppt {font-size: 12px;left: -13px; position: absolute; top: 24px;}
	  }
  @media screen and (max-width:320px){
	  div.light_square .pp_content .ppt {font-size: 11px;}
	  }		  



/* Gallery Caption 
----------------------------------------*/

.gallery-caption {
margin:0;
text-align:center;
}

.wp-caption-text {
   font-family: 'AvenirLTStd-Light', Arial, "Helvetica Neue", Helvetica, sans-serif;
   color: #908885; !important;
   width: 150px;
}

/*POP UP*/
#element_to_pop_up { 
    background-color:#fff;
    border-radius:3px;
    color:#000;
    display:none; 
    padding:20px 10px 20px 20px;
    min-width:400px;
    min-height:180px;
    max-width:400px;
    max-height:100px;
}
.b-close{
    background: #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 10px;
    position: absolute;
    right: -30px;
    top: 6px;
}
#contenu{ max-height: 185px; overflow-y: scroll; padding-right: 30px; }
.scrollbar{}
.content{
height:450px;
} 
#contenu::-webkit-scrollbar{
width:5px;
background-color:#f7f7f7;
} 
#contenu::-webkit-scrollbar-thumb{
background-color:#a6a5a6;
border-radius:5px;
}
#contenu::-webkit-scrollbar-thumb:hover{
background-color:#BF4649;
}
#contenu::-webkit-scrollbar-thumb:active{
background-color:#ccc;
} 
#contenu::-webkit-scrollbar-track{
border-radius:5px;
} 
.contentdesc{ color:#000;}
.contentdesc h2{ color:#D69B4F; text-transform:uppercase;}
.popupcontent{display:none;}

@media screen and (max-width:480px) {
	#element_to_pop_up { 
    min-width:inherit;
	margin-right:10%;
	}
}