@font-face { font-family: Gotham Light; src: url('/fonts/Gotham-Light.otf'); }
@font-face { font-family: Gotham Book; src: url('/fonts/Gotham-Book.otf'); }
@font-face { font-family: Gotham Book Italic; src: url('/fonts/Gotham-BookItalic.otf'); }
@font-face { font-family: Gotham Medium; src: url('/fonts/Gotham-Medium.otf'); }
@font-face { font-family: Gotham Bold; src: url('/fonts/Gotham-Bold.otf'); }
@font-face { font-family: Gotham Bold Italic; src: url('/fonts/Gotham-BoldItalic.otf'); }

*{
	margin:0;
	padding:0;
}
	body{
	overflow-x: hidden;	
	}	
	#banner{ 
		width:100%;
		padding:110px 0 140px; 
	/*	padding: 35px 0; */
		background:#CCC url('/wp-content/themes/gentle_calm/images/LW_APPICONWEB.png') no-repeat top center;
		text-align:center;
	}
	
	#borderBottom {position: fixed;height: 10px;bottom: 0;width: 100%;background: red;z-index: 40000;}
#borderTop {position: fixed;height: 10px;top: 0;width: 100%;background: red;z-index: 40000;}
#borderRight {position: fixed;height: 100%;right: 0;top: 0;width: 10px;background: red;z-index: 40000;}
#borderLeft {position: fixed;height: 100%;left: 0;top: 0;width: 10px;background: red;z-index: 40000;}
	
	#banner img{
		margin:0px auto;
	}
			
	#banner1{ 
		width:100%;
	/*	padding:100px 0 140px; */
		padding: 0;
		background:transparent;
	}
	
	#banner1 li {
			width:100%;
			height: 110px;
			border-bottom:10px solid red;
			padding: 0;
			margin: 0 auto;
	}
	
	#banner1 p {
		color: red;
		font:35px/30px 'Gotham Bold', Arial, sans-serif; 
		text-decoration:none; 
		letter-spacing:0.1em;
		list-style:none;
		/* margin:0 0 5px 0; */
		margin: 0 0 0 25px;
		padding:25px 0 15px 35px;
		text-align: left;
	}
	
	#banner1 p span {
		font:25px 'Gotham Bold', Arial, sans-serif;
		margin-top: -10px;
	}
	
	#banner1 img{
			position: relative;
			left:0;
			top: 0;
			float: left;
			border: 10px solid red;
			margin-right: 15px;
	}
		
		
	
	#content{
	/*	padding:10px 20px 20px 20px; */
	padding: 0;
	width:100%;
	margin: 0 auto;
	}	
	
	#content ul li {
		background: url('/wp-content/themes/gentle_calm/images/arrow-button.png') no-repeat 96% center;
		padding: 0 18px;
	}
	
	#content ul li a {
			width: 100%;
			text-align: left;
			padding:18px 0;
	}
	
	#content .icon{ 
			height:185px;
			width:280px;
	}
	#content p{ 
			color:#888;
			font:400 14px 'Abel', Arial, sans-serif; 
			text-decoration:none; 
			letter-spacing:0.1em;
			list-style:none;
			/* margin:0 0 5px 0; */
			margin: 0;
			padding:10px;
	}
	
	#content a{ 
			color:#17487C;
		/*	border-bottom:1px dotted #00b6b6; */
			text-decoration:none;
			text-transform: uppercase;
			/*background: url('arrow-button.png') no-repeat right top;*/
			border: none;
			display: block;
			/*padding: 7px 33px 6px 0;*/
	}
	

		
	#pricing{
	/*	padding:10px 20px 20px 20px; */
	padding: 10px 0 0 0;
	width:100%;
	margin: 0 auto;
	}	
	
	#pricing i {color:#9B0A14;font-weight: bold;}
	
	#pricing ul li {
		background: #f1f1f1;
		padding: 10px;
		margin: 0 10px 10px 10px;
		-webkit-box-shadow:0 1px 4px #999;
		-moz-box-shadow:0 1px 4px #999;
		-ms-box-shadow:0 1px 4px #999;
		box-shadow:0 1px 4px #999;
		color: #333;
	}
	
	#pricing ul li a {
			text-align: left;
	}
	
	#pricing .icon{ 
			height:185px;
			width:280px;
	}
	#pricing p{ 
			color:#888;
			font:400 12px 'Abel', Arial, sans-serif; 
			text-decoration:none; 
			letter-spacing:0.1em;
			list-style:none;
			/* margin:0 0 5px 0; */
			margin: 0;
			padding:10px 0;
	}
	
	#pricing a{ 
			color:#17487C;
		/*	border-bottom:1px dotted #00b6b6; */
			text-decoration:none;
			text-transform: uppercase;
			/*background: url('arrow-button.png') no-repeat right top;*/
			border: none;
			/*padding: 7px 33px 6px 0;*/
	}
	
	#booking{
	/*	padding:10px 20px 20px 20px; */
	padding: 10px 0 0 0;
	width:100%;
	margin: 0 auto;
	}	
	
	#booking ul li {
		background: #fff;
		padding: 10px;
		margin: 0 10px 10px 10px;
		-webkit-box-shadow:0 1px 4px #999;
		-moz-box-shadow:0 1px 4px #999;
		-ms-box-shadow:0 1px 4px #999;
		box-shadow:0 1px 4px #999;
		color: #333;
		border: none;
		text-align: center;
	}
	
	#booking ul li p {
			/*text-align: left;*/
			color:#9B0A14;
			text-decoration:none;
			text-transform: uppercase;
			border: none;
			font:bold 14px 'Abel', Arial, sans-serif; 
	}
	
	#booking a {text-decoration: none;}
	
	#booking ul li a { text-decoration: none;color:#9B0A14;}
		
	#content a.twitter{ 
			color:#cc6600;
		/*	border-bottom:1px dotted #00b6b6; */
			text-decoration:none;
			text-transform: uppercase;
			background: url('/wp-content/themes/gentle_calm//images/button-link-tweet.png') no-repeat right top;
			border: none;
			padding: 7px 33px 6px 0;
	}
	
	#content-book {
	/*	padding:10px 20px 20px 20px; */
	padding: 15px 0 0 0;
	width:100%;
	margin: 0 auto;
	overflow-x: hidden;
	}	
	
	#content-book ul li {
		padding: 0 0 0 18px;
		border: none;
	}
	
	#content-book ul li a {
			text-align: left;
			padding:18px 0;
	}
		
	ul{
	/*		margin:0 0 20px 0;*/
	}
			
	ul li{
/*	color:#00b6b6; */
	font:20px 'Gotham Bold', Arial, sans-serif;
/*	text-transform: uppercase; */
	text-decoration:none; 
	letter-spacing:0.1em;
	list-style:none;
	/* margin:0 0 5px 0; */
	margin: 0;	
	border-bottom: 10px dotted red;
	padding: 20px;
	}
	
	ul li a {
	color: #ed2124;
	}
	
	.twitter_update_list li {
	padding: 20px;
	font:15px 'Gotham Bold', Arial, sans-serif;
	}
	
	#app_content {
	padding: 0 0 20px 0;	
	}
	
	#app_content img{
	text-align: center;
	margin: 0 auto;
	}
	
	#app_content p {
/*	color:#00b6b6; */
	font:20px 'Gotham Bold', Arial, sans-serif;
	padding: 10px 20px;
	}
	
	#app_content a {
	color: #ed2124;	
	text-decoration: none;
	}
	
	#pricing ul li {border: none;}
	
	ul li.odd{ 
	background:#f5f5f5;
	}
	
	#bottomm {
	border-top: 10px dotted red;
	border-bottom: 10px dotted red;	
	width: auto;
	font:20px 'Gotham Bold', Arial, sans-serif;
	padding: 10px 20px;	
	height: 25px;
	}
	
	#bottomm a {
	color: red;	
	text-decoration: none;	
	}
	
	#bottomm .left {
	background: url('/wp-content/themes/gentle_calm/images/arrow-button-back.png') left center no-repeat;
	float: left;
	padding:0 0 0 25px;
	width: 15%;
	text-align: left;
	}
	
	#bottomm .right {
	background: url('/wp-content/themes/gentle_calm/images/arrow-button-top.png') right center no-repeat;
	float: right;
	padding:0 30px 0 0;
	width: 15%;
	text-align: right;
	}
	
	
	#footer{
	/*	padding:10px 20px 20px 20px; */
	padding: 40px 0 10px 0;
	width:100%;
	height: 150px;
	margin: 0 auto;
	background: #26fea9;
	text-align: center;
	border-top: 10px solid red;
	}
	
	#footer a { margin: 15px;}	
	
	#footer p {
	color: white;
	margin: 30px 0;	
	font:400 12px Arial, sans-serif; 	
	}
	
	#footer a.linker{
				height:28px; 
				font:500 15px 'Gotham Bold', Arial, sans-serif;
				padding: 12px 14px 10px;
				border: 10px solid white;
				color: white;
				text-decoration: none;
				} 
	
	#footer a.full-site{
				height:28px; 
				font:500 15px 'Gotham Bold', Arial, sans-serif; 
			/*	text-transform: uppercase;  */
				text-decoration:none; 
				letter-spacing:0.1em;  
				border:none;
				color:#fff; 
				text-align: center;
				margin: 10px auto;
				background: transparent;
				margin: 0;
				padding: 12px 14px 10px;
				border: 10px solid white;
				display: inline;
	}
	
	nav select {
		display: none;
  	}		
	
	nav ul li {text-align: center;}
			
	@media (max-width: 960px) {
	  nav ul     { display: none; }
	  nav select { display: inline-block;margin: 10px 20px; }
	}	
	
	select {
   -webkit-appearance: none;
 }
 
 select {
   border: 1px solid #ccc;
   padding: 0.5em;
   font-size: 15px;
   line-height: 1.2em;
   width: 88%;
   margin: 0 auto;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 1px #fff;
   -webkit-border-radius: 0.5em;
 }
 
  select {
     padding: 0.5em 1em 0.5em 0.75em;
     background: transparent url("/wp-content/themes/gentle_calm/images/arrow-button-down.png") no-repeat right center;
   }
 
 input:focus, textarea:focus, select:focus {outline-color: #c00;}
 
		
.party {
		position: relative;
		left: 50%;
		
		width: 280px;
		height: 148px;
		padding: 0;
		margin: 5px 0 15px -140px;
		-webkit-box-shadow:0 1px 4px #999;
		-moz-box-shadow:0 1px 4px #999;
		-ms-box-shadow:0 1px 4px #999;
		box-shadow:0 1px 4px #999;
		color: #333;
	}


/* COMMENTS */

.comments {
	background: transparent url(/wp-content/themes/gentle_calm-X/images/NPS_WIT.png) repeat;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;	
	margin-bottom: 50px;	
}

#comments {
	font-size: 20px;
	line-height: 20px;
	margin: 10px 0 15px;
	padding: 5px 60px 5px 0;
}

#comments h3 {
	font-family: Roadgeek, Arial, sans-serif;
	font-weight: normal;
	color: black;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #D9D9D9;
}

#respond h3 {
	font-family: Roadgeek, Arial, sans-serif;
	font-weight: normal;
	color: black;
}


.comment_form {
	padding: 5px 60px 50px 60px;
}

.comment td {vertical-align: top;}
.comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 30px;}
.avatar {display: block; margin-right: 10px;}
.comment-author {color: #aaa9a9;font: 11px Helvetica, Arial, sans-serif;}
.comment-author span {color: #000;}
.comment-author a, .comment-author span {text-decoration: none; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.comment-author a:hover {text-decoration: underline;}
.comment-author, .comment-date {white-space: nowrap;}
.comment-reply-link {position: absolute; bottom: 1px; text-decoration: none;}
.comment-reply-link:hover {text-decoration: underline;}
.comment-text p {color: #4b4b4b; ; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
#respond p, .nopassword {margin: 10px 0; font: 11px Helvetica, Arial, sans-serif;}
.nopassword {padding-left: 30px;}
.children {margin-left: 80px;}
.children .children {margin-left: 50px;}
.children .comment {padding-left: 0;
#respond p a {text-decoration: none;}
#respond p a:hover {text-decoration: underline;}
#commentform {padding: 30px 0 0 30px;}
#commentform table {width: 100%; margin-bottom: 15px;}
#commentform td {vertical-align: top; width: 33.33%;}
#commentform td p {font: bold 11px Helvetica, Arial, sans-serif; color: #333; margin-bottom: 5px;}
#commentform td p span {color: #aaa9a9; font: italic 11px Georgia, Geneva, "Times New Roman", times;}
.commform-textarea {border: 1px solid #d9d9d9; padding: 10px; margin-bottom: 10px;}
#comment {width: 100%; height: 120px; padding: 0; margin: 0; border: none; border-color: #fff; overflow: auto;}
.commform-author div {margin-right: 15px; border: 1px solid #d9d9d9; padding: 5px;}
.commform-email div {border: 1px solid #d9d9d9; padding: 5px;}
.commform-url p {margin-left: 15px !important;}
.commform-url div {margin-left: 15px; border: 1px solid #d9d9d9; padding: 5px;}
#author, #email, #url {width: 100%; margin: 0; padding: 0; border: none; font: 12px Helvetica, Arial, sans-serif; color: #333;}



input[type="submit"] { 
-webkit-appearance: none;
color:#F0F0F0;
margin: 15px 0 0 0;
padding: 12px 20px 10px;	
background: #dc5f59;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-radius: 8px;
font: 1.5em 'Gotham Bold', Arial, sans-serif;
}

input:hover[type="submit"]{
background: #b61b13;
}
p#cancel-comment-reply {float: right; line-height: 28px; margin: 0;}

h2#comments{
	text-align:center;
/*	border-top:1px solid #9ba1aa; */
	background:#ffffff;
	padding:0;
/*	border-bottom:1px solid #9ba1aa; */
	margin-bottom:.5em;
	margin-top:3em;
	font-size: 15px;
}
ol#commentlist {
	margin-top:0px;
	padding: 2em;
	margin-left: 0px;
	color: #9b9b9b;
	list-style-type: none;
	font-size:1em;
}
#commentlist li  p{
	padding: 0px;
	margin: 0px;
}
.commentname {
	float: left;
	margin: 0;
	padding: 0 0 0.2em 0;
	font-size: 14px;
}
.commentinfo{
	width: 20em;
	float: right;
	text-align: right;
}
.commenttext {
	clear: both;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3em;
	border-top: 2px dotted #ebebeb;
	line-height:1.2em;
	color: #5b5b5b;
	font-size: 20px;
}
#commentsformheader{
	font-size: 2em;
	padding:0;
	font-family: Arial, serif;
	margin: 0;
}
#commentsform{
	margin:0;
	text-align:center;
/*	border:1px solid #ddd; */
	background:#fff;
	padding:0em 1em;
}
#commentsform form{
	text-align:left;
	margin:0px;
}
#commentsform p{
	margin:0.5em;
	font-size: 14px;
}
#commentsform form textarea{
	width:100%;
	background: #f3f5ee;
}

#commentblock {
	margin: 0;
/*	border-top: 1px solid #CCCCCC; */
}
/************************************************
 *	Extra																				*
 ************************************************/
code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	padding:0.5em;
	background-color: #efebe4;
	border: 1px solid #d2d8d1;
}
input[type="text"], textarea {
	padding:0.3em;
	border: 1px solid #CCCFBC;
	color: #656F5C;
	-moz-border-radius: 0.5em;
}

blockquote {
	border-left: 3px solid #686868;
	color: #888;
	padding-left: 0.8em;
	margin-left: 2.5em;
}

