@charset "utf-8";
/* CSS Document */

/* RESET ALL */

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: none;
}


/* END RESET */

/* GLOBAL CSS */


html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
} 




html{
    
    height: 100%;    
}
body{
    
	overflow-x: hidden;
    height: 100%;
}


body {-webkit-font-smoothing: antialiased;width: 100%;margin-right: auto;margin-left: auto;font-family: 'Open Sans', sans-serif;line-height: normal;color: #333;background-color: #ffffff;text-align: center;-webkit-text-size-adjust:none;max-width: 1920px;}
a {text-decoration: none;color: #4396dc;}
a:hover {text-decoration: underline; color: #4396dc;}
a:visited {text-decoration: none;}
.active a {color: #4396dc;}
h1 {font-size: 2em;color: #4396dc; font-family:'Roboto', sans-serif; margin-bottom: 2%;}
h2 {font-size: 1.275em;margin-bottom: .5em; color: #4396dc; font-family:'Roboto', sans-serif;}
h3 {font-size: 1.125em;margin-bottom: .5em; color: #4396dc; font-family:'Roboto', sans-serif;}
h4 {font-size: 1em; color: #4396dc; font-family:'Roboto', sans-serif; margin-bottom: .5em; }
p {font-size: 1em; margin-bottom: 1em; line-height: 1.45; }
#MobileNav { display: none;}
.slicknav_menu {display: none;}
.HiddenClear {float: left;width: 100%; margin-bottom: 2px; clear: left;}
.ImgLeft {float: left; padding-right: 10px;}
.LineBreak {width: 100%; border-bottom: 1px solid #4396dc; float: left;}
.RED {color: #b5035b!important; padding-top: 2%; padding-bottom: 2%; font-size: 1.5em!important;}
.FullWidthImage {width: 100%; margin-top: 1%; margin-bottom: 4%; max-width: 100%; float:left;}
.smallRED {color: #b5035b!important;}
.CenterText {width: 80%; text-align:center; padding: 10%; padding-bottom: 0%; float: left;}
.littleline {width: 100%; float: left; text-align:center; margin-bottom: 4%;}
.PrivacyWrap {widht: 100%; float: left; text-align: left; margin-bottom: 2%;}

/* PAGE List */


#OuterWrapper .PanelInner .InteriorPageList {margin-bottom: 2%;}
#OuterWrapper .PanelInner .InteriorPageList li {font-size: 1em; padding-bottom: 2%;}

/* HEADER & FOOTER ON SUB PAGES SUB PAGES */

#OuterWrapperSub {width: 100%;margin-right: auto;margin-left: auto;position: absolute;z-index: 2;height:100%; max-width: 1920px;}
#OuterWrapperSub #OuterHeader {width: 100%; max-width: 100%; float: left; padding-top: 2%; z-index: 2; margin-bottom: 10px; position: none;}
#OuterWrapperSub #OuterHeader #InnerHeader {width: 100%; max-width: 1260px; margin-left:auto; margin-right:auto; text-align:left;}
#OuterWrapperSub #OuterHeader {width: 100%; max-width: 100%; float: left; padding-top: 2%; z-index: 2; margin-bottom: 10px; position: none;}
#OuterWrapperSub #OuterHeader #InnerHeader {width: 100%; max-width: 1260px; margin-left:auto; margin-right:auto; text-align:left;}
#OuterWrapperSub #OuterHeader #InnerHeader #Branding {float: left; margin-top: 0%; margin-bottom: 1%; width: 100%; text-align:center;}
#OuterWrapperSub #OuterHeader #InnerHeader #TopNav  {text-align: center; float: left; width: 100%; margin-bottom: 2%;}
#OuterWrapperSub #OuterHeader #InnerHeader #TopNav ul li {display: inline; padding-left: 2%; padding-right: 2%; font-size: 1.063em;}
#OuterWrapperSub #FooterOuter {width: 100%;z-index: 10;position: relative;float: left;bottom: 0;display: block; background-color:#4396dc;}
#OuterWrapperSub #FooterOuter #FooterInner {text-align: center; padding-top: 2%;}
#OuterWrapperSub #FooterOuter #FooterInner ul {padding-bottom: 1%;}
#OuterWrapperSub #FooterOuter #FooterInner ul li {display: inline; padding-left: 10px; padding-right: 10px; font-size: .813em; color: #fff;}
#OuterWrapperSub #FooterOuter #FooterInner ul li a {color: #fff;}
#OuterWrapperSub #PanelWrap .PanelInner .FourOhFourWrap {min-height: 100%; padding-top: 20%; padding-bottom: 20%;}


#OuterWrapperSub #PanelWrap {width: 100%; max-width: 1260px; margin-left:auto; margin-right:auto;}

#OuterWrapperSub #PanelWrap h1 {margin-bottom: 1em;}




/* blockquote */

blockquote {font-size: 1em;font-style: italic;margin: 0.5em 0;padding: 0.5em 40px;line-height: 1.45;position: relative;color: #333;float: left; clear: left; margin-top: 1em; width: 100%; margin-bottom:4%;}
blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 5em;position: absolute;left: -20px;top: -20px;color: #006699;}
blockquote cite {color: #666;font-size: .875em;display: block;margin-top: .5em;}
blockquote cite:before {content: "\2014 \2009";}
 

/* blockquote */



/* HEADER & FOOTER ON SUB PAGES SUB PAGES */

/* OUTER WRAPPER */

#OuterWrapper {width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 2;height:100%; max-width: 1920px;}

/* OUTER HEADER */

#OuterWrapper #OuterHeader {width: 100%; max-width: 100%; float: left; padding-top: 2%; z-index: 2; margin-bottom: 10px; position: absolute; background-color: #fff;}
#OuterWrapper #OuterHeader #InnerHeader {width: 100%; max-width: 1260px; margin-left:auto; margin-right:auto; text-align:left;}


/* BRANDING */

#OuterWrapper #OuterHeader #InnerHeader #Branding {float: left; margin-top: 0%; margin-bottom: 1%; width: 100%; text-align:center;}

/* CONTACT HEADER */

#OuterHeader #InnerHeader #ContactHeader {width: 100%; text-align:center; float: left; padding-bottom: 1%;}

#OuterHeader #InnerHeader #ContactHeader ul li {display: inline; padding-left: 1%; padding-right: 1%; list-style:none;}



/* TOP NAVIGATION */

#OuterWrapper #OuterHeader #InnerHeader #TopNav  {text-align: center; float: left; width: 100%; margin-bottom: 2%;}
#OuterWrapper #OuterHeader #InnerHeader #TopNav ul li {display: inline; padding-left: 2%; padding-right: 2%; font-size: 1.063em;}


/* social top */

#OuterWrapper #OuterHeader #InnerHeader .Social {float: right; text-align: right; margin-top: 0%; width: 20%;}
#OuterWrapper #OuterHeader #InnerHeader .Social ul li {display: inline!important; padding-left: 2%;}

#OuterWrapper #OuterHeader #InnerHeader .Social ul li a:hover {opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */ -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}



/* SECONDARY NAV */

#OuterWrapper .PanelInner .SecondaryNav {float: left; width: 100%; padding-bottom: 100px; margin-top: 2%; text-align: center;}

#OuterWrapper .PanelInner .SecondaryNav li {display: inline; padding-right: 2%; color: #78957b}



/* INDEX PAGE PANELS ONLY */


/* PANEL ONE */

#OuterWrapper #Panel1Outer {width: 100%; position: realtive;height:100%;background-image:url(../images/screens/panel1.png);background-repeat: no-repeat;background-size: 100%;background-position: left bottom; float: left; padding-top: 5%; background-color: #4396dc;}

#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {position: relative; text-align:right; margin-top: 40%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 6em; color: #fff;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 2em; color: #fff;}

/* PANEL TWO */

#OuterWrapper #Panel2Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left;}

/* PANEL THREE */


#OuterWrapper #Panel3Outer {width: 100%;position: relative;height:80%; background-color: #4396dc; background-image:url(../images/screens/panel2.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; float: left; filter: expression(document.execCommand("BackgroundImageCache", false, true));}



/* PANEL FOUR */

#OuterWrapper #Panel4Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left;}


/* PANEL FIVE */

#OuterWrapper #Panel5Outer {width: 100%;position: relative;height:80%; background-color: #4396dc; background-image:url(../images/screens/panel6.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; float: left;}


/* PANEL SIX */

#OuterWrapper #Panel6Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left; }

/* PANEL SEVEN */

#OuterWrapper #Panel7Outer {width: 100%;position: relative;height:80%; background-color: #4396dc; background-image:url(../images/screens/panel4.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; float: left;}


/* PANEL EIGHT */

#OuterWrapper #Panel8Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left;}

/* PANLE NINE */

#OuterWrapper #Panel9Outer {width: 100%;position: relative;height:80%; background-color: #4396dc; background-image:url(../images/screens/panel5.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; float: left;}


/* PANEL TEN  */

#OuterWrapper #Panel10Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left;}

/* PANEL ELEVEN  */

#OuterWrapper #Panel11Outer {width: 100%;position: relative;height:80%; background-color: #4396dc; background-image:url(../images/screens/panel3.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; float: left;}


/* PANEL TWELVE */

#OuterWrapper #Panel12Outer {width: 100%;position: relative;height:auto;background-color:#fff; float: left;}



/* END INDEX PAGE PANELS ONLY */

/* spacer for subheads */

.SubHead {width: 100%; margin-top: 2%; float: left;}


.Anchor {float: left; width: 100%; position: relative; padding-bottom: 100px;}
#OuterWrapper #Panel8Outer .PanelInner .Anchor {float: left; width: 100%; position: relative; padding-bottom: 0px;} /* SPECIFICALLY SECOND ANCHOR IN PANEL 8 */


/* INDEX PANELS INNER */



#OuterWrapper .PanelInner {width: 100%; margin-left: auto; margin-right: auto; max-width: 1060px; text-align:left;}

#OuterWrapper .PanelInner p {color: #333;}

#OuterWrapper .PanelInner .Left {width: 48%; float: left; padding-right: 2%; padding-bottom: 2%; margin-top: 2%;}

#OuterWrapper .PanelInner .Right {width: 48%; float: left; padding-left: 2%; padding-bottom: 2%; margin-top: 2%;}


#OuterWrapper .PanelInner .FullWidthWrap {width: 100%; float: left; margin-top: 2%; margin-bottom: 0%;}


/* FOOTER */

#SocialFooter {width: 100%;position: relative;float: left; text-align: center; padding-bottom: 2%;}

#SocialFooter ul li{ display:inline; padding-right: 1%; padding-left: 1%;}


#OuterWrapper #FooterOuter {width: 100%;z-index: 10;position: relative;float: left;bottom: 0;display: block; background-color:#4396dc;}


#OuterWrapper #FooterOuter #FooterInner {text-align: center; padding-top: 2%;}
#OuterWrapper #FooterOuter #FooterInner ul {padding-bottom: 1%;}
#OuterWrapper #FooterOuter #FooterInner ul li {display: inline; padding-left: 10px; padding-right: 10px; font-size: .813em; color: #fff;}
#OuterWrapper #FooterOuter #FooterInner ul li a {color: #fff;}





/* CONTACT FORM */



#formarea {text-align: left;padding-left: 0%; padding-top: 0%;width: 100%;float: left; max-width: 100%;}



/* I'M THE MAP - MAKE ME RESPONSIVE*/



.google-maps {position: relative; padding-bottom: 70%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 340px!important;}


/* Address Panel */

 #AddressPanel {width: 96%; padding: 2%; float: left; padding-left: 0%; margin-top: 2%; text-align:center;}
#AddressPanel p {color: #fff; }
#AddressPanel #AddressRight p a {color: #9d7d2d;}
#AddressPanel #AddressRight p a:hover {color: #cdab82;}



/* PRICE LIST */

#OuterWrapper .PanelInner .PriceListWrap {float: left;width: 100%;margin-bottom: 3%;}
#OuterWrapper .PanelInner .PriceList {float: left; width: 100%;}
#OuterWrapper .PanelInner .PriceList .PriceLeft {float: left; width: 70%;}
#OuterWrapper .PanelInner .PriceList .PriceRight {float: left; width: 25%; padding-left: 2.5%; padding-right: 2.5%; text-align:right;}
#OuterWrapper .PanelInner .PriceListWrap .small {font-size: .913em;}
#OuterWrapper .PanelInner .Right #AddressPanel h2 {margin-bottom: 4%;}


/* ARROW DOWN */

.arrow-down {
margin-top: -3%;
float: right;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #CDAB82;
}


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

p {font-size: .938em; margin-bottom: 1em; line-height: 1.45;}
#OuterWrapper .PanelInner .InteriorPageList li {font-size: .938em;} 
#OuterWrapper .PanelInner .SecondaryNav {float: left; width: 100%; padding-bottom: 2%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 30%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 4em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 2em;}
#OuterWrapper #Panel1Outer {height:70%;}


}

@media screen and (max-width: 1024px) 
{
#OuterWrapper {max-width: 1024px;} 
#OuterWrapper .PanelInner {max-width: 96%; margin-left: 2%;}
#OuterWrapper #OuterHeader #InnerHeader {max-width: 96%; margin-left: 2%;}
#OuterWrapper #Panel3Outer {background-attachment: scroll;}
#OuterWrapper #Panel5Outer {background-attachment: scroll;}
#OuterWrapper #Panel7Outer {background-attachment: scroll;}
#OuterWrapper #Panel9Outer {background-attachment: scroll;}
#OuterWrapper #Panel11Outer {background-attachment: scroll;}

.Anchor {padding-bottom: 60px;}



#OuterWrapper .PanelInner .SecondaryNav {padding-bottom: 60px;}
#OuterWrapper #OuterHeader #InnerHeader #TopNav ul li {font-size: 1em; padding-left: 1.25%; padding-right: 1.25%;}

#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 30%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 3em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 2em;}
#OuterWrapper #Panel1Outer {height:60%;}
}

@media screen and (max-width: 960px)

{

#OuterWrapperSub #OuterHeader	{display: none;}
#OuterWrapper #OuterHeader	{display: none;}	
#OuterWrapper {margin-top: 0%; padding-top: 0%;}
.slicknav_menu {display: block; text-align: left;}
#OuterWrapper #Panel1Outer {padding-top: 12%; padding-bottom: 8%;}
#OuterWrapper .PanelInner .Left {width: 100%; float: left; padding-right: 0%; padding-left: 0%; padding-bottom: 0%; margin-top: 4%;}
#OuterWrapper .PanelInner .Right {width: 100%; float: left; padding-right: 0%; padding-left: 0%; padding-bottom: 0%; margin-top: 2%;}
.google-maps {position: relative; padding-bottom: 50%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}	
#formarea {padding-left: 2%; padding-top: 0%;width: 98%;float: left; max-width: 98%;}
#OuterWrapper .PanelInner .SecondaryNav li {font-size: .813em;}
#OuterWrapper #FooterOuter #FooterInner ul li {font-size: .750em;}
.CenterBooking {text-align:left;}
.CenterBooking a img {max-width: 40%;}
#OuterWrapper #Panel1Outer {height:30%;}
#OuterWrapper #Panel1Outer {background-size: 150%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 10%;padding: 4%;}

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

#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 10%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 3em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 2em;}




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

.Anchor {padding-bottom: 30px;}
h1 {font-size: 2em;}
#OuterWrapper .PanelInner .SecondaryNav {padding-bottom: 30px;}
#OuterWrapper #Panel1Outer .PanelInner h1 {font-size: 3em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 10%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 2em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 1.5em;}



	}	
	
	
@media screen and (max-width: 667px) {
	
#OuterWrapper .PanelInner .SecondaryNav li {display: block; font-size: .913em; padding-bottom: 2%;}	

blockquote::before {display: none;}
blockquote {padding: 0.5em 0px;}

}


@media screen and (max-width: 600px) {
	
#OuterWrapper .PanelInner h1 img {max-width: 10%;}
#AddressPanel {margin-top: 2%;}	
h1 {font-size: 1.750em;}
h2 {font-size: 1.250em;}
	}	
	
	
	@media screen and (max-width: 568px) {
		
	#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 4%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 1.5em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 1.25em;}	
		
		}


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

#OuterWrapper #Panel1Outer .PanelInner h1 {font-size: 2em;}	
#OuterWrapper .PanelInner .SecondaryNav {margin-top: 4%; float: left;}
	#OuterWrapper .PanelInner .SecondaryNav li {display: block; font-size: .913em; padding-bottom: 2%;}	
	#OuterWrapper #FooterOuter #FooterInner ul li {display: block; padding-bottom: 2%;}
	
	#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 0%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 2em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 1.75em;}

	

	}
	
	@media screen and (max-width: 414px) {
	
	
#OuterWrapper .PanelInner .SecondaryNav {margin-top: 4%; float: left;}
	#OuterWrapper .PanelInner .SecondaryNav li {display: block; font-size: .913em; padding-bottom: 2%;}	
	#OuterWrapper #FooterOuter #FooterInner ul li {display: block; padding-bottom: 2%;}
	#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 20%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 1.5em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 1.25em;}

	
	}
	
		@media screen and (max-width: 360px) {
	
	
#OuterWrapper .PanelInner .SecondaryNav {margin-top: 4%; float: left;}
	#OuterWrapper .PanelInner .SecondaryNav li {display: block; font-size: .913em; padding-bottom: 2%;}	
	#OuterWrapper #FooterOuter #FooterInner ul li {display: block; padding-bottom: 2%;}
	#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap {margin-top: 0%;padding: 4%;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h1 {font-size: 1.25em;}
#OuterWrapper #Panel1Outer .PanelInner .HeadlineWrap h2 {font-size: 1.15em;}

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

#OuterWrapper #Panel1Outer {display: none;}
#OuterWrapper #Panel3Outer {display: none;}
#OuterWrapper #Panel5Outer {display: none;}
#OuterWrapper #Panel7Outer {display: none;}
#OuterWrapper #Panel9Outer {display: none;}
#OuterWrapper .PanelInner h1 img {display: none;}
#OuterWrapper .PanelInner h2 img {display: none;}
h1 {font-size: 1.250em;}
h2 {font-size: 1em;}
#OuterWrapper #Panel2Outer .PanelInner .FullWidthWrap .Intro {font-size: .938em;}
p {font-size: .813em;}
.google-maps {display: none;}	
#formarea {display: none;}
#AddressPanel #AddressLeft {display: none;}
#OuterWrapper #FooterOuter #FooterInner ul li {font-size: .750em;}

	}