@charset "UTF-8";
/*
Theme Name: Manly Wharf Hotel
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/

body,td,th {
	font-family: 'Titillium Web', sans-serif;
	color: #000;
}
body {
	background-color: #FFF;
	margin: 0px;
	text-align: center;
}

#wrapper {width:880px;margin:0 auto;}

#header {margin-top:30px;}

#bar-wrap {
background-image:url('images/bars-bg.png');
background-repeat:repeat-x;
}

#bars {
 background-color: #FFFFFF;
    margin: 0 auto;
    width: 540px;
}

#bars p {
letter-spacing: 2px;
}

#nav {
    border-top: 3px solid #66cccc;
     position: relative;
    width: 100%;
	height:68px;
/* background-image:url('images/bullets.gif');
background-position: 2px 80%; */

}

.link-container {width:475px;margin: 0 auto;}
.links {padding:16px;border:1px solid #000;width:110px;float:left;margin-right:21px;}
.links1 {padding:16px;border:1px solid #000;width:110px;float:left;margin-right:0px;}

.links a, .links1 a {color:#000;}

#nav ul {
	margin:18px 0;
	padding-left:0px;
	/* width:815px; */
list-style-type:none;

}

#nav ul > li:first-child {
	list-style-type:none;

}

#nav ul li {
	float: left;
   /*margin: 0 15px;
    padding-left: 15px;*/
    padding:0 9px;
	padding-top: 3px;
    height:37px;
    position: relative;
    z-index: 2;
}

#nav ul li a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
font-size:18px;
}


#nav ul {
list-style:none;
}

#nav ul ul.sub-menu {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    box-shadow: 3px 3px 4px rgba(0,0,0,.3);
    left: -10px;
    padding: 0 10px;
    transform: translateY(-5px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#nav ul li:hover ul.sub-menu {
 visibility: visible;
 opacity: 1;
 transform: translateY(0);
}


#nav ul li.current_page_item,
#nav ul li.current-page-ancestor,
#nav ul li:hover {
background-image:url('images/menu-item-bg-1.jpg');
background-repeat:no-repeat;
background-position: 0% 100%;
}




#nav ul li#menu-item-279.current_page_item,
#nav ul li#menu-item-279.current-page-ancestor,
#nav ul li#menu-item-279:hover {
	background-position: 0% 0%;
}

#nav ul li#menu-item-279 {
	padding-left: 4px;
	padding-right: 9px;
}

#nav ul li#menu-item-22.current_page_item,
#nav ul li#menu-item-22.current-page-ancestor,
#nav ul li#menu-item-22:hover {
	background-position: 0% 50%;
}

#nav ul li#menu-item-24.current_page_item,
#nav ul li#menu-item-24.current-page-ancestor,
#nav ul li#menu-item-26.current_page_item,
#nav ul li#menu-item-26.current-page-ancestor,
#nav ul li#menu-item-24:hover,
#nav ul li#menu-item-26:hover {

background-position: 0% 25%;
}

#nav ul li#menu-item-23 {
	 padding-left: 13px;
    padding-right: 14px;
}

#nav ul li#menu-item-26 {
	padding-left: 5px;
}

#nav ul li#menu-item-21.current_page_item,
#nav ul li#menu-item-21.current-page-ancestor,
#nav ul li#menu-item-23.current_page_item,
#nav ul li#menu-item-23.current-page-ancestor,
#nav ul li#menu-item-99.current_page_item,
#nav ul li#menu-item-99.current-page-ancestor,
#nav ul li#menu-item-99:hover,
#nav ul li#menu-item-21:hover,
#nav ul li#menu-item-23:hover {
	background-position: 0% 75%;
}

#nav ul li a.active,
#nav ul li.current_page_item a {
	color:#000;
}

.social {width:86px;float:right;margin-top: 8px;}

#menus {
    height: 80px;
    margin: 30px auto 50px;
    padding: 0;
    display: table;
}
ul#menus li {

    float: left;
    font-size: 13px;
margin-right:20px;
    display: table;
    list-style: none outside none;
   /* margin: 15px 19px 0;
    padding: 10px; */

width:172px;
height:112px;
background-image:url('images/frame.jpg');
}

ul#menus li:last-child {
margin-right:0px;
}

ul#menus li a {
	 color: #000000;
    display: block;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 18px;
    margin-top: 42px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
line-height:20px;

}

ul#menus li a:hover {
	color:#000;
	text-decoration:underline;
}

#footer {
	margin-top:30px;
	border-top:3px solid #66CCCC;
	border-bottom:3px solid #66CCCC;
	padding:5px;
	font-size:12px;
	font-weight:200;
	margin-bottom:30px;
	clear: both;
}

#footer a {
	color:#000;
	text-decoration:none;
}

#content {
	padding-top:10px;
	border-top: 3px solid #66cccc;
}

#content p.menus {
	font-weight:100;
}

#content p {
	font-weight:100;
	margin-top:0px;
	line-height:130%;
}

#content img {

}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

.contact {
	width:720px;
}

.contact a {
	text-decoration:underline;
}

#footer a{
	text-decoration:underline;
}

strong {
	font-weight:600;
}

	 img.thumb {border:1px solid #000;float:left;width:144px;height:144px;}
	 #spacer {width:28px;float:left;height:144px;}
	 #hori-spacer {height:28px;float:left;width:675px;}
	 #gal-wrap {width:670px;margin:0 auto;}

	 body,td,th {
	font-family: 'Titillium Web', sans-serif;
	color: #000;
}



	 .link-container {}
.links {padding:16px;border:1px solid #000;width:140px;}
.links1 {padding:16px;border:1px solid #000;width:110px;margin-right:0px;}

.links a,.links1 a {color:#000;}

#button {position:absolute;top:0;right:50%;margin-right:280px;margin-top:8px;z-index:100;}
img.left-button {  border: medium none;
    height: 150px;
    left: 50%;
    margin-left: -465px;
    position: absolute;
    top: 40px;}

#post-290 .gallery dl+dl+dl+dl+br+dl+dl+dl+dl+br+dl+dl+dl+dl+br+dl {margin-left:110px;}

#sponsor {
	background: url("images/sponsor.png") no-repeat scroll 100% 50% transparent;
    font-family: 'Titillium Web', sans-serif;
    line-height: 45px;
    margin: 0 auto 20px;
    width: 310px;
}

#entertainment table {
vertical-align:top;
text-align:left;
border-collapse: collapse;
width:425px;
margin:0 auto;
border:1px solid #333;

}

#entertainment td {
text-align: left;
vertical-align:top;
border-right: 1px solid #333;
margin:0;
padding:10px;

}

#entertainment tr {
text-align: left;
vertical-align:top;
margin:0;
padding:0;

}



table#entertainment {
border:1px solid #000;
}

#cboxLoadedContent img {
  max-height:600px;
  max-width:800px;
  height: auto !important;
  width: auto !important;
}

.newsletter-signup form { width: 585px;
margin: 0px auto;
}


.newsletter-signup form#mf529e12242da div.MGLRow,
.newsletter-signup .MGLRow {
    padding-bottom: 25px;
    width: 240px;
    float: left;
clear:none!important;
line-height:36px;;
}

body .newsletter-signup form div:nth-child(5) {
width:192px!important;
}


body .newsletter-signup form div:nth-child(6) {
width:150px!important;
}

.MGLLabel {width:auto;max-width:90px;float:left;text-align:left;font-weight:normal!important;margin-right:3px;}
.MGLField {width:100%;max-width:120px;float:left}

.MGLRow input {
width:100%;
padding:5px!important;
}

.newsletter-signup form .MGLRow .MGLField input {
padding:5px!important;
}
.newsletter-signup form .MGLRow br.MGLSubmitBreak,
.MGLSubmitBreak {
display:none!important;
}
#MGLSubmit input {
background: #6cc;
padding: 2px 5px;
border: 0 none;
text-transform: uppercase;
font-size: 16px!important;
font-family: "titillium web"!important;
max-width: 110px;
}

.MGLPoweredBy {
display:none;
}

.newsletter-signup {
   border-bottom: 3px solid #6cc;
    clear: both;
    display: block;
    height: 85px;
    width: 100%;
}

.contact .MGLLabel,
.functions .MGLLabel {
width: 160px;
max-width: 100%;
}

.contact .MGLLabel {
width: 100px;
max-width: 100%;
}

.contact .MGLField,
.functions .MGLField {
width: 240px;
max-width: 100%;
}

.contact .MGLRow,
.functions .MGLRow {
margin-bottom:10px;
}
.contact .MGLField input[type="checkbox"],
.functions .MGLField input[type="checkbox"],
.functions input[type='checkbox']{
width:20px!important;
float:left;
margin-top:7px;
}

body .functions form#mf529da46dac0 div.MGLRow div.MGLField span,
body .functions .MGLField span {
text-align:left!important;
}

.functions form#mf529da46dac0 div.MGLRow div.MGLField input {

}

.specials-img {
    position: relative;
}
.specials-img p {
    position: absolute;
    bottom: 100px;
    right: 90px;
    width: 300px;
    text-align: center;
}

ul.entertainment-listing {
    margin: 0;
    padding: 0;
	overflow: hidden;
}
ul.entertainment-listing li {
    float: left;
    list-style: none;
    padding: 0 6px 10px;
	height: 600px;
	overflow:hidden;
}
/* CAROUSEL CONFIG */
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-indicators {
    z-index: 15;
    text-align: center;
    list-style: none;
    bottom: 0;
}
.carousel-indicators li {
  display: inline-block;
  cursor: pointer;
  color: #e6e7e8;
  font-size: 18px;
  padding: 0 20px;
  position: relative;
  letter-spacing: 2px;
}
.carousel-indicators li:hover {
	color: #fff;
}
.carousel-indicators li:after {
	content: '/';
	position:absolute;
	right: -6px;
	font-weight: 100;
}
.carousel-indicators li:first-child {
	padding-left: 0;
}
.carousel-indicators li:last-child {
	padding-right: 0;
}
.carousel-indicators li:last-child:after {
	display: none;
}
.carousel-indicators .active {
  margin: 0;
  font-weight: bold;
  color: #fff;
}
/* END CAROUSEL*/
div#myCarousel {
    position: relative;
}
a.carousel-control.right {
    background-position: 100% 0;
    right: 10px;
}
a.carousel-control.left {
    left: 10px;
}
a.carousel-control {
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
div#myCarousel:hover a.carousel-control {
	opacity: 1;
}
a.carousel-control {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}
.lider-content-wrapper {
    height: 550px;
    background-size: cover;
    background-position: center center;
	position: relative;
}
.lider-content-wrapper a{
	position: absolute;
	height:100%;
	width: 100%;
	top:0;
	left: 0;
}
.functions > div {
    width: 50%;
    float: left;
}
.functions > .menus {
    padding-top: 25px;
}