@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:,300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
/*--
font-family: 'Lato', sans-serif;
font-family: 'Varela Round', sans-serif;

--*/

/* CSS Document */

/*===============================================================
  RESETS
 ===============================================================*/

* {
	margin: 0;
	padding: 0;
}


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix {
	clear: both;
}

.clearfix:after, .wrapper:after {
	content: "."; 
	display: block; 
	visibility: hidden;
	height: 0 !important; 
	overflow: hidden;
	clear: both;
}


h1 {
	font-family: 'Varela Round', sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #0095aa;
	margin-bottom:20px;
	text-align:center;
}


#info li {
	font-family: 'Varela Round', sans-serif;
	margin-left:20px;
	/*color:red;*/
	font-size:.85em;
	line-height:1.2;
	}
	
	
#info.JCDC img{
	width:260px;
	margin:0 auto;
	
	}


h2 span.gold{
	color:yellow;
	}

h2 span.green{
	color:green;
	}

h2 span.black{
	color:black;
	}



h2 {
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #0095aa;
	margin-bottom:20px;
	text-align:center;
}


p {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size:.85em;
	line-height:1.4em;
}


body {
	background-color: white;
}
	
#wrapper {
	position:relative;
	border: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	/*background-image:url(../images/ink-header.jpg);*/
	background-repeat:no-repeat;
	/*background-color:red;
	min-height:500px;to delete*/
	}
	


#footer-wrap {
	position:relative;
	/*background-color:red;
	height:20px;*/
	border: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	/*background-color:red;
	min-height:500px;to delete*/
	}


	
img {
	display:block;
	width: 100%;
	}
	
#infos {
	margin-bottom: 15px;
	
	}


#infos h2 {
font-family: 'Varela Round', sans-serif;
font-size:1.4em;
margin-top:.6em;
color:#005cb8;

	}
	
	
a {
	color:#000;
	}
	
.readmore{
	background-color:white;
	width:40px;
	height:2em;
	
	}
	
#infos .readmore::after {
	content: 'Read More \2192';
	color:#00c1de;
	font-size: 1em;
	line-height:2.4em;
	font-family: 'Varela Round', sans-serif;
}



section#info h2 a{
	text-decoration:none;
	color:#0095aa;
	text-align:center;
	
	}



.par-photos{
	width:100%;
	margin: 0 20px 20px 0;
	float:left;
	}




h4.caption{
	position:absolute;
	bottom:10px;
	right:10px;
	/*width:200px;
	height:40px;*/
	background-color:red;
	text-transform:uppercase;
	font-family: 'Varela Round', sans-serif;
	font-weight:400;
	font-size:7pt;
	color:#FFF;
	background-color:#0095aa;
	padding:6px;
	max-width:calc(100% - 20px)
	
	}


<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++-->








}


<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++-->



	


/*===============================================================
  HEADER/BANNER
 ===============================================================*/
#header{
	position:relative;
	/*margin:0 0 20px 0;*/
	background-color:black;
	
	}
	


#logo {
	z-index:0;
	position:relative;
	}
	
#logo img{
	width:260px;
	/*height:auto;*/
	margin:0px auto 20px auto;
	padding-top:20px;
	z-index:20;
	
	}
	




header#header{
	position:relative;
	/*background-color:yellow;*/
	}


header#header .social {
	/*background-color:green;*/
	display: inline-block;
	/*width:100px;
	background-color:yellow;*/
	position: absolute;
	top: 20px;
	right: 0px;
	z-index:40;
}
header#header .social a img {
	width:23px;
	display: inline-block;
	margin: 0 0 0 6px;
	z-index:40;
}
	
	
	#social-wrap {
	position:absolute;
	top: 0px;
	right:0;
	/*background-color:red;
	height:20px;*/
	border: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/*background-color:red;
	min-height:500px;to delete*/
	z-index:10;
	}
	
	
	
	
	
	
	
	
	
#ink{
	/*display:none;*/
	position:absolute;
	right:0;
	top:0;
	height:300px;
	/*background-color:red;*/
	}	
	
#ink img{
	height:170px;
	/*display:none;*/
	z-index:-100;
	}	

	
	
#navigator {
	position:relative;
	z-index:1000;
	margin-bottom:20px;
	/*min-height:40px;
	background-color:yellow;*/	
	}
	
#gallery {
	/*min-height:400px;*/
	background-color:orange;
	margin-bottom:15px;
	cursor:pointer;
	
	
	}
	


div#content {
	min-height:600px;
	}

div#content article {
	position:relative;
	width: 100%;
	/*margin-bottom: 15px;*/
	display: block;
	/*min-height:174px;
	background-color: black;*/
}

div#content article.sides {
	width:100%;
	margin-bottom: 15px;
	}

div#content article.center {
	width:100%;
	margin-bottom: 15px;
	}



/*===============================================================
  NAVIGATION
 ===============================================================*/

nav#main {
	display:none;
	/*background-color: red;
	height:30px;*/
	margin-top:30px;
	width:100%;
	z-index:30;
	
	}

nav#main ul {
	display: block;
}




p span{
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	color:#0095aa;
	}





nav#main ul {
	display: block;
	text-align: center;
}
nav#main ul li {
	list-style: none;
	display: inline-block;
}
nav#main ul li a {
	display: inline-block;
	font-family: 'Varela Round', sans-serif;
	font-size: .9em;
	text-decoration: none;
	text-transform: uppercase;
	color: #0095aa;
	margin: .4em 1em;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	letter-spacing: .14em;	
}
nav#main ul li a:hover {
	color: #b85727;
}
nav#main .selected {
	color: #b85727;
}

nav#main .reserve {
	color:#00c1de;
	font-family:'Lato', Geneva, sans-serif;
	font-weight:900;
	
	}



nav#main .active {
	color:#b85727;
	}



nav#navigator select {
	
	font-size: 12px;
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	width: 100%;
	background-color:#0095aa;
	color:#fff;
	border: none;
	/*margin: 10px 0;*/
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px 9px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}


nav#navigator select option {
	display:inline-block;
	text-align:center;
	}



select, select:active, select:hover {
	outline:none;
  outline-color:blue;
  border:none;
}




section#info {
	font-size: 1.3em;
	line-height:1.6em;
	min-height:100px;
	margin: 30px 0; /*+++++++++++++++++++++++++++++++++++++++++++*/
	}





/*===============================================================
  CONTACT MESSAGE SECTION
 ===============================================================*/

input{
	/*width:calc(100% - 0px)*/;
	width:100%;
	min-height:50px;
	border:#c1c1c1 solid 2px;
	margin-bottom:20px;
	float:left;
	font-size: 20px;
	padding:10px;
	}
	
textarea{
	/*width:calc(100% - 0px);*/
	width:100%;
	min-height:100px;
	border:#c1c1c1 solid 2px;
	margin-bottom:20px;
	padding:10px;
	float:left;
	font-size: 20px;
	}

	
#sub{
	width:120px;
	float:left;
	color:#fff;
	background-color:#0095aa;
	border:none;
	}
	


textarea:focus, input:focus{
    outline: 0 !important;
	color: #fff !important;
	background-color: #0095aa;
	border: #0095aa solid 2px !important;
}


#contact-area{
	margin:40px auto;
	text-align:center;
	font-size:20px;
	color:#0095aa;
	font-family: 'Varela Round', sans-serif;
	
	}
















/*===============================================================
  FOOTER
 ===============================================================*/

footer#footer {
	display:block;
	min-height:80px;
	background-color: #0095aa;
	position:relative;
	padding-bottom:10px;
	}


footer#footer .sns {
	display: inline-block;
	/*width:100px;
	background-color:yellow;*/
	position: absolute;
	top: 20px;
	right: 0px;
	/*padding-bottom:10px;*/
	
}
footer#footer .sns a img {
	width:120px;
	display: inline-block;
	margin: 0 0 0 6px;
	padding-bottom:10px;
}


footer#footer p {
	color: #fff;
	font-family: 'Varela Round', sans-serif;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .05em;
	position: absolute;
	top: 20px;
	left: 0px;
}


#infos a {
	text-decoration:none;
	
	}




/*===============================================================
  SCROLLBAR
 ===============================================================*/

/* Reference: http://css-tricks.com/custom-scrollbars-in-webkit/
*/
::-webkit-scrollbar {
	width:12px;
	background-color:rgba(243,243,243, 1); /* Safari. Lion's OS dark bg impacts Safari browser */
}
::-webkit-scrollbar-button {
	width:0;
	height:0;
}
::-webkit-scrollbar-corner {
	background:transparent;
}


/* On Bright
*/
::-webkit-scrollbar-track:hover {
	background-color:rgba(0,149, 170, .05);
}
::-webkit-scrollbar-track:active {
	background-color:rgba0,149, 170, .05);
}
::-webkit-scrollbar-thumb {
	background-color:rgba(0,149, 170, .2);
}
::-webkit-scrollbar-thumb:hover {
	background-color:rgba(0,149, 170, .4);
}
::-webkit-scrollbar-thumb:active {
	background-color:rgba(0,149, 170, 1);
}


/* On Dark
*/
.on-dark::-webkit-scrollbar-track:hover
{background-color:rgba(255,92,184, .1);}

.on-dark::-webkit-scrollbar-track:active {
	background-color:rgba(255,92,184, .1);
}
.on-dark::-webkit-scrollbar-thumb {
	background-color:rgba(255,92,184, .3);
}
.on-dark::-webkit-scrollbar-thumb:hover {
	background-color:rgba(255,92,184, .6);
}
.on-dark::-webkit-scrollbar-thumb:active {
	background-color:rgba(255,92,184, 1);
}









/*===============================================================
  BULLETS
 ===============================================================*/

ul.bullets {
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:1.2em;
	margin-bottom:2em;
	}

ul.bullets li:before{
    color: #00c1de;
content: "\2022";
font-size: 1em;
padding-right: .25em;
position: relative;
top: .1em;
}


/*===============================================================
  PROMOTION PAGE
 ===============================================================*/


	

section#promo h2{
	font-family: 'Varela Round', sans-serif;
	font-size:2em;
	color: #005cb8;
	/*margin-bottom:.2em;
	margin-top:-.4em;*/
	
	}

section#promo h3 {
	font-family: 'Varela Round', sans-serif;
	font-size:1.2em;
	color: #00c1de;
	margin-top:.8em;
	/*margin-bottom:.6em;*/
	}


section#promo p {
	font-weight:400;
	font-size: 1.6em;
	line-height:1.4em;
	margin: 30px 0; /*+++++++++++++++++++++++++++++++++++++++++++*/
	color:#005cb8;
	}




/*===============================================================
  THINGS PAGE
 ===============================================================*/


section#promo p.things-detail {
	font-size: 1.1em;
	line-height:1.4em;
	color:black;
	margin:0 0 2em 0;
	
	}




/*===============================================================
  CONTACT PAGE
 ===============================================================*/



.contact-area{
	margin: 100px 0 0 0;
	text-align:center;
	}
	
.contact-area h2{
	margin-bottom:1em;
	}
	
.contact-area h3{
	line-height:.6em;
	margin-bottom:1.4em;
	}

.contact-area span {
	color: #005cb8;
	}



/*===============================================================
  FAQ PAGE
 ===============================================================*/


section#promo.faq {
	margin: 80px 0 0 0;
	
	}	

section#promo.faq h2{
	font-family: 'Varela Round', sans-serif;
	font-size:1.4em;
	color: #005cb8;
	/*margin-bottom:.2em;
	margin-top:-.4em;*/
	
	}

section#promo.faq h3 {
	font-family: 'Varela Round', sans-serif;
	font-size:1em;
	color: #000;
	margin: 0  0 2em 0;
	/*margin-top:.8em;
	margin-bottom:.6em;*/
	}






/*===============================================================
  TABLE/RATES PAGE
 ===============================================================*/
/*--
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: center;
}

td {
	width:25%;
	}

--*/


section#rates-table {
	margin: 60px 0 0 0;
	
	}




table#table {
	display:table;
	width:100%;
	text-align:center;
	border:solid 1px black;
	border-collapse: collapse; 
	font-size:14px;
	font-family: 'Lato', sans-serif;
	/*padding: 5px;*/
	
	}


td {
	border-bottom:1pt solid black;
	border-right:1pt solid black;
	padding:10px;
	}
	
	
table#table .table-head-001 {
	background-color:#00c1de;
	font-family: 'Varela Round', sans-serif;
	font-weight:400;
	font-size:1.2em;
	color:#005cb8;
	}
	
table#table .table-head-002 {
	background-color:#005cb8;
	font-family: 'Varela Round', sans-serif;
	font-weight:400;
	font-size:1.2em;
	color:#fff;
	}	


table#table .table-sub-001 {
	background-color:#00c1de;
	font-family: 'Varela Round', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#005cb8;
	}
	
table#table .table-sub-002 {
	background-color:#005cb8;
	font-family: 'Varela Round', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#fff;
	}	



/*===============================================================
  WEDDINGS PAGE
 ===============================================================*/

section#weds {
	margin: 60px 0;
	}

section#weds p {
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
	text-align:center;
	
	}

section#weds h2 {
	font-family: 'Varela Round', sans-serif;
	font-size:2em;
	color:#005cb8;
	text-align:center;
	}

section#weds p span {
	color:#005cb8;
	font-family: 'Varela Round', sans-serif;
	font-size:1.2em;
	
	
	}
	
	
	
	
	
	
#nav-overlay{
	display:block;
	}	
	
	
/*===============================================================
 ===============================================================
 ===============================================================
  NAVIGATION + SUBMENU!!!!!!!   
 ===============================================================
 ===============================================================
 ===============================================================*/		

#primary_nav_wrap {
	position:relative;
	display:none;
	margin:10px 0;
	z-index:2000;
	width:100%;
	/*background-color:red;*/
	text-align:center;
}


#navsubs{
	display:inline-block;
	
	}

#primary_nav_wrap ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0 auto;
  padding: 0;
  display:block;
  text-align:center;
 /* background-color:yellow;*/
}

#primary_nav_wrap ul a {
  display: block;
  color: #0095aa;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  padding: 0 15px;
  font-family: 'Varela Round', sans-serif;
  text-transform: uppercase;
  letter-spacing: .14em;
  
 /* font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif*/
}

#primary_nav_wrap ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

#primary_nav_wrap ul li.current-menu-item {}

#primary_nav_wrap ul li.current-menu-item a{
	color:#b85727;
	
	}
	
#primary_nav_wrap ul li.selected-nav > a{
	color:#b85727;
	}
	
	

#primary_nav_wrap ul li:hover {
  background: #f6f6f6
}

#primary_nav_wrap ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 0
}

#primary_nav_wrap ul ul li {
  float: none;
  width: 200px
}

#primary_nav_wrap ul ul a {
  line-height: 120%;
  padding: 10px 15px
}

#primary_nav_wrap ul ul ul {
  top: 0;
  left: 100%
}

#primary_nav_wrap ul li:hover > ul {
  display: block
}

/*===============================================================
 ===============================================================
 ===============================================================
  NAVIGATION + SUBMENU ENDS!!!!!!!   
 ===============================================================
 ===============================================================
 ===============================================================*/	




h1.center-com{
	text-align:center;
	}


















	

/*tr.border_bottom td {
  border-bottom:1pt solid black;
}
*/


	
/*===============================================================
 ===============================================================
 ===============================================================
  MOBILE LANDSCAPE  MOBILE LANDSCAPE  MOBILE LANDSCAPE   
 ===============================================================
 ===============================================================
 ===============================================================*/	
	
	@media screen and (min-width:480px) {
	div#content article.sides {
	width:32%;
	margin: 0;
	float:left;
	}

div#content article.center {
	width:32%;
	margin: 0 2%;
	float:left;
	}	
		
		
nav#main {
	display:block;
}

nav#navigator select {
	display: none;
	}		
		
#infos h2 {
font-family: 'Varela Round', sans-serif;
font-size:1em;

	}
	
	
	
	




#ink{
	display:block;
	position:absolute;
	right:0px;
	/*right:-60px;*/
	top:0;
	/*width:34%;*/
	}	
	

#nav-overlay{
	display:none;
	}	
	
	
#primary_nav_wrap {
	display:block;
}




.par-photos{
	width:33.333%;
	margin: 0 20px 20px 0;
	float:left;
	}


h4.caption{
	font-size:10px;
	}



		
		}
	
	
	
	
	
	
	
	
/*===============================================================
 ===============================================================
 ===============================================================
 TABLET  TABLET  TABLET  TABLET  TABLET  TABLET  TABLET  TABLET     
 ===============================================================
 ===============================================================
 ===============================================================*/

	@media screen and (min-width:760px) {
#infos h2 {
font-family: 'Varela Round', sans-serif;
font-size:1.4em;
	}
		


#nav-overlay{
	display:none;
	}	

h4.caption{
	font-size:12px;
	}

		
		
		}
/*div#content article {
	width:32%;
	}

div#content article.center {
	margin: 0 2%;
	}
	
	
	*/
	
	
	
/*===============================================================
 ===============================================================
 ===============================================================
 DESKTOP  DESKTOP  DESKTOP  DESKTOP  DESKTOP  DESKTOP  DESKTOP       
 ===============================================================
 ===============================================================
 ===============================================================*/

	
	@media screen and (min-width:960px) {
#wrapper {
	width: 960px;
	}		
	

#footer-wrap {
	width:960px;
		}


#logo img{
	width:450px;
	/*height:auto;*/
	margin:0px auto 20px auto;
	padding-top:20px;
	z-index:20;
	
	}


#nav-overlay{
	display:none;
	}	


		
/*div#content article {
	width:310px;
	}

div#content article.center {
	margin: 0 15px;
	}*/

h4.caption{
	font-size:12px;
	}


		}