@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		X 4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

/* Global settings (for p, h tags, links, lists  */

p {font-family: Arial, sans-serif; font-size: 1em; line-height: 1.4; color: #000000; padding: 0; margin: 0.8em 0;}
h1 {font-family: Arial, Verdana, sans-serif; font-size: 1.3em; font-weight: normal; color: #006699; text-align: center; padding: 
1.2em 0 0.4em 0; margin: 0; }
h2 {font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: normal; color: #006699; padding: 0.3em 0 0.3em 1em; margin: 0;}
h3 {font-family: Arial, Verdana, sans-serif; font-size: 1em; font-weight: normal; color: #006699; padding: 0.4em 16px 0.2em 16px;  margin: 0;}
h4 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699; padding: 0.4em 16px 0.2em 16px;  margin: 0;}
h5 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699; padding: 0.4em 16px 0 16px;  margin: 0;}
h6 {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: bold; color: #747474; padding: 0.4em 16px 0.2em 16px ;  margin: 0;}

a:link {color: #006699; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #3399CC; text-decoration: none;}
a:active {color: #006699; text-decoration: underline;}

span#smalltext {font-size: smaller;}


/* Header Layout */

.header {background-color: #FFF8E6;}
.header-title {padding: 6px 40px 7px 10px;
	margin: 0; float: left; clear: both;}
.header-title a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #006699;
	font-style: oblique;
	letter-spacing: 0.2em;
	text-decoration: none;	
}
.header-search {padding: 6px 0px 3px 0px; text-align: center; font-family: Arial;}
.header-flag img {padding: 6px 0px 3px 0px; margin: 0 6px; text-align: center;}
.header-image { 
	height: 0px;
	height: 80px;
	background-image: url(../graphics/west-crete-logo-mobile.jpg);
}

/* Navigation Layout */

.nav {
}

/* Content Layout */

.content {
width: 100%;
}

.insidecontent a:link {color: #006699; text-decoration: underline;}
.insidecontent a:visited {color: #666666; text-decoration: underline;}
.insidecontent a:hover {color: #3399CC; text-decoration: none;}
.insidecontent a:active {color: #006699; text-decoration: underline;}

.insidecontent {padding: 0;}
.content p  {
	font-family:  'Open Sans', sans-serif; font-size: 1em; line-height: 1.4; color: #202020; padding: 0 ;
margin: 0.2em 0;}
.content ul, ol { margin: 0.3em 0; padding: 0 0 0 1em; color: #202020; }
.content li  {
	font-family:  'Open Sans', sans-serif; font-size: 1em; padding: 0.2em 0; margin: 0 1em 0 0;
}

.adsense1 {
width: 100%;
margin-left: 0;
}
.banner-center {display: block;
  margin-left: auto;
  margin-right: auto;}
.image-left {float: none; text-align:center;  clear:both; padding: 0; margin: 1em 0 0.5em 0; }
.image-right {float: none; text-align:center; clear:both; padding: 0; margin: 1em 0 0.5em 0;}
.image-centre {margin: 0;}
.image-centre img {display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
 }
 .text-left {float: left; clear:both; padding: 0; margin: 1em 0 0.5em 0; }
.archive div {
	display: inline; 
}
.archive img  {margin: 0.3em; border: solid 5px white;}
.archive img:hover {border-color: #CCCCCC;}
.archive-one div {
	display: inline;
	padding: 3%;
	margin: 0 0 0 10px;
  
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-variant: normal;
	font-weight: bold;
	
}
.text {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699;  margin: 0 0.5em 0 2em; padding: 0.4em 0 0 0; text-align: center;
    }
.image-resort img {display: block;
    margin-left: auto;
    margin-right: auto;  }
.resorts-paragraph {background-color: #E8E8E8; margin: 20px 0; padding: 10px; clear: both;}
.resorts-paragraph h2 {font-size: 20px; margin: 0; padding: 10px; color: #990000; float: left;  }
.resorts-paragraph p {margin: 0; padding: 15px 10px 15px 10px; line-height: 1.4;}
.resorts-nav {background-color: #E8E8E8; margin: 20px 0; padding: 10px; clear: both;}
.resorts-nav ul {list-style: none; margin:0; padding:0; }
.resorts-nav li {display: inline; margin:0; padding:0; }
.resorts-nav a:link {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}
.resorts-nav a:visited {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}
.resorts-nav a:hover {text-decoration: underline; padding: 0 6px;}
.resorts-nav a:active {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}

.greybox {background-color: #E8E8E8; margin: 20px auto; padding: 5px 10px; width: 96%; clear: both;}
.greybox li  {
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT",  "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; padding: 0.2em 0; margin: 0 0 0 0;}
.bookings {font-size: 1.3em; font-weight: bold;}
.hide-image-mobile {display: none;}
.adsense-content {}
.car-rental-top {padding: 2em 0 0 0; margin: 0 ;clear: both; }
.table1 {width: 100%; 
  margin-left: auto;
  margin-right: auto;}
.table1 td {border: solid 1px #000000;}
.table1 p {font-size: 0.8em; margin: 0; padding: 2px 3px;}

.locationmapmobile {
	display: block;	
}
.locationmapmobile img {
	display: block;
	margin-left: auto;
    margin-right: auto; 
}
.innernavigation-mobile {margin: 1em 0 0 0;}
.innernavigation-mobile h3 {background: #FFF8E6; font-weight: bold;}
.innernavigation-mobile li a:link {color: #006699; text-decoration: none; }
.innernavigation-mobile li a:visited {color: #006699; text-decoration: none;}
.innernavigation-mobile li a:hover {color: #990000; text-decoration: underline;}
.innernavigation-mobile li a:active {color: #006699; text-decoration: none;}
.quote-left {float: none; width: 90%; color: #666666; border: solid #CCCCCC; border-width: 6px 0; font: bold  Arial, Helvetica, Verdana, sans-serif; padding: 3px 3px; margin:10px auto 20px auto;}
.quote-left p {margin: 0; padding: 3px 10px;}
.text-ads {background-color: #F2F3F4; margin: 0; padding: 10px 0 10px 20px; border: solid 1px black;}
.text-ad {background-image: url( "../graphics/ads/ad-image.jpg"); padding: 25px 20px 10px 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 0.9em; border: solid #fccd85; border-width: 4px}
.text-ads p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; margin: 0; padding: 0;}
.taxiad  {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 0.9em; line-height: 1.4; color: #000000; background-color: #E4E4E4; padding: 10px; margin: 0.8em 0;}
.taxi {display: block;
	margin: auto;
     color: #666666; border: solid #CCCCCC; border-width: 3px; font-family: Arial, Helvetica, Verdana, sans-serif;  font-weight: bold; text-align: center; padding: 5px 20px; }
.grid-display1 {display:inline-block; padding: 10px; vertical-align: top; text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 12px; margin: 0; }
.grid-display1 a img  {border: solid; border-width:2px; border-color: #CCCCCC; }
.grid-display1 a:visited img  {border: solid; border-width:2px; border-color: #CCCCC; }

.grid-display1 a:hover img  {border: solid; border-width:2px; border-color: #3399CC; }
.grid-display1 a:active img  {border: solid; border-width:2px; border-color: #CCCCCC; }
div.links {background-color: #F2F3F4; margin: 0 3% 0 1%; padding: 0.3em 0; border: solid 1px black;}
div.links p {font-family: Arial, Verdana, sans-serif; font-size: 1em; margin: 0 0.4em; padding: 0.4em 10px;} 
/* this is where the content CSS finishes */

/* Right Side Layout */

.right {
width: 100%;
clear: both;
margin-left: 0;
}

.AdsenseRight {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 0;
}

.DailyPhoto {
	width: 100%;
	display: none;
	margin-left: 0;
}
.AdRight {
	width: 100%;
	display: none;
	margin-left: 0;
}
.innernav {
	width: 100%;
	display: none;
	margin-left: 0;
}
.NavRightTop {
	display: none;
}
.LocationMap {
	width: 100%;
	display: none;
	margin-left: 0;
}

/* Bottom Navigation Bar Layout */

.bottom { display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 0.8em; font-weight: normal; text-align: center; background:#4C97C3; margin: 1em 0; padding: 0.5em 0;
}
.bottom a:link {padding: 0.4em; color: #ffffff; text-decoration: none;}
.bottom a:visited {color: #ffffff; text-decoration: none;}
.bottom a:hover {color: #4C97C3; background: #FFF; text-decoration: none;}
.bottom a:active {color: #ffffff; text-decoration: none;}

/* Bottom Daily Pic Layout */

.dailypic2 {
	width: 100%;
	display: inline;
	margin-left: 0;
	font-family: Arial, sans-serif; font-size: 90%;
}
.dailypicmob {
}

/* Footer Layout */

.footer {color:#4C97C3; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 0.7em; 
}
.footer a:link, a:visited, a:active {text-decoration: none; color: #4C97C3;}
.footer a:hover {text-decoration: underline;}
.copyright {
width: 100%;
margin: 0;
padding-bottom: 10px;
}

.addthis {
 margin:0 auto;
    width: 150px;
}
/* not sure here this goes */

.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}

h1 {font-family: Arial, Verdana, sans-serif; font-size: 1.3em; font-weight: normal; color: #006699; text-align: center; padding: 2em 0 0.4em 0; margin: 0; }
h2 {font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: normal; color: #006699; padding: 0.3em 0 0.3em 2em; margin: 0;}
h3 {font-family: Arial, Verdana, sans-serif; font-size: 1em; font-weight: normal; color: #006699; padding: 0.4em 16px 0.2em 16px;  margin: 0;}
h4 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699; padding: 0.4em 16px 0.2em 16px;  margin: 0;}
h5 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699; padding: 0.4em 16px 0 16px;  margin: 0;}
h6 {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: bold; color: #747474; padding: 0.4em 16px 0.2em 16px ;  margin: 0;}
/* Header Layout */
.header {}
.header-image {background: url(../graphic/west-crete-logo-new.jpg ) no-repeat top; 
	height: 96px;
	background-image: url(../graphics/west-crete-logo-new.jpg);
}

.header {background-color: #FFF8E6;}
.header-title {padding: 6px 10px 7px 10px;
	margin: 0; float: left; clear: both;}
.header-title a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	color: #006699;
	font-style: oblique;
	letter-spacing: 0.2em;
	text-decoration: none;
	
}

.header-search {padding: 10px 10px 4px 0px; float: right; font-family: Arial;}
.header-flag img {padding: 10px 0 4px 0; margin: 0 6px; float: right; display: block;}
/* Navigation Layout */
.nav {
}
/* Content Layout */
.content {
width: 74.3589%;
}
.insidecontent {padding: 0 10px 0 0;}
.content p  {
	font-family:  'Open Sans', sans-serif; line-height: 1.4; font-size: 1em; color: #202020; padding: 0 2em 0 0; 
margin: 0.5em 0;}
.content ul, ol {margin: 0.3em 0; padding: 0 0 0 2em; color: #202020; }
.content li  {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding: 0.2em 0;
	margin: 0 2em;
}
.image-left {float: left; max-width: 50%; padding: 0 1.2em 0 0; margin: 0.5em 0 0.7em 0;}
.image-right {float: right; max-width: 50%; padding: 0  0 0 1em; margin: 1em 0 0.5em 0;}
.image-centre {margin: 0;}
.image-centre img {display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  }
.adsense-content {padding: 2em 2em 2em 0; margin: 0 2em 0 0;clear: both; }
.car-rental-top {padding: 2em 0 0 0; margin: 0 ;clear: both; }
.archive div {
	display: inline; 
}


.archive img  {margin: 0.3em; border: solid 5px white;}
.archive img:hover {border-color: #CCCCCC;}
.text {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699;  margin: 0 0.5em 0 2em; padding: 0.4em 0 0 0; text-align: center;
    }
.image-resort img {float: left; max-width: 50%; padding: 0 1em 1em 0; }
.resorts-paragraph {background-color: #E8E8E8; margin: 20px 0; padding: 10px; width: 90%;}
.resorts-paragraph h2 {font-size: 20px; margin: 0; padding: 10px 15px 10px 10px; color: #990000; float: left;  }
.resorts-paragraph p {margin: 0; padding: 15px 0 15px 10px; line-height: 1.4;}
.resorts-nav {background-color: #E8E8E8; margin: 20px 0; padding: 0; clear: both;}
.resorts-nav ul {list-style: none; margin:0; padding:0; }
.resorts-nav li {display: inline; margin:0; padding:0; }
.resorts-nav a:link {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}
.resorts-nav a:visited {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}
.resorts-nav a:hover {text-decoration: underline; padding: 0 6px;}
.resorts-nav a:active {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; font-weight: bold; color: #006699; text-decoration: none; padding: 0 6px;}
.greybox {background-color: #E8E8E8; margin: 20px auto; padding: 5px 10px; width: 90%; clear: both;}
.table1 {width: 100%; margin-left: 0;
  margin-right: 0; 
 }
.table1 td {border: solid 1px #000000;}
.table1 p {font-size: 0.9em; margin: 0; padding: 2px 8px;}

.taxi {float: left; color: #666666; border: solid #CCCCCC; border-width: 3px; font-family: Arial, Helvetica, Verdana, sans-serif;  font-weight: bold; text-align: center; padding: 5px 20px; margin: 0 1em 0 0;}
.hide-image-mobile {display: block;}
.locationmapmobile {
	display: none;
}
.quote-left {float: left; width: 40%; color: #666666; border: solid #CCCCCC; border-width: 6px 0; font: bold  Arial, Helvetica, Verdana, sans-serif; padding: 3px; margin: 14px 20px 10px 10px;}
.quote-left p {margin: 0; padding: 3px 10px;}
div.links {background-color: #F2F3F4; margin: 0 3% 0 1%; padding: 0.3em 0; border: solid 1px black;}
div.links p {font-family: Arial, Verdana, sans-serif; font-size: 1em; margin: 0; padding: 0.4em 20px;} 
	
	.archive-one div {
	display: inline;
	padding: 3%;
	margin: 0 0 0 20px;
  
	}
/* this is where the content CSS finishes */

/* Right Side Layout */

.right {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.DailyPhoto {
	width: 100%;
	display: block;
	margin-top: 3em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
	font-family: Arial, sans-serif; font-size: 70%;
}
.AdsenseRight {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.AdRight {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.AdRight h3 {
	font-family: Arial, sans-serif; font-size: 0.8em; text-align: center; color: #006699;
	}
.AdRight ul {margin: 0; padding: 0;}
.AdRight li 	{
	font-family: Arial, sans-serif; font-size: 0.7em; font-weight: bold; padding: 0.5em 0 0.5em 1em; margin: 0.8em 0; list-style:none; background-color: #FFF8E6;
	}
	.innernav {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 0 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.innernav h3 {
	font-family: Arial, sans-serif; font-size: 0.7em; font-weight: bold; text-align: center; padding: 0 0 0.2em 0; color: #006699; 
	}
.innernav ul {margin: 0; padding: 0;}
.innernav li 	{
	font-family: Arial, sans-serif; font-size: 0.7em; font-weight: bold; padding: 0.2em 0 0.2em 1em; margin: 0.8em 0; list-style:none; background-color: #FFF8E6;
	}
	
.NavRightTop {
	width: 100%;
	display: block;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1.2em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.NavRightTop h3 {
	font-family: Arial, sans-serif; font-size: 0.8em; font-weight: bold; text-align: center; color: #006699;
	}
.NavRightTop ul {margin: 0; padding: 0;}
.NavRightTop li 	{
	font-family: Arial, sans-serif; font-size: 0.7em; font-weight: bold; padding: 0.5em 0 0.5em 1em; margin: 0.8em 0; list-style:none; background-color: #FFF8E6;
	}
.innernavigation-mobile {display: none;}	
a.innernavigation:link {color: #006699; text-decoration: none; }
a.innernavigation:visited {color: #006699; text-decoration: none;}
a.innernavigation:hover {color: #990000; text-decoration: underline;}
a.innernavigation:active {color: #006699; text-decoration: none;}

	
.LocationMap {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;

}
.LocationMap p {font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.4; color: #4F4F4F; padding: 0; margin:0;}

.LocationMap a:link {color: #006699; text-decoration: none; font-size: 80%; }
.LocationMap a:visited {color: #006699; text-decoration: none; font-size: 80%;}
.LocationMap a:hover {color: #006699; text-decoration: underline; font-size: 80%;}
.LocationMap a:active {color: #006699; text-decoration: none; font-size: 80%;}



/* Bottom Navigation Bar Layout */
.bottom {display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 1em; font-weight: normal; font-stretch: extra-expanded; text-align: center; background: #4C97C3; margin: 1em 0; padding: 0.3em 0;}
	
.bottom a:link {color: #ffffff; text-decoration: none;}
.bottom a:visited {color: #ffffff; text-decoration: none;}
.bottom a:hover {color: #4C97C3; background: #FFF; text-decoration: none;}
.bottom a:active {color: #ffffff; text-decoration: none;}
/* Bottom Daily Pic Layout */
.dailypic2 {
    display: none; 
}

/* Footer Layout */
.footer {
width: 100%;
position: static;
height: auto;
margin-left: 0;
}
.copyright {float: right;
width: auto;
clear: none;
margin-left: 0;
padding-right: 5px;

}
.addthis {float: left;
padding-left: 5px;
margin: 0;
width: 200px;}

/* not sure where this goes */

.dailypicmob {
}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

/* Header Layout */

.header {}
.header-image {background: url(../graphic/west-crete-logo-new.jpg ) no-repeat top; 
	height: 96px;
	background-image: url(../graphics/west-crete-logo-new.jpg);
}

.header {background-color: #FFF8E6;}
.header-title {padding: 6px 40px 7px 40px;
	margin: 0; float: left; clear: both;}
.header-title a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	color: #006699;
	font-style: oblique;
	letter-spacing: 0.2em;
	text-decoration: none;
}
.header-search {padding: 10px 20px 4px 0px; float: right; font-family: Arial; }
.header-flag img {padding: 10px 0 4px 0px; margin: 0 8px; float: right;}

/* Navigation Layout */

.nav {
}

/* Content Layout */

.content {
width: 74.5762%; 
}

.insidecontent {padding: 0 20px 0 0;}
.adsense-content {
	padding: 2em 2em 2em 0; margin: 0 2em 0 0; clear: both;
}
.car-rental-top {padding: 2em 0 0 0 ; margin: 0 ;clear: both; }

.image-left {float: left; max-width: 50%; padding: 0 1.5em 0 0; margin: 0.5em 0 0.7em 0; }
.image-right {float: right; max-width: 50%; padding: 0  0 0 1em; margin: 1em 0 0.5em 0;}
.image-centre {margin: 0;}
.image-centre img {display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  }
.image-resort img {float: left; padding: 0 1em 1em 0; }
.resorts-nav {background-color: #E8E8E8; margin: 20px 0; padding: 10px; width: 90%; }
.resorts-paragraph {background-color: #E8E8E8; margin: 20px 0; padding: 10px; width: 90%; }
.resorts-paragraph h2 {font-size: 20px; margin: 0; padding: 10px 15px 10px 10px; color: #990000; float: left;  }
.resorts-paragraph p {margin: 0; padding: 15px 5px 15px 10px; }
.greybox {background-color: #E8E8E8; margin: 20px auto; padding: 5px 10px; width: 85%; clear: both;}
.table1 {width: 100%; 
 }
.table1 td {border: solid 1px #000000;}
.table1 p {font-size: 1em; margin: 0; padding: 2px 10px;}

.hide-image-mobile {display: block;}
.quote-left {float: left; width: 30%; color: #666666; border: solid #CCCCCC; font: bold  Arial, Helvetica, Verdana, sans-serif; border-width: 6px 0;  padding: 3px; margin: 14px 20px 10px 10px;}
.quote-left p { margin: 0; padding: 3px 10px;}

.archive-one div {
	display: inline;
	padding: 3%;
	margin: 0 0 0 30px;
  
	}



/* this is where the content CSS finishes */

/* Right Side Layout */

.right {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.DailyPhoto {
	width: 100%;
	display: block;
	margin-top: 4em;
	margin-left: 0;
	margin-bottom: 0;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
	font-family: Arial, sans-serif; font-size: 70%;
}
.AdsenseRight {
	width: 100%;
	margin-left: 0;
	padding: 1em 1em 0.2em 1em;
	float: right;
}
.AdRight {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.AdRight h3 {
	font-family: Arial, sans-serif; font-size: 1em; text-align: center; color: #006699;
	}
.AdRight ul {margin: 0; padding: 0;}
.AdRight li 	{
	font-family: Arial, sans-serif; font-size: 0.9em; font-weight: bold; padding: 0.5em 0 0.5em 1em; margin: 0.8em 0; list-style:none; background-color: #FFF8E6;
	}

.innernav {
	width: 100%;
	display: block;
	margin-top: 1em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 0.7em 1em 0.2em 1em;
	background-color: #FFF;
	
}
.innernav h3 {
	font-family: Arial, sans-serif; font-size: 1em; font-weight: bold; text-align: center; color: #006699;
	}
.innernav ul {margin: 0; padding: 0;}
.innernav li 	{
	font-family: Arial, sans-serif; font-size: 0.9em; font-weight: bold; padding: 0.2em 0 0.2em 1em; margin:0.8em 0; list-style:none; background-color: #FFF8E6;
	}
.NavRightTop {
	width: 100%;
	display: block;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1.4em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;
}
.NavRightTop h3 {
	font-family: Arial, sans-serif; font-size: 1em; font-weight: normal; text-align: center; color: #006699;
	}
.NavRightTop ul {margin: 0; padding: 0;}
.NavRightTop li 	{
	font-family: Arial, sans-serif; font-size: 0.9em; font-weight: bold; padding: 0.5em 0 0.5em 1em; margin: 0.8em 0; list-style:none; background-color: #FFF8E6;
	}
.innernavigation-mobile {display: none;}	
a.innernavigation:link {color: #006699; text-decoration: none; }
a.innernavigation:visited {color: #006699; text-decoration: none;}
a.innernavigation:hover {color: #990000; text-decoration: underline;}
a.innernavigation:active {color: #006699; text-decoration: none;}


.LocationMap {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-left: 0;
	margin-bottom: 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #FFF;
	float: right;

}
.LocationMap p {font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.4; color: #4F4F4F; padding: 0; margin:0;}
.LocationMap a:link {color: #006699; text-decoration: none; font-size: 80%; }
.LocationMap a:visited {color: #006699; text-decoration: none; font-size: 80%;}
.LocationMap a:hover {color: #006699; text-decoration: underline; font-size: 80%;}
.LocationMap a:active {color: #006699; text-decoration: none; font-size: 80%;}



/* Bottom Navigation Bar Layout */

/* Bottom Daily Pic Layout */

/* Footer Layout */

.footer {
width: 100%;
margin-left: 0;
position: static;
height: auto;
}
.copyright {float: right;
width: auto;
clear: none;
margin-left: 0;
padding-right: 5px;
}
.addthis {float: left; padding-left: 5px; width: auto;
clear: none;
margin-left: 0;}

/* not sure where this goes */

.dailypicmob {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}
@media (max-width: 991px){
		p.authentic-village-text-section{
			padding:20px !important;
		}
}