@charset "UTF-8";
/* CSS Document */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding:0;
	margin:0;
	background-color:#EDEDED;
}
	/* global */
	.container {
		width:80%;
		margin:auto;
		overflow:hidden;
	}
	
		ul {
		margin:0;
		padding:0;
		}
	
	.button_1{
		height:30px;
		background:#F34D04;
		border:0;
		padding-left:20px;
		padding-right:20px;
		color:#FFFFFF;
		}
	
	.dark {
		padding:15px;
		background:#181B56;
		color:#FFFFFF;
		margin-top:10px;
		margin-bottom:10px;
		}
	
	/* header */
	header {
		background:#1D9C28;
		color:#FFFFFF;
		padding-top:20px;
		min-height:70px;
		border-bottom:#155412 3px solid;
		}
	
	header a {
		color:#FFFFFF;
		text-decoration:none;
		text-transform:uppercase;
		font-size:14px;
		}
			
	header li {
		float:left;
		display:inline;
		padding: 0 10px 0 10px;
		}
		
	header #branding {
		float:left;
		}
		
	header #branding h1 {
		margin:0;
		}
		
	header nav {
		float:right;
		margin-top:10px;
		}
		
	header .highlight, header .current a{
		color:#F34D04;
		font-weight:bold;
		}
		
	header a:hover{
		color:#ACACAC;
		font-weight:bold;
		}
		/** ----------- **/
		a.sub_nav_links:link {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.sub_nav_links:active {
			text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.sub_nav_links:visited {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.sub_nav_links:hover {
			color: #666666;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			text-decoration:none;
		}

		/** ------ALT SUB NAV LINKS ----- **/
		.alt_sub_nav_links {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #05F3EF;
			text-decoration: none;
			}
			
		/** ------FOOTER NAV LINKS ----- **/
		a.footer_nav_links:link {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.footer_nav_links:active {
			text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.footer_nav_links:visited {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #FFFFFF;
		}
		 a.footer_nav_links:hover {
			color: #FAF001;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			text-decoration:none;
		}

		/** ------ALT FOOTER NAV LINKS ----- **/
		.alt_footer_nav_links {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 15px;
			font-weight: bold;
			color: #E5F804;
			text-decoration: none;
			}
			
		/** ------ALT MID-NAV  LINKS ----- **/
		.alt_midnav_nav_links {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: normal;
			color: #E5F804;
			text-decoration: none;
			}
		
			/** ----------- **/
		a.nav_boxes_links:link {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			color: #042EF8;
		}
		 a.nav_boxes_links:active {
			text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			color: #2996F7;
		}
		 a.nav_boxes_links:visited {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			color: #0F1493;
		}
		 a.nav_boxes_links:hover {
			color: #08D9F6;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			text-decoration:none;
		}
		
					/** ----------- **/
		a.showcase_links:link {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			color: #FBFBFB;
		}
		 a.showcase_links:active {
			text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			color: #FBFBFB;
		}
		 a.showcase_links:visited {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			color: #FBFBFB;
		}
		 a.showcase_links:hover {
			color: #08D9F6;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			text-decoration:none;
		}
		
		a.sm_bold_links:link {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #042EF8;
		}
		 a.sm_bold_links:active {
			text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #2996F7;
		}
		 a.sm_bold_links:visited {
			text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #0F1493;
		}
		 a.sm_bold_links:hover {
			color: #08D9F6;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			text-decoration:none;
		}
		
	/* showcase*/
	span.bg_highlight {
    background-color: green;
	opacity: 0.7;
	}
	
	span.bg_highlight_orange {
    background-color: orangered;
	opacity: 0.7;
	}
	
	span.bg_highlight_white {
    background-color: white;
	opacity: 0.8;
	}

	
	#showcase {
		min-height:400px;
		background:url('/_lib/_images/_v18/hero_new.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase h1{
		margin-top:60px;
		font-size:45px;
		margin-bottom:10px;
		opacity:1;
		
		}           
	
	#showcase p{
		font-size:16px;
		}
		
		/* showcase 2: republika paya*/
	#showcase2 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase2.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase2 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase2 p{
		font-size:16px;
		}
		
			/* showcase 3: the resort */
	#showcase3 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase3.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase3 h1{
		margin-top:140px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase3 p{
		font-size:16px;
		}
		
	
	/* showcase 4: wellness */
	
	#showcase4 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase4.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase4 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase4 p{
		font-size:16px;
		}
		
	/* showcase 5: leisure + activities  */
	
	#showcase5 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase5.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase5 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase5 p{
		font-size:16px;
		}	
	
		/* showcase 6: PHOTOS  */
	
	#showcase6 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase6.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase6 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase6 p{
		font-size:16px;
		}	
			
			/* showcase 7: RATES AND RESERVATIONS  */
	
	#showcase7 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase7.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase7 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase7 p{
		font-size:16px;
		}				
				
			/* showcase 8: ROATAN  */
	
	#showcase8 {
		min-height:400px;
		background:url('/_lib/_images/_v18/showcase8.jpg') no-repeat 0 -20px;
		text-align:center;
		color:#FFFFFF;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase8 h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
		
		}           
	
	#showcase8 p{
		font-size:16px;
		}	
			
					/* showcase 9: ISLAND BUNGALOWS - HOME PAGE  */
	
	#showcase9 {
		min-height:500px;
		background:url('/_lib/_images/_v18/showcase10.jpg') no-repeat 0 -30px;
		text-align:center;
		color:#FFFFFF;
		border-top:#155412 2px solid;
		border-bottom:#155412 2px solid;
		}	
		
	#showcase9 h1{
		margin-top:100px;
		font-size:35px;
		margin-bottom:10px;
		
		}           
	
	#showcase9 p{
		font-size:16px;
		}	
		

		
	/*Newsletter*/
	
	#newsletter {
		padding:15px;
		color:#FFFFFF;
		background:#1D9C28;
		border-top:#155412 2px solid;
		border-bottom:#155412 2px solid;
		}
		
	#newsletter h1{
		float:left;
		}
		
	#newsletter form{
		float:right;
		margin-top:15px;
		}
		
	#newsletter input[type="email"]{
		padding:4px;
		height:25px;
		width:250px;
	}
	
	/* boxes */
	
	#boxes {
		margin-top:20px;
		}
		
	#boxes .box {
		float:left;
		text-align:center;
		width:30%;
		padding:10px;
		}
		
	#boxes .rates_box {
		float:left;
		text-align:center;
		width:50%;
		padding:10px;
		}

	#boxes .promo_box {
		float:left;
		text-align:center;
		width:45%;
		padding:10px;
		}

	#boxes .promo_box img{
		width:95%;
		}
		
	#boxes .box img{
		width:160px;
		}
		
		/* sidebar */
		
	aside#sidebar {
		float:right;
		width:30%;
		margin-top:10px;
		}
		
	aside#sidebar .quote input, aside#sidebar .quote textarea {
		width:80%;
		padding:5px;
		}
		
		/* main column */
		
	article#main-col {
		float:left;
		width:65%;
		}
	
		/* services */
		
		ul#services li{
			list-style:none;
			padding:20px;
			border:#CCCCCC solid 1px;
			margin-bottom:5px;
			background:#E6E6E6;
			}
		
	   /* footer */
	  
	footer {
		padding:20px;
		margin-top:20px;
		color:#FFFFFF;
		background-color:#155412;
		text-align:center
		} 
		
	/* media queries */
	
	@media(max-width: 768px){
		header#branding,
		header nav,
		header nav li,
		#newsletter h1,
		#newsletter form,
		#boxes .box,
		article#main-col,
		aside#sidebar {
			float:none; 
			text-align:center;
			width:100%;
			 }
			 
		header {
			padding-bottom:20px;
			}
			
		#showcase h1{
			margin-top:40px;
			}
			
		#newsletter button, .quote button {
			display:block;
			width:100%;
			}
			
		#newsletter form input[type="email"], .quote input, .quote textarea {
			width:100%;
			margin-bottom:5px;
		}