@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%;
	margin-left: auto;
	margin-right: auto;
	position: static;
}

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

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	24;
	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/
*/

@font-face {
	font-family: "ProximaNovalt";
	src: url('../fonts/proximanovacond-light-webfont.eot?') format('eot'), 
	     url('../fonts/proximanovacond-light-webfont.woff') format('woff'), 
	     url('../fonts/proximanovacond-light-webfont.ttf')  format('truetype'),
	     url('../fonts/proximanovacond-light-webfont.svg#ProximaNova') format('svg');
}


.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. */

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 28%; margin: 5px;}
.gallery li a { display: block; }
.gallery li img { display: block; width: 100%; height: auto; }

.centre_text{
	text-align: center;
} 

#quote_menu{
	position:relative;
	width:250px; 
  font-size:17px;
  top:-10px;
  left:-20px;
	height:auto; 
	background-color:#fffd44;
	display:none;
	border-radius: 5px 5px 5px 5px;
	border:2px solid #05BB74;
	box-shadow: 10px 10px 5px #888899;
	z-index: 10000;
} 

  #specials{
   position:absolute;
   top:140px;
   left:0px;
   max-width: 200px;
   max-height: 170px;
   width: 30%;
   height: 100%;
 	 z-index: 1;
  }
  
  #socialmedia{
   position:absolute;
   
   left:0px;
   max-width: 20px;
   max-height: 17px;
   width: 30%;
   height: 100%;
 	 z-index: 1;
  }
  
.submit_button 
{
 background-color: #05BB74;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  min-width: 70px;
  width: auto;
  padding:5px;
  padding-left:8px; padding-right:8px;padding-bottom:5px;
  text-decoration:none;
  margin-right:10px;
  margin-bottom:10px;
  margin-left:5px;
}
.submit_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}

.gridContainer {
	width: 100%;
	padding-left: 0.6666%;
	padding-right: 0.6666%;
	clear: none;
	float: none;
	margin-left: -2px;
}
#div1 {
}

.header {
	width: 65.5172%;
	background-color: #dbebf9;
	max-width: 400px;
	-webkit-box-shadow: 0px 0px 0px;
}
.topheader {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: ProximaNovalt;
	background-color: #dbebf9;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	position: static;
	background-image: -webkit-linear-gradient(270deg,rgba(5,187,116,1.00) 0%,rgba(219,235,249,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(5,187,116,1.00) 0%,rgba(219,235,249,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(5,187,116,1.00) 0%,rgba(219,235,249,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(5,187,116,1.00) 0%,rgba(219,235,249,1.00) 100%);
}

.footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
	border-radius: 0px 0px 5px 5px;
	background-color: #7589a5;
	text-align: center;
	color: #FFFFFF;
	border-top: 2px ridge #FF9900;
	line-height: 35px;
	font-family: ProximaNovalt;
	z-index: 10000;
}
.footer1, .subfooter1, .footer2, .footer3, .footer4 {
	width: 15%;
	height: 36px;
	display: inline-block;
  *display: inline;
	float: left;
	text-align: center;
	margin-left: 3.33%;
	margin-right: 3.33%;
	font-family: ProximaNovalt;
	font-size: 13px;
	line-height: 17px;

}
.footer2 {
	width: 25%;	
}
.subfooter1 {
	width: 90%;
	font-size: 13px;
}
.fl_menu {
	width: 31.0344%;
	margin-left: 3.4482%;
	clear: none;
	background-color: #dbebf9;
	height: 40px;
	display: block;
}
.menu {
	width: 100%;
	clear: both;
  text-align: center;
}
#images {
}
.maincontent {
	background-color: rgba(254,214,111,0.6);
	
	margin-top: 300px;
	width: 100%;
	max-width: 1200px;
	z-index: 888;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	font-family: ProximaNovalt;
	font-size: 12px;
}
.headercontainer {

	z-index: 100;
	background-color: #dbebf9;
	-webkit-box-shadow: 0px 0px 0px;
	border-bottom: 2px ridge #FF9900;
}
.content_box1 {
	width: 93%;
	background-color: #05BB74;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 10px;
	border-radius: 10px;
	font-family: ProximaNovalt;
}
.content_box2 {
	width: 93%;
	background-color: #92CAFC;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 15px;
	opacity: 1;
	border-radius: 5px;
	font-family: ProximaNovalt;
}
.content_box3{
	max-width: 400px;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.email_div{
	
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gallery li { float: left; width: 22%; }

.gridContainer {
	width: 98.3333%;
	padding-left: 0.8333%;
	padding-right: 0.8333%;
	clear: none;
	float: none;
	margin-left: -4px;
}
#div1 {
}
 #specials{
   position:fixed;
   top:150px;
  }

 #socialmedia{
   position:fixed;
   top:150px;
  }

.header {
width: 40.6779%;
}
.topheader {
	font-size: 16px;
}
.footer {
	display: block;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
	font-size: 15px;
}
.fl_menu {
width: 57.6271%;
clear: none;
margin-left: 1.6949%;
display: block;
}
.menu {
width: 100%;
margin-left: 0;
clear: both;
background-color: #05BB74;
}
#images {
}
.maincontent {
	width: 90%;
	font-size: 14px;
		margin: 0 0 0 6%;
	border:15px solid transparent;
	-webkit-border-image:url(../images/gallery/pool4.jpg) 30 30 round; /* Safari 5 */
	-o-border-image:url(../images/gallery/pool4.jpg) 30 30 round; /* Opera */
	border-image:url(../images/gallery/pool4.jpg) 30 30 round;
}
.headercontainer {
		position: fixed;
}
.content_box1 {
	width: 90%;
	font-size: 18px;
}
.content_box2 {
	width: 90%;
	font-size: 18px;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.footer1, .subfooter1, .footer2, .footer3, .footer4 {
	font-family: ProximaNovalt;
	font-size: 13px;
	line-height: 15px;
}
.subfooter1 {
	
}

}

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

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

.gallery li { float: left; width: 18%; }

.gridContainer {
	width: 99.5%;
	padding-left: 0.4166%;
	padding-right: 0.4166%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: -9px;
}
#div1 {
}
 #specials{
   top:170px;
  }
 #socialmedia{
   position:fixed;
   top:190px;
  }
.header {
width: 36.9747%;
}
.header {
}
.topheader {
	font-size: 18px;
}
.footer {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 19px;
}
.fl_menu {
	width: 62.1848%;
	clear: none;
	margin-left: 0.8403%;
	display: block;
}
.menu {
width: 100%;
clear: both;
margin-left: 0;
}
#images {
}
.maincontent {
	width: 80%;
	font-size: 16px;
	margin: 0 5% 0 15%;
}
.headercontainer {
	width: 101%;
}
.content_box1 {
	width: 90%;
	font-size: 22px;
}
.content_box2 {
	width: 90%;
	font-size: 20px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.footer1, .subfooter1, .footer2, .footer3, .footer4 {
	font-family: ProximaNovalt;
	font-size: 13px;
	line-height: 20px;
}
.subfooter1 {
	font-weight: bold;
	font-size: 15px;
}

}