﻿/*    =======================================
	  Darius Karimi - 07 October 2009
	  Standard styles for screen & Projection
	  =======================================    */

.invisible { display: none; }

.hide {position: absolute; top: -9999px; left: -9999px;}
 
legend.hide{ font-size: 0.005em; visibility: hidden;}

fieldset{border: 0;	}

.ellipse { letter-spacing: -0.15em; }

/* Clear floats on a background */
.theBreaker{height: 0.005em; clear: both; overflow: hidden;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
  
* html .clear { height: 1%; }
.clear { display: block; }

/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace {position: relative; margin: 0px; padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ }

.replace span {display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/}

.bold { font-weight:700; }

.right {float:right;}
.left {float:left;}      

/*	For evil CMSs */
u { text-decoration: none; }


/*	Site Specific Styles		*/
body{
	font: normal 0.75em/1.8em "Trebuchet MS", arial, sans-serif;
	background:#D8CDF4 url(../../Images/Common/bodyBG.gif) repeat-y center;
	color:#27262F;}
	
#main {
	background:#D8CDF4 url(../../Images/Common/mainBG.gif) repeat-x center top;}
	
#container {
	width:603px;
	margin:0 auto;}
	
#header {
	height:161px;
	position:relative;
	background:transparent url(../../Images/Common/headerBG.png) no-repeat right top;}
	
.logo img {
	margin-top:45px;}
	


.slider {
	height:290px;
	margin:40px 0 35px;
	position:relative;
	overflow:hidden;
	padding:11px 0 0 16px;
	background:transparent url(../../Images/Slider/SliderBG.gif) no-repeat left top;}
	
.slideshow {
	width:571px;
	height:261px;
	overflow:hidden;}
	
.sliderControls {
	bottom:0;
	height:54px;
	position:absolute;
	right:21px;
	width:11em;
	z-index:100;}
	
.pager {
	height:40px;
	left:30px;
	position:absolute;
	top:25px;
	width:auto;
	z-index:100;}
	
.slider .nav, .sliderLink {
	float:left;
	width:auto;}
	
.slider .nav a, .slider .nav a:visited, 
.sliderLink a, .sliderLink a:visited {
	float:left;
	padding:3px 4px 4px;
	margin:0 3px;
	color:#fff;
	line-height:0.75em;
	border:1px solid #999999;
	font:700 0.7em/0.75em arial;
	outline:none;
	background:transparent url(../../Images/Common/blackOpacity.png);}
	

.slider .nav a:hover, .slider .nav a:active, .slider .nav a:focus,	
.sliderLink a:hover, .sliderLink a:active, .sliderLink a:focus {
	color:#FF005A;}
	
.slider .nav span.right {float:right;}

.slider .nav a.activeSlide,
.slider .nav a.activeSlide:hover,
.slider .nav a.activeSlide:active,
.slider .nav a.activeSlide:focus {
	background:#FF005A;
	color:#fff;}
	
.content {
	margin:0 0 30px;}
	
.content .wrap {
	padding:0 20px;
	min-height:250px;}
	
#Gallery .content .wrap {
	padding:0;}
	
.content .wrap p {
	margin-bottom:1.3em;}
	
/*Main Navigation*/

.navigation {
	position:absolute;
	bottom:0;
	left:0;
	height:52px;
	padding-left:3px;}

.navigation li {
	float:left;}
	
.navigation li a,
.navigation li a:visited {
	color:#FFF;
	display:block;
	font-size:1.2em;
	font-weight:700;
	line-height:52px;
	overflow:hidden;
	text-align:center;
	width:98px;
	outline:none;
	margin-right:2px;}
	
.navigation li a, .navigation li a span {
	background-image:url(../../Images/Common/holidayHomeSprite.gif);
	background-repeat:no-repeat;
	width:98px;
	height:52px;
	cursor:pointer;}
	
	
.navigation li a:hover span,
.navigation li a:active span,
.navigation li a:focus span {
	color:#fff;
	letter-spacing:1px;}

/*Home*/	
.navigation li a.home span,
.navigation li a.home:visited span {
	background-position:0 0;}
	
.navigation li a.home:hover span,
.navigation li a.home:active span,
.navigation li a.home:focus span {
	background-position:0 -60px;}
	
#Home .navigation li a.home:link span,
#Home .navigation li a.home:visited span,
#Home .navigation li a.home:hover span,
#Home .navigation li a.home:active span,
#Home .navigation li a.home:focus span {
	background-position:0 -128px; cursor:default;}
	
/*About*/	
.navigation li a.about span,
.navigation li a.about:visited span {
	background-position:-99px 0;}
	
.navigation li a.about:hover span,
.navigation li a.about:active span,
.navigation li a.about:focus span {
	background-position:-99px -60px;}
	
#About .navigation li a.about:link span,
#About .navigation li a.about:visited span,
#About .navigation li a.about:hover span,
#About .navigation li a.about:active span,
#About .navigation li a.about:focus span {
	background-position:-99px -128px; cursor:default;}
	
/*Gallery*/	
.navigation li a.gallery span,
.navigation li a.gallery:visited span {
	background-position:-198px 0;}
	
.navigation li a.gallery:hover span,
.navigation li a.gallery:active span,
.navigation li a.gallery:focus span {
	background-position:-198px -60px;}
	
#Gallery .navigation li a.gallery:link span,
#Gallery .navigation li a.gallery:visited span,
#Gallery .navigation li a.gallery:hover span,
#Gallery .navigation li a.gallery:active span,
#Gallery .navigation li a.gallery:focus span {
	background-position:-198px -128px; cursor:default;}
	
/*Location*/	
.navigation li a.location span,
.navigation li a.location:visited span {
	background-position:-297px 0;}
	
.navigation li a.location:hover span,
.navigation li a.location:active span,
.navigation li a.location:focus span {
	background-position:-297px -60px;}
	
#Location .navigation li a.location:link span,
#Location .navigation li a.location:visited span,
#Location .navigation li a.location:hover span,
#Location .navigation li a.location:active span,
#Location .navigation li a.location:focus span {
	background-position:-297px -128px; cursor:default;}
	
/*Booking*/	
.navigation li a.booking span,
.navigation li a.booking:visited span {
	background-position:-396px 0;}
	
.navigation li a.booking:hover span,
.navigation li a.booking:active span,
.navigation li a.booking:focus span {
	background-position:-396px -60px;}
	
#Booking .navigation li a.booking:link span,
#Booking .navigation li a.booking:visited span,
#Booking .navigation li a.booking:hover span,
#Booking .navigation li a.booking:active span,
#Booking .navigation li a.booking:focus span {
	background-position:-396px -128px; cursor:default;}
	
/*Contact*/	
.navigation li a.contact span,
.navigation li a.contact:visited span {
	background-position:-495px 0;}
	
.navigation li a.contact:hover span,
.navigation li a.contact:active span,
.navigation li a.contact:focus span {
	background-position:-495px -60px;}
	
#Contact .navigation li a.contact:link span,
#Contact .navigation li a.contact:visited span,
#Contact .navigation li a.contact:hover span,
#Contact .navigation li a.contact:active span,
#Contact .navigation li a.contact:focus span {
	background-position:-495px -128px; cursor:default;}
	
/*end navigation*/
	
.footer {
	background:transparent url(../../Images/Common/footerBG.png) no-repeat scroll -1px top;
	padding:0 20px;}
	
.footer p {
	color:#999;
	padding:1em;
	text-align:center;}
	
.footer p a { color:#999; text-decoration:underline; }

.footer p a:hover, .footer p a:active, .footer p a:focus {
	text-decoration:none;
	color:#FF005A;}

.socialBookmarks {
	margin-top:40px;
	padding-top:10px;	
	background:transparent url(../../Images/Common/wrapBG.gif) repeat-x center top;}
	
.socialBookmarks ul {
	margin:0 auto 1em;
	text-align:center;
	width:555px;}
	
.socialBookmarks li {
	display:inline;}
	
.socialBookmarks li p {
	text-align:left;
	color:#191928;
	font-size:1.2em;
	line-height:2em;}
	
.wrap img {
	float:left;
	margin:0 20px 1em -20px;}
	
.wrap .galleryContainer  img {
	margin:0 0 6px;
	border:1px solid #171526;}
	
.wrap .galleryContainer a:hover  img,
.wrap .galleryContainer a:active  img,
.wrap .galleryContainer a:focus  img {
	border:1px solid #fff;}
	

	
.galleryContainer { margin:50px -16px 0;}
	
#About .wrap img {
	margin:0 20px 1em -13px;}
	
	
.wrap a, .wrap a:visited {
	color:#FF005A;}
	
.wrap a:hover, .wrap a:active, .wrap a:focus {
	text-decoration:underline;}
	
.wrap h3 {
	font-family:georgia;
	font-size:2em;
	margin:40px 0 1em;
	font-weight:normal;
	color:#EE4E00;}
	
.wrap h4 {
	font-family:georgia;
	font-size:1.4em;
	font-weight:300;
	margin:1.5em 0 1em;}
	
.wrap .galleryContainer li {
	background:#EDECEC;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 6px 16px;
	padding:10px 10px 0;
	text-align:center;
	border:1px solid #FFFFFF;}
	
.wrap .galleryContainer li:hover {
	background:#312F3F;
	border:1px solid #4A475F;}
	
.wrap .galleryContainer li:hover span {
	color:#EDECEC;}
	
/************** #price plan table styles **************/
#pricePlanTbl {
	width:100%;
	text-align: center;
	background-color: #D8CDF4;}

.title {
	background-color: #FFFFFF;
	line-height: 25px;}
	
.title01 {
	background-color: #E1DBF9;
	line-height: 30px;}
	
.items01{background-color: #F1EFFC;}

.items02{background-color: #F9FAFF;}

#pricePlanTbl td {line-height:3em;}

iframe { 
	border:10px solid #fff;
	width:593px;
	margin:2em 0 2em -27px;}
	
iframe #wrapper	{
	background:transparent !important;}
	
	
.calendar iframe { 
	border:3px double #fff;
	width:500px;
	margin:30px auto}
	
.calendar {
	width:500px;
	margin:0 auto;}
	
.calendar h3 {
	margin:0;}
	
.wrap .calendar	 img.calendarCode {
	margin:20px 0 -20px 0;
	float:none;}
	
.stopPlay {
	background:transparent url(../../Images/Common/blackOpacity.png);
	border:1px solid #999999;
	color:#FFFFFF;
	float:right;
	font-weight:300;
	line-height:0.8em;
	margin-left:5px;
	cursor:pointer;
	padding:2px 4px;}
	
.stopPlay:active,
.stopPlay:focus,
.stopPlay.activeButton {
	font-weight:700;
	border:1px solid #999999;}
	
.map p {
	margin-top:3em;
	font-weight:700;}
	
.map address {
	margin-bottom:3em;}
	
#map_canvas {
	width:743px;
	height:410px;
	margin:0 0 0 -70px;
	border: 3px double #292839;}
			
	


	
	
	

