/*
Theme Name: Food & Wine
Description: A restaurant and cafe theme.
Author: cr3ate
Theme URI: http://coffeecreamthemes.com/themes/foodandwine/wordpress/
Author URI: http://themeforest.net/user/cr3ate
Version: 1.0.7
License: GNU General Public License
*/

* {
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #19191C;
}

a, a:active { outline: none !important; }

body {
	 background: url(http://caribbean.klondike.de/wp-content/themes/food-wine/framework/img/bg_tuerkis_2048x1536_80.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	color: #19191c;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}


p, .alert, .sc_blockquote { margin: 1em 0; }

img { max-width: 100%; height: auto; }

.google_map img { max-width: none; }
.google_map.full { width: 100% !important; }

img.round, .review-photo img, img[class*="attachment"], img[class*="wp-image"], .gallery img, .sc_staff img, .avatar { border-radius: 3px; display: block; }

img[class*="wp-image"]{
border-radius: 1px;
display: block;
}

hr {
	clear: both;
	height: 20px;
}


hr.line {
	display: none;
	padding: 0 20px;
	margin: 30px -20px;
	background: none;
	height: 0;
	border-top: #d9d9d9 1px solid;
}

.space-top { margin-top: 30px; }
.space-bottom { margin-bottom: 30px; }

.center, .sc_staff, #reply-title, .form-submit { text-align: center; }

.sc_infobox{
text-align:left;
}

.right { text-align: right; }

header,
footer,
article,
address,
aside,
section { display: block; }

aside>h3 {
font-size: 18px;
text-transform: uppercase;
font-family: "PT Sans", Arial, Helvetica, sans-serif !important;
color:#fff;
}

/* Slider Button Start */

button {
line-height:1em;
position: relative;
height: 45px;
width: 150px;
padding: 5px 5px;
font-weight: 700;
font-size: 15px;
letter-spacing: 2px;
color: #000;
border: 2px rgba(98,196,196,1) solid;
text-transform: uppercase;
outline: 0;
overflow: hidden;
background: none;
z-index: 1;
cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

.slide_new:before,.slide_new:after{
content:"Newsletter";
}

.slide_send:before,.slide_send:after{
content:"Absenden";
}
button.slide_res{
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	max-width: 100%;
}
@media(min-width: 1300px){
	button.slide_res{
		padding: 5px 10px;
		font-size: 15px;
		margin-bottom: 10px;
		margin-right: 5px;
		max-width: 100%;
		min-width: 80%;
		width: 90%;
	}
}

@media(min-width: 992px) and (max-width: 1299px){
	button.slide_res{
		padding: 5px 10px;
		font-size: 14px;
		margin-bottom: 10px;
		margin-right: 5px;
		max-width: 100%;
		min-width: 80%;
		width: 95%;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	button.slide_res{
		padding: 5px 10px;
		font-size: 11px;
		margin-bottom: 10px;
		margin-right: 5px;
		max-width: 100%;
		min-width: 80%;
		width: 95%;
	}
}
@media(min-width: 535px) and (max-width: 767px){
	button.slide_res{
		padding: 5px 10px;
		font-size: 13px;
		margin-bottom: 10px;
		margin-right: 5px;
		max-width: 100%;
		width: 240px;
	}
}
@media(max-width: 534px){
	button.slide_res{
		padding: 5px 10px;
		font-size: 15px;
		margin-bottom: 10px;
		margin-right: 5px;
		max-width: 100%;
		width: 240px;
	}
	.slide_res_first:before,.slide_res_first:after{
		top: 5px;
	}
}

.slide_res:before,.slide_res:after{
	content:"Restaurant Reservierung";
}

.slide_res_bar:before,.slide_res_bar:after{
	content:"Bar Reservierung";
}

.slide:after{
  color:#fff;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:before {
  color:#fff;
  height:100%;
  width:100%;
  position:absolute;
  color:rgba(98,196,196,1);
  left:-100%;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:hover{
  background:rgba(98,196,196,1);
  border:2px #fff solid;
}

.slide:hover:before{
  left:0;
  opacity:1;
  color:#fff;
}
.slide:hover:after{
  left:100%;
  opacity:0;
}

/* Slider Button Ende */

address > *{
color:#fff;
}

article.post, article.page { padding-bottom: 30px; }

address { font-style: normal; }

blockquote {
	background: url(framework/img/blockquote-left.png) no-repeat left top, url(framework/img/blockquote-right.png) no-repeat right top;
	color: #2fbbb2;
	display: block;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	margin: 1em 20px;
	padding: 0 50px;
	text-align: center;
}
blockquote *:first-child { margin-top: 0; }
blockquote *:last-child { margin-bottom: 0; }

.sc_blockquote { margin-bottom: 30px; }
.sc_blockquote > blockquote { margin-top: 0; margin-bottom: 0; }
.sc_blockquote > p { margin-bottom: 0; }

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.video-embed { margin-bottom: 30px; }


/* WP CLASSES
-------------------------------------------------------------------------------------------------------------------*/
.wp-caption-text{
background-color: rgba(0,0,0,0.8);
padding: 7px;
margin-top: -30px;
color: rgba(248,248,255,1);
font-size: 13px;
font-weight: 400;
position: relative;
font-family: "PT", Arial, Helvetica, sans-serif;
font-style:italic;
overflow:hidden;
max-width:10%;
}

.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {max-width:100%;}
.alignleft { margin: 0 20px 10px 0; float: left; }
.alignright { margin: 0 0 10px 20px; float: right; }
.aligncenter { margin: 20px auto }

.gallery-item {
	margin: 0 20px 5px 0;
	/*width: auto !important;*/
}
.gallery-item img {
	padding:5px !important;
	border: none !important;
	max-width:100% !important;
	/* filter: gray; /* IE6-9 */
	/*-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	
}

.gallery-item img:hover {
filter:none;
-webkit-filter: grayscale(0%);
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

/*.gallery-caption {
display:none;
 }
*/

.bw{
 filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.bw:hover{
filter:none;
-webkit-filter: grayscale(0%);
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

/* HEADERS
-------------------------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 20px 0;
	line-height: 1.2;
}

h1 {
	color: #222;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	line-height:1.2em !important;
	margin-top:-10px;
}
h2, #reply-title {
	color: #222;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 18px !important;
}
h3 { color: #2fbbb2; font-size: 128%; }
h4 { color: #2fbbb2; font-size: 114%; }
h5 { color: #2fbbb2; font-size: 100%; }
h6, .comment-meta time { color: #ccc; font-size: 100%; }

.page-template-reviews-php #page-title { padding-bottom: 30px; }
.page-template-gallery-php #page-title { padding-bottom: 15px; }
.page-template-reviews-php > .wrapper { padding-bottom: 60px; }

a {
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
}


/* LINKS
-------------------------------------------------------------------------------------------------------------------*/

a {
	color: #2fbbb2;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }


/* TABLES
-------------------------------------------------------------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
}
th, td {
	border: 1px solid #ddd;
	padding: 10px;
}
th {
	background: #222;
	color: #fff;
	text-align: left;
}

tr.odd td { background: #f4f4f4; }


/* LISTS
-------------------------------------------------------------------------------------------------------------------*/

ol, ul, dl { margin: 1em 0 1em 20px; }
ol li {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 20px;
}
ul li {
	background:url(framework/img/bullet.gif) no-repeat left 6px;
	padding-left: 20px;
}
dt { color: #222; }
dd { margin: 0 0 20px 20px; }


/* GRID
-------------------------------------------------------------------------------------------------------------------*/


.last { margin-right: 0 !important; }
.last:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*[class*="span"] {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

.span3 { width: 205px; }
.span4 { width: 286px; }
.span6 { width: 450px; }
.span8 { width: 613px; }
.span9 { width: 695px; }
.span12 { width: 940px; }
.wrapper {
	margin:0 auto;
	position: relative;
	width: 940px;
}

.ext-grid *[class*="span"] { margin-right: 20px; }
.ext-grid .span3 { width: 220px; }
.ext-grid .span4 { width: 300px; }
.ext-grid .span6 { width: 460px; }
.ext-grid .span8 { width: 620px; }
.ext-grid .span9 { width: 700px; }

@media (min-width: 1300px) {
	*[class*="span"] { margin-right: 70px; }
	.span3 { width: 255px; }
	.span4 { width: 356px; }
	.span6 { width: 550px; }
	.span8 { width: 763px; }
	.span9 { width: 865px; }
	.span12 { width: 1240px; }
	.wrapper { width: 1240px; }

	.ext-grid *[class*="span"] { margin-right: 30px; }
	.ext-grid .span3 { width: 270px; }
	.ext-grid .span4 { width: 370px; }
	.ext-grid .span6 { width: 615px; }
	.ext-grid .span8 { width: 770px; }
	.ext-grid .span9 { width: 870px; }
}

@media (max-width: 979px) {
	*[class*="span"] { margin-right: 10px; }
	.span3 { width: 170px; }
	.span4 { width: 230px; }
	.span6 { width: 350px; }
	.span8 { width: 470px; }
	.span9 { width: 530px; }
	.span12 { width: 720px; }
	.wrapper { width: 720px; }

	.ext-grid *[class*="span"] { margin-right: 10px; }
	.ext-grid .span3 { width: 172px; }
	.ext-grid .span4 { width: 233px; }
	.ext-grid .span6 { width: 355px; }
	.ext-grid .span8 { width: 476px; }
	.ext-grid .span9 { width: 537px; }
}

@media (max-width: 767px) {
	*[class*="span"], .ext-grid *[class*="span"] {
		display: block;
		float: none;
		margin: 10px 0;
		width: auto;
	}
	body > .wrapper,
	.prefooter > .wrapper,
	.credits > .wrapper { padding-left: 20px; padding-right: 20px; }
	.wrapper { width: auto; }

	.padding { padding: 0 10px; }

	.tab-menu li{width:100%}
}

/* FORM STYLES
-------------------------------------------------------------------------------------------------------------------*/
select {
width:100%; 
border:10px solid #fff; 
background-color:#fff; 
color:#a9a9a9; 
font-size: 13px; 
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:3px;
}

form.ext-grid { padding-bottom: 30px; }

input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=datetime],
textarea {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: inset 0 2px rgba(0,0,0,0.05);
	color: #222;
	font-family: "PT Sans", Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	width: 96%;
}

textarea {
	height: 100px;
	padding-left: 1%;
	padding-right: 1%;
	width: 98%;
}

input[type=date],
input[type=datetime] {
	background: #fff url(framework/img/calendar.png) no-repeat right center;
	cursor: pointer;
}

a.button,
.comment-reply-link,
#cancel-comment-reply-link,

input[type=submit] {
	background: #000 !important; /* Old browsers */
	border: 2px solid #fff !important;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "PT Sans", Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size: 14px;
	padding: 5px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
	*zoom: 1;
}

a.button:hover,
.comment-reply-link:hover,
#cancel-comment-reply-link:hover,
input[type=submit]:hover {
	background: #fff !important; /* Old browsers */
	text-decoration: none;
	color:rgb(98,196,196);
	border: 2px solid rgb(98,196,196) !important;
}

/* TABLES
-------------------------------------------------------------------------------------------------------------------*/

.horizontal-border th,
.horizontal-border td {
	border-left: 0;
	border-right: 0;
}

.none-border th,
.none-border td {
	border: 0;
}

/* ALERTS
-------------------------------------------------------------------------------------------------------------------*/
.alert {
	text-shadow: none;
	border-width: 1px;
	border-style: solid;
	padding: 13px 35px 15px 19px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 3px;
}
.alert .close {
    text-shadow: none;
    opacity: 1;
    right: 15px;
    top: 8px;
    font-size: 21px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
}
.alert-error, .alert-error .close { border-color: #fe939f; background: #fee3e6; color: #ff7786; }
.alert-info, .alert-info .close { border-color: #78dffe; background: #e1f8ff; color: #70d3f1; }
.alert-success, .alert-success .close { border-color: #78dcae; background: #e1fff1; color: #77dcad; }
.alert-warning, .alert-warning .close { border-color: #ecdc76; background: #fffbe1; color: #d5c668; }

/* BLOG
-------------------------------------------------------------------------------------------------------------------*/

.sc_blog { overflow: hidden; }
.sc_blog h3, .sc_staff h3 { margin-bottom: 0; }
.sc_staff h6 { margin-top: 0; }
.sc_staff img, .sc_blog img { margin: 0 auto; }

.blog-list-item > * { margin-bottom: 0; }

.thumbnail img { margin: 0 auto; }

article.post {
	overflow: auto;
	padding-bottom: 0;
	clear: both;
}

.meta { color: #ccc; margin-bottom: 1em; }
.sc_blog .meta a { color: inherit; }

.comment-notes, .form-allowed-tags { display: none; }

#commentform { padding-top: 20px; padding-bottom: 60px; }

.commentlist {
	margin: 0;
	padding-top: 30px;
	list-style-type: none;
}
.comment {
	border-top: 1px dotted #ddd;
	padding: 30px 0 0;
	list-style-type: none;
	overflow: auto;
	margin: 0 0 30px;
}
.comment h3 { margin: 0; }
.comment h6 { margin-top: 0; }
.comment a.button { float: right; }
.avatar {
	margin-right: 50px;
	float: left;
}
.comment-reply-link { float: right; }
.comment-content { overflow: hidden; }
.comment-meta time {
	display: block;
	margin-top: 0;
}

.children { margin: 0; }
.children li { background: 0; padding-left: 125px; }
.children .children li { padding-left: 250px; }

#cancel-comment-reply-link {
	text-transform: none;
	float: right;
}
.logged-in-as { margin-top: 0; }


/* NAVIGATION
-------------------------------------------------------------------------------------------------------------------*/

.nav-bar {
	background: transparent;
	background: rgba(98,196,196,1);
	padding: 3px 0;
	position: absolute;
	top: 70px;
	width: 100%;
	z-index: 1000;
	zoom: 1;
}

.nav-inside {
	//border-bottom: 1px solid rgba(255,255,255,0.1);
	//border-top: 1px solid rgba(255,255,255,0.1);
	height: 40px;
	width: 100%;
}

nav.main {
	display: block;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	position: absolute;
	left: 0;
	text-transform: uppercase;
	top: 20px;
	z-index: 2000;
}

nav.main ul {
	float: right;
	margin: 0;
}

nav.main ul li {
	background: none;
	float: left;
	margin: 5px 0 0 25px;
	padding: 5px 0px 5px 0px;
	position: relative;
}

nav.main ul li a {
	color: #fff;
	display: block;
	padding: 53px 0;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

nav.main ul li a:hover,
nav.main ul li.current-menu-item > a, 
nav.main ul li.current-menu-ancestor > a {
	color: #000 !important;
	text-decoration: none;
}

.nav-trigger {
	background: rgba(0,0,0,0.0) url(framework/img/menu.gif) no-repeat 10px 10px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	display: none;
	height: 35px;
	padding: 10px;
	position: absolute;
	left: 20px;
	text-indent: -9999px;
	top: 75px;
	width: 40px;
	z-index: 2000;
}

/* DROPDOWN NAVIGATION
-------------------------------------------------------------------------------------------------------------------*/

nav.main ul li ul {
background: rgba(98,196,196,1) !important;
display: none;
/* left: -20px; */
position: absolute;
top: 90px;
white-space: nowrap;
}
nav.main ul li:hover ul {
	display: block;
}

nav.main ul li ul li {
	margin: 0;
	float: none;
	display: block;
	border-top: 1px solid rgba(0,0,0,1);
}

nav.main ul li ul li a,
nav.main ul li.current-menu-item ul li a {
	color: #fff;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	padding: 10px 24px 10px 20px;
	text-transform: none;
}

nav.main ul li ul li.last a { border: 0; }

nav.main ul li ul li a:hover,
nav.main ul li ul li.current-menu-item a {
	color: #fff;
}

nav.main ul li ul li ul {
	left: 100%;
	top: 0%;
}

/* LOGO & HEADER
-------------------------------------------------------------------------------------------------------------------*/

body > header {
	position: relative;
	margin-bottom: 80px;
}

/* BACKGROUND NONE VON MDU GESETZT

	background: #2fbbb2;
	border: 1px solid #2fbbb2;
	box-shadow: 0 0 5px rgba(0,0,0,0.2), inset 0 0 40px rgba(0,0,0,0.15);
---------------------------------------------------------------------------------------------------------------------*/
a img{border:none;}

.logo { 	
	color: #fff;
	right: 0;
	display: block;
	position: absolute;
	text-align: center;
	top: 0px;
	z-index: 2000;
	background: transparent !important;
	border: 0;
}
.logo img { display: block; }


/* REVIEWS
-------------------------------------------------------------------------------------------------------------------*/

.reviews {
	background: #222;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
	margin: -3px 0 30px;
	padding: 30px 0;
	text-align: center;
}

.reviews div { background: #222; }

.reviews blockquote {
	background: url(framework/img/review-left.png) no-repeat left top, url(framework/img/review-right.png) no-repeat right top;
	color: #2fbbb2;
	display: block;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	margin: 0 20px;
	padding: 0 50px;
}

.review-photo { float: left; margin-right: 50px; }
.review-content { overflow: hidden; }

.sc_review { overflow: hidden; }
.sc_review .review {
	color: #222;
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.sc_review h3 {
	font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	margin-top: 0;
}

.sc_review *[class*="stars"] {
	float: right;
	margin-left: 20px;
	width: 96px;
	height: 20px;
	background-repeat: no-repeat;
}
.stars1 { background-image: url("framework/img/stars1.png"); }
.stars2 { background-image: url("framework/img/stars2.png"); }
.stars3 { background-image: url("framework/img/stars3.png"); }
.stars4 { background-image: url("framework/img/stars4.png"); }
.stars5 { background-image: url("framework/img/stars5.png"); }


/* MENU TABLES
-------------------------------------------------------------------------------------------------------------------*/

.sc_menu { margin-bottom: 30px; overflow: hidden; }

.menu td {
	border: 0;
	border-bottom: 1px dotted #ddd;
	padding: 10px;
}

.menu span {
	color: #222;
	font-size: 18px;
}

.menu .price {
	color: #2fbbb2;
	font-size: 18px;
	text-align: right;
	white-space: nowrap;
}


/* BLOG
-------------------------------------------------------------------------------------------------------------------*/

.post h2 { margin: 0; }
.post h6 { margin-top: 0; }

.paging {
	margin-bottom: 50px;
	text-align: center;
}
.paging a, .paging span {
	display: inline;
	margin: 0;
	padding: 3px 10px;
}
.paging .next, .paging .prev {
	float: right;
	width: 150px;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}
.paging .next a, .paging .prev a {
	padding-left: 0;
	padding-right: 0;
}
.paging .prev {
	float: left;
	text-align: left;
}

.title { margin-bottom: 0; }
.subtitle { margin-top: 0; }


/* BLOG DROPDOWNS
-------------------------------------------------------------------------------------------------------------------*/

.blog-nav {
	float: right;
	margin-top: 5px;
	margin-bottom: 0;
}

.blog-nav li {
	background: none;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
}

.blog-nav li a {
	background: url(framework/img/arrow-down.gif) no-repeat right 19px;
	display: block;
	padding: 10px 12px 10px 0;
}

.blog-nav li ul {
	background: #222; /* Old browsers */
	background: -moz-linear-gradient(top,  #1b1b1b 0%, #292929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b1b1b), color-stop(100%,#292929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1b1b1b 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1b1b1b 0%,#292929 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1b1b1b 0%,#292929 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1b1b1b 0%,#2ba9a1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
	border: 0;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	display: none;
	margin: 0;
	right: 0px;
	position: absolute;
	top: 90%;
	width: 200px;
	z-index: 1000;
}

.blog-nav li ul li {
	margin: 0;
	width: 100%;
}

.blog-nav li ul li a,
.blog-nav li.active ul li a {
	background: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	color: #fff;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	text-transform: none;
}

.blog-nav li ul li:last-child a { border: 0; }

.blog-nav li ul li a:hover {
	background: rgba(0,0,0,0.1);
	color: #fff;
	text-decoration: none;
}

/* VIDEO
-------------------------------------------------------------------------------------------------------------------*/

.js-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.js-video.widescreen { padding-bottom: 57.25%; }
.js-video.vimeo { padding-top: 0; }
.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}


/* GALLERY
-------------------------------------------------------------------------------------------------------------------*/

.gallery ul { margin: 0; overflow: auto; }
.gallery ul li {
	background: none;
	padding: 0;
}
.gallery *[class*="span"] { margin-bottom: 0; }
.gallery img { margin-bottom: 30px; }


/* ALERT MESSAGE
-------------------------------------------------------------------------------------------------------------------*/

.message {
	background: #f4f4f4;
	display: none;
	padding: 20px;
}


/* TABS
-------------------------------------------------------------------------------------------------------------------*/

.tabs { margin: 20px 0; }

.tab-menu {
	display: block;
	margin-bottom: 15px;
	text-align: center;
	float:right;
	width: 100%;
}

.tab-menu li {
	background-image: url(framework/img/bg_stripe_white-full.png);
	background-repeat:repeat;
	width:100%;
	margin-right:5px;
	margin-top:5px;
	display: inline-block;
	padding: 0;
	position: relative;
	float:left;
	top: 1px;
	zoom: 1;
	*display: inline;
}

.tab-menu li a {
	color: #000;
	text-transform: uppercase;
	display: block;
	padding: 10px 20px;
}

.tab-menu li a:hover {
	background-image: url(framework/img/bg_stripe_white.png);
	background-repeat:repeat;
	text-decoration: none;
	color:#000 !important;
}

.tab-menu li.tab-open {
	
}
.tab-menu li.tab-open a {
	color:#000 !important;
	background-image: url(framework/img/bg_stripe_green.png);
	background-repeat:repeat;
	}

.tab_content { margin: 1em 0; }


/* ACCORDION
-------------------------------------------------------------------------------------------------------------------*/

.accordion { margin: 20px 0; }
.accordion h3 {
	background: url(framework/img/plus.png) no-repeat left 4px;
	border-bottom: 1px solid #19191c;
	cursor: pointer;
	padding: 0 0 0.5em 29px;
	color: #19191C;
}

.accordion h3.a-open {
	background: url(framework/img/minus.png) no-repeat left 4px;
}


/* FOOTER & WIDGETS
-------------------------------------------------------------------------------------------------------------------*/

footer#footer {
	background: rgba(0,0,0,1);
	box-shadow:inset 0 10px 10px rgba(0,0,0,0.4);
}

footer#footer .row { margin-bottom: 0; }

footer#footer a { color: #fff; }

.credits {
	background: rgba(0,0,0,0.97);
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 5px 0;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index:100;
}

.prefooter { padding-top: 10px; padding-bottom:50px; }
.prefooter .wrapper > *:last-child { margin-right: 0; }
.prefooter ul { margin: 0; }
.prefooter li {
	background: none;
	margin: 0;
	padding: 0;
}
.widget_schedule li { color: #fff; }
.widget_schedule li span {
	display: inline-block;
	color: #999;
	width: 90px;
	*zoom: 1;
}

.widget_recent_entries li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_nav_menu li {
	border-bottom: #444 1px dotted;
	padding: 6px 0 8px;
}
.widget_categories li ul li:last-child, .widget_pages li ul li:last-child, .widget_nav_menu li ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.widget_categories li ul, .widget_pages li ul, .widget_nav_menu li ul {
	margin-top: 8px;
	border-top: #444 1px dotted;
}


/* SOCIAL NETWORKS
-------------------------------------------------------------------------------------------------------------------*/

.social-networks a {
	display: inline-block;
	height: 26px;
	margin-right: 5px;
	text-indent: -9999px;
	width: 26px;
	*zoom: 1;
}

.social-networks { margin: 1.5em 0; }

.social-networks a.facebook { background: url("framework/img/icon-green-facebook.png") no-repeat left top; }
.social-networks a.twitter { background: url("framework/img/icon-green-twitter.png") no-repeat left top; }
.social-networks a.linkedin { background: url("framework/img/icon-green-linkedin.png") no-repeat left top; }

#footer .social-networks a.facebook { background: url("framework/img/icon-white-facebook.png") no-repeat left top; }
#footer .social-networks a.twitter { background: url("framework/img/icon-white-twitter.png") no-repeat left top; }
#footer .social-networks a.linkedin { background: url("framework/img/icon-white-linkedin.png") no-repeat left top; }
#footer .social-networks a.youtube { background: url("framework/img/icon-white-youtube.png") no-repeat left top; }
#footer .social-networks a.flickr { background: url("framework/img/icon-white-flickr.png") no-repeat left top; }


/* FLICKR BADGE
-------------------------------------------------------------------------------------------------------------------*/

.widget_flickr .widget-content { width: 100%; }

.flickr_badge_image {
	display: inline-block;
	margin:0 10px 5px 0;
	width:20%;
	*zoom: 1;
}

.flickr_badge_image img {
	border: 0 !important;
	border-radius: 3px;
	height: auto;
	width: 100%;
}


/* Facebook Widget
-------------------------------------------------------------------------------------------------------------------*/

.widget_facebook iframe { width: 100% !important; }


/* Twitter Widget
-------------------------------------------------------------------------------------------------------------------*/

.widget_twitter li { margin-bottom: 15px; }


/* FLEXSLIDER PLUGIN
-------------------------------------------------------------------------------------------------------------------*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { background: none; position: relative; padding: 0; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; box-shadow: 0 10px 0px rgba(0,0,0,1);}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0; }
.flex-direction-nav a {
	width: 50px;
	height: 50px;
	margin: -25px 0 0;
	display: block;
	background: url('framework/img/left_arrow.png') center no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {background: url('framework/img/right_arrow.png') center no-repeat; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-next:hover, .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { right: 30px; height: 4px; position: absolute; bottom: 15px; text-align: right; }
.flex-control-nav li { margin: 0 0 0 10px; display: block; float: left; zoom: 1; overflow: hidden; }
.flex-control-paging li a {
	width: 40px;
	height: 4px;
	display: block;
	background: #222;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-paging li a:hover { background: #2FBBB2; }
.flex-control-paging li a.flex-active { background: #2FBBB2; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


#slider .slide_content {
    top: 60%;
    right: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
#slider .slide_content .wrapper { width: 100%; max-width: 1280px; }
#slider .slide_content .wrapper > * { clear: both; margin: 0; }
#slider .title {  /* Slider Title Style */
    background: rgba(98,196,196,0.9) !important;
	/*border: 1px solid #2fbbb2;
	box-shadow: 0 0 5px rgba(0,0,0,0.2), inset 0 0 15px rgba(0,0,0,0.15);*/
    color: #fff;
    float: right;
    font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
    font-size:30px;
    padding: 10px 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	text-transform: uppercase;
}

#slider .description { /* Slider Description Style */
    background: rgba(255,255,255,0.9);
    clear: both;
    color: #222;
    float: right;
    font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    padding: 10px 30px;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
}

#slider .readmore { /* Slider Read More button Style */
    background: #222;
	border: 1px solid #222;
	box-shadow: 0 0 5px rgba(0,0,0,0.2), inset 0 0 40px rgba(0,0,0,0.2);
    clear: both;
    color: #fff;
    float: right;
    font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
    font-size:20px;
    letter-spacing:1px;
    font-weight:700;
    padding: 10px 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	text-transform: uppercase;
}

#slider .readmore:hover {
    color: rgb(98,196,196);
	text-decoration: none;
}


/* CAROUSEL
-------------------------------------------------------------------------------------------------------------------*/

/*
 * responsive-carousel
 * https://github.com/filamentgroup/responsive-carousel
 *
 * Copyright (c) 2012 Filament Group, Inc.
 * Licensed under the MIT, GPL licenses.
 */
.carousel {
	width: 100%;
	position: relative;
}
.carousel .carousel-item { display: none; }
.carousel .carousel-active { display: block; }
.carousel .carousel-nav:nth-child(2) { display: none; }

.carousel-slide {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-slide .carousel-item {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%; /* necessary for non-active slides */
	display: block; /* overrides basic carousel styles */
	z-index: 1;
	-webkit-transition: left .7s ease;
	-moz-transition: left .7s ease;
	-ms-transition: left .7s ease;
	-o-transition: left .7s ease;
	transition: left .7s ease;
}
.carousel-no-transition .carousel-item {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.carousel-slide .carousel-active {
	left: 0;
	position: relative;
	z-index: 2;
}
.carousel-slide .carousel-in { left: 0; }
.carousel-slide-reverse .carousel-out { left: 100%; }
.carousel-slide .carousel-out,
.carousel-slide-reverse .carousel-in { left: -100%; }
.carousel-slide-reverse .carousel-item {
	-webkit-transition: left .1s ease;
	-moz-transition: left .1s ease;
	-ms-transition: left .1s ease;
	-o-transition: left .1s ease;
	transition: left .1s ease;
}
.carousel-slide-reverse .carousel-active { left: 0; }

.carousel-nav {
	background: none;
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: 1000;
}

.carousel-nav .prev,
.carousel-nav .next {
	display: block;
	height: 20px;
	opacity: 0.2;
	position: absolute;
	text-indent: -9999px;
	top: 20px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	-o-transform: rotate(45deg); /* Opera */
	-moz-transform: rotate(45deg); /* Firefox */
	width: 20px;
}

.carousel-nav .prev:hover,
.carousel-nav .next:hover { opacity: 1; }

.carousel-nav .prev {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	left: 5px;
}

.carousel-nav .next {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	right: 5px;
}


/* TIME PICKER
-------------------------------------------------------------------------------------------------------------------*/

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


/* FANCYBOX
-------------------------------------------------------------------------------------------------------------------*/

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url('framework/img/fancybox_sprite.png'); }

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('framework/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('framework/img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock { overflow: hidden; }

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('framework/img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/* MOBILE STYLES
-------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {

	nav.main { display: block !important; }

}

@media (max-width: 767px) {
	
	body > header { min-height:100px !important;}
	
	blockquote { font-size: 16px; }
	
	.logo {
		position: block;
		text-align: left;
		float:right;
		max-width: 100px;
		position:absolute;
		top:16px;
		right:0px
	}
	
	.logo h2,
	.logo p { margin-left: 20px; }

	#page-title {
		padding-left: 20px;
		padding-right: 20px;
	}

	hr {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}

	hr.line { display: block; }
	.last hr.line { display: none !important; }

	.gallery img { width: 100%; }

	.sc_blog { overflow: visible; }
	.thumbnail { margin-bottom: 15px; }

	.review-photo { float: none; margin: 10px 0 15px; }
	.review-photo img { margin: 0 auto; }
		
	/* Navigation
	--------------------------------------------------------------*/
	
	nav.main {
		background: rgba(98,196,196,1);
		display: none;
		float:left;
		left: 0;
		padding: 20px 0;
		position: absolute;
		top: 116px;
		width: 100%;
		z-index: 10;
	}
	
	nav.main ul {
		float: none;
		background: none !important;
	}
	
	nav.main ul li {
		float: none;
		margin: 0;
		margin: 0px 20px 0px 10px;
		border-bottom: 1px white solid;
		border-top: none !important;
	}
	
	nav.main ul li a { padding: 5px 20px; }

	.nav-trigger { display: block; }
		
	/* Dropdown Navigation
	--------------------------------------------------------------*/
	
	nav.main ul li ul {
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		display: block !important;
		left: 0;
		margin-left: 20px;
		position: relative;
		top: 0;
	}
	
	nav.main ul li ul li:last-child {
	border:none;
	}
	
	nav.main ul li ul li a {
		border: 0;
		color: #fff !important;
	}
	
	nav.main ul li ul li a:hover, nav.main ul li ul li.current-menu-item a {
		background: none;
		color: #000;
	}

	nav.main ul li ul li ul {
		left: 0;
		top: 0;
	}
		
	/* Slider
	--------------------------------------------------------------*/

	#slider .slide_content, .flex-direction-nav { display: none; }

	/* Menu Tables
	--------------------------------------------------------------*/
	
	.menu span {
		display: block;
		width: 100%;
	}
	
	.customer-reviews .span2 { text-align: center; }

	/* BLOG
	-------------------------------------------------------------------------------------------------------------------*/
	
	.post,
	.paging,
	.paging .right { text-align: center; }

	.avatar {
		float: none;
		margin: 0 auto 15px;
	}

	.children li, .children .children li { padding-left: 0; }

	li.comment, .children .children li {
		padding-left: 20px;
		margin-left: -20px;
		padding-right: 20px;
		margin-right: -20px;
	}
	
	/* Footer
	--------------------------------------------------------------*/
	
	footer#footer { text-align:center; }
	
	footer#footer hr.line {
		border-color: #393939;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.prefooter { padding-bottom: 60px; }

}