/* styles.css */
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);

body{
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	background-color:#1a1a1a;
	background-attachment: fixed;
	background-image: url(../img/bg-blur.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow-x: hidden;
	zoom:1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	font-weight: bold;
}

h1{
	font-size: 36px;
}

h2{
	font-size: 24px;
}

h3{
	font-size: 16px;
	text-align:center;
}

h4{
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

p{
	font-size:14px;
	margin:5px 0;
}

a{
	color:#8c8c8c;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
	color:#1a1a1a;
}

#headerBar{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	min-width:800px;
	height:155px;
	background-image: url(../img/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: center 115px;
	z-index:-1;
}

#header{
	width:865px;
	min-width:800px;
	height:155px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}

#logo{
	width:230px;
	height:195px;
	float:left;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigation{
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	float:right;
	height:40px;
	margin-top:115px;
	padding-right:10px;
}

#navigation li{
	float:left;
}

#navigation a{
	text-decoration:none;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

#navigation h3{
	/*font-weight:normal;*/
	text-decoration:none;
	padding:12px;
}

#navigation a:hover{
	text-decoration:none;
	color:#e6eded;
	background-image: url(../img/nav-tab.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#container{
	width:865px;
	/*max-width:1024px;*/
	/*min-height:275px;*/
	margin:0 auto;
	clear:both;
	padding-top:10px;
}

#footer{
	font-size:12px;
	color:#eeeeee;
	position:fixed;
	bottom:0px;
	right:0px;
	height:22px;
	z-index:-1;
	text-shadow:none;
}

#homeBg{
	width:100%;
	height:100%;
	position:fixed;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display:none;
	z-index:-2;
}

#blurBg{
	position:fixed;
	z-index:-3;
}

.headline{
	width:100%;
	position:absolute;
	bottom:20%;
	right:20px;
	color:#fff;
	font-family: 'Pacifico', cursive;
	font-size:48px;
	text-align:center;
	z-index:-1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9);
	line-height: 68px;
}

.content{
	/*clear:both;*/
	width:863px;
	background-color:#eeeeee;
	border:solid 1px #1a1a1a;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
	margin-bottom:20px;
}

.content ul:first-child{
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(26,26,26)),
		color-stop(0.7, rgb(48,48,48))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(26,26,26) 40%,
		rgb(48,48,48) 70%
	);	
	background-color:#1a1a1a;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

.contentBorder{
	border-bottom:solid 1px #bebebe;
}

.content li{
	display:inline-block;
	width:120px;
	margin:10px;
}

.banquets{
	width:644px;
	margin:0 auto;
	color:#8c8c8c;
}

.columns .icon{
	background-color: transparent !important;
	position:absolute;
	top:0px;
	left:0px;
	margin:-26px -10px;
	padding: 0;
	height:51px;
	width:51px;
	background-repeat: no-repeat;
}

.columns ul{
	float:left;
	width:200px;
	/*min-height:195px;*/
	margin-left:19px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#eeeeee;
	border:solid 1px #1a1a1a;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
}

.columns ul:first-child{
	margin-left:0px;
}

.columns ul li{
	padding:10px;
}

.columns ul li:first-child{
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(26,26,26)),
		color-stop(0.7, rgb(48,48,48))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(26,26,26) 40%,
		rgb(48,48,48) 70%
	);	
	background-color:#1a1a1a;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

.columnsPrice{
	background-color:#951512;
	color:#fff;
	text-align:center;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px#000;
	box-shadow: inner 0 0 5px #000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

/*.whiteb {
	width: 60px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;	
}*/

.columnsPrice p{
	width:60px;
	margin:0 auto;
	position: relative;
	z-index: 20;
	border-top:solid 5px #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

.selected{
	background-image: url(../img/nav-tab.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.switch, .switchRev{
	margin-top:-10px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	width:250px;
	height:39px;
	background-repeat: no-repeat;
	background-position: left top;
}
.switch li, .switchRev li{
	padding:10px;
	width:105px;
	display:inline-block;
	text-align:center;
}

.switch{
	background-image: url(../img/btn-weekdays.png);
}

.switchRev{
	background-image: url(../img/btn-weekends.png);
}

.button{
	margin-left:10px;
	padding:8px;
	float:right;
	background-color:#eeeeee;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px#000;
	box-shadow: inner 0 0 5px #000;
}

.button a{
	font-weight:bold;
}

.xltxt{
	font-size:60px;
}

.ltxt{
	font-size:48px;
	/*text-decoration:underline;*/
}

.stxt{
	font-size:14px;
}

.xstxt{
	margin:5px;
	font-size:12px;
	color:#eeeeee;
	text-shadow: none;
}

.paolo {
	line-height: 1.7;
	vertical-align: top;
}


/**** COURSE PAGE ***************************************************************************************************/

#course {
	/*clear:both;*/
	width:300px;
	/*height:150px;*/
	/*float:right;*/
	margin-top:40px;
	/*margin-right:30px;*/
	border:solid 1px #1a1a1a;
	background-color:#1a1a1a;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
	margin-bottom:20px;
}

/*#course h3 {
	margin:10px;
}*/

#course li:first-child {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(26,26,26)),
		color-stop(0.7, rgb(48,48,48))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(26,26,26) 40%,
		rgb(48,48,48) 70%
	);	
	background-color:#1a1a1a;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

.hide {
	display: none;	
}





/**** BANQUET PAGE ***************************************************************************************************/

.image {
	cursor: pointer;
	margin-top: 20px;
	position: relative;
}





/**** GALLERY PAGE **************************************************************************************************/

ul.gallery {
	width: 855px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}

ul.gallery li {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px; 
	padding: 0;
	text-align: center;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
	border: 1px solid #1a1a1a;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

a.thumb {
	width: 190px; /*--Width of image--*/
	height: 120px; /*--Height of image--*/
}

a.thumb:hover {
	background-position: 0 -120px;
}

ul.gallery li a {text-decoration: none; color: #1a1a1a; display: block;}








/**** CONTACT PAGE **************************************************************************************************/
#map-container { 
	height: 460px;
	width: 855px;
	border:solid 1px #1a1a1a;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
}

#top { 
	margin-top: 0px; width: 855px; height: 10px; 
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, rgb(26,26,26)), color-stop(0.7, rgb(48,48,48)) );
	background-image: -moz-linear-gradient( center bottom, rgb(26,26,26) 40%, rgb(48,48,48) 70% );
	background-color: #1A1A1A;
	color: white; 
}	

#bottom { 
	margin-top: 0px; width: 835px; height: 30px; 
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, rgb(26,26,26)), color-stop(0.7, rgb(48,48,48)) );
	background-image: -moz-linear-gradient( center bottom, rgb(26,26,26) 40%, rgb(48,48,48) 70% );
	background-color: #1A1A1A;
	color: white;
	padding:10px; 
}

.content-p {
	font-size: 14px;
	text-align: left;
	font-family: "Open Sans", Arial,Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

#content-holder {
	height: 40px;
	width: 835px;
	margin-top: auto auto;	
}

#directions {
	background: url(../img/car3.png) no-repeat 0 0;	
	display: block;
	margin-top: 3px;
	width: 50px;
	height:25px;
	cursor: pointer;
	float:right;
}


#directions:hover {
	background-position: 0 -25px;
}


#email {
	background: url(../img/mail3.png) no-repeat 0 0;
	margin-right:10px;
	display: block;
	margin-top: 3px;
	width: 50px;
	height:25px;
	cursor: pointer;
	float:right;
}

#email:hover {
	background-position: 0 -25px;
}

.tip {
    color: #eeeeee;
    background:#1a1a1a;
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;    
	z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
	text-align:center;
}








/**** GOOGLE WEATHER **************************************************************************************************/
.temperature{
	color:#ff3300;
	font-size:70px;
	font-weight:bold;
}

.location{
	font-size:20px;
	font-family: Arial;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

.condition{
	font-size:20px;
	font-family: Arial;
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}