/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

.newsArticle img{margin: 10px 0;}
.newsArticle{text-align: justify; text-justify: newspaper;}
/* end reset*/

body {
	font-family: 'typewriter_condensedregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #435663;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.center{ margin: 0 auto; text-align: center;}

.marginTop10{margin-top: 10px;}
.marginTop16{margin-top: 16px;}
.marginTop20{margin-top: 20px;}
.marginTop30{margin-top: 30px;}
.marginTop60{margin-top: 60px;}
.marginRight10{margin-right: 10px;}
.marginRight20{margin-right: 20px;}
.marginLeft10{margin-left: 10px;}
.marginLeft20{margin-left: 20px;}
.paddingBottom10{padding-bottom: 10px;}

.floatLeft{float: left !important;}
.floatRight{float: right !important;}

.chartreuse{color: #BED344;}
.bronze{color: #64682E;}
.black{color: #000 !important;}
.noUnderline{text-decoration: none;}
.bold{font-weight: bold;}

.first{margin-left: 0 !important;}
.last{margin-right: 0 !important;}

a{color: #00B1B0;}

hr .hr{
	height: 1px;
	line-height: 1px;
	color: #bfbfbf;
	background-color: #bfbfbf;
	margin: 20px 0;
}

h1{
	font-family: "typewriter_condensedbold";
	line-height: 1;
	text-transform: uppercase;
	word-wrap: break-word;
	color: #172934;
	font-size: 16px;
}

h2{
	font-family: "typewriter_condensedbold";
	line-height: 1.5;
	word-wrap: break-word;
	color: #435663;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 10px;
}

h3{
	font-family: "typewriter_condensedbold";
	line-height: 1;
	text-transform: uppercase;
	font-size: 1.7em;
}

h4{
	line-height: 1;
	font-size: 1em;
	color: #00B1B0;
	font-weight: bold;
}

.beigeBg{
	padding: 10px;
	background-color: #E7E1D5;
}

#searchBox, #contactForm input, #contactForm textarea{
	background-color: #F4F0EA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	border: none;
	color: #7C8D9A;
}

#searchBox{
	height: 10px;
}

#contactForm input, #contactForm textarea{margin-top: 10px;}

#navBar{
	margin-top: 8px;
	border-bottom: 2px solid #F4F0EA;
}

#navBar a{
	font-family: "typewriter_condensedbold";
	color: #172934;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

#navBar .nav{
	position: relative;
	display: block;
	float: left;
	padding: 0 5px;
}

#navBar .nav>a{
	display: block;
	text-align: center !important;
}

.subnav{
	display: none;
	position: absolute;
	left: 0;
	z-index: 20000;
}

.subnav li{
	list-style: none;
	padding: 0 5px;
	background-color: #F4F0EA;
}

.subnav li:hover{
	background-color: #00B1B0;
}

#navBar .nav:hover{
	background-color: #00B1B0;
}

#navBar .nav:hover .subnav{
	display: block;
}

#navBooking>a{
	color: #00B1B0;
}

#navBooking:hover{
	background-color: transparent !important;
	border: 2px solid #00B1B0;
	margin: -2px;
}

#footerDivider{
	margin: 40px 20px 0 20px;
	height: 2px;
	background-color: #00B1B0;
}

#footer{
	background-color: #F4F0EA;
	padding: 20px;
	margin-bottom: 10px;
}

#main{
	margin: 0 10px;
}

#footer div{float: left;}

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

#footer a:hover{
	text-decoration: underline;
}

#footerNav a{
	text-transform: uppercase;
	font-size: 16px; 
	display: block;
	float: left;
}

#footerInfo a{color: #00B1B0; font-weight: bold;}

#homeGoogleMap a, #homeOrderOnline a, #homeBooking a{
	display: block;
	width: 280px;
	height: 144px;
	overflow: hidden;
	background: url(../BLU_images/bluGoogleMap.png) top;
}

#homeOrderOnline a{
	background: url(../BLU_images/bluOrderOnline.png) top;
}

#homeBooking a{
	height: 83px;
	background: url(../BLU_images/bluReservation.png) top;
}

#homePhone{font-size: 36px; line-height: 42px; color: #000;}
#homeEmail a{font-size: 20px;}
#homeAddress{font-size: 28px;font-family: "typewriter_condensedbold";  color: #000;}
#homeGoogleMap a:hover, #homeOrderOnline a:hover, #homeBooking a:hover{background-position: bottom;}


#homeNews a, #homeGallery a, #homeOrder a{text-decoration: none;}
.date{color: #00B1B0; font-weight: bold;}

.tint {
    overflow: hidden;
    float: left;
    background: #00B1B0;
	margin-bottom: 5px;
}

.tintImg {
    float: left;
    background: black;
    display: block;
    -moz-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
	-webkit-perspective: 1000;
	/*-webkit-backface-visibility: hidden;*/
	fill-opacity: .6;
	filter: gray alpha(opacity=60); /* IE6-9 */
    -webkit-filter: grayscale(100%);
	opacity: .6;
	margin: 0;
	padding: 0;
}

.tintImg:hover {
    cursor: pointer;
	-webkit-filter: grayscale(0%);
	opacity: 1;
	filter:alpha(opacity=100);
}

.newsCat a{
	display: block;
	width: 160px;
	padding: 2px 10px;
	text-decoration: none;
	color: #435663;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "typewriter_condensedbold";
}

.newsCat.current a{
	color: #2BBDBD;
}

.newsCat a:hover{
	color: #435663;
	background: #2BBDBD;
}

.page a{
	margin-right: 10px;
	text-decoration: none;
}

.page a:hover{
	text-decoration: underline;
}

.menuList{margin-top: 20px; border-top: 1px solid #fff;}