body, table
{
	/*background: #ffffff url(Graphics/banner10.jpg) no-repeat scroll top center;*/
	background: #AE9B8C url(Graphics/banner11.jpg) no-repeat scroll top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px; 
	color: #336633;
	line-height: 20px;
}

/* table with borders */
table
{
	background: #ffffff;
	border: solid 1px #696A6C;
}

td
{
	border: solid 1px #c0c0c0;
    margin: 0;
    padding: 4px;
}

/* headings */
h1, .Heading1
{
	font-size: 18px;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	color: #005596;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2,h3,h4, .Heading2, .Heading3, .Heading4
{
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	color: #005596;
	margin: 20px 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2, .Heading2 { font-size: 16px; }
h3, .Heading3 { font-size: 14px; }
h4, .Heading4 { font-size: 12px; }

/* Paragraphs */
p, .Para
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	text-decoration: none;
	color: #548BC0;
}

a:hover
{
	text-decoration: underline;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.ExtraLargeText { font-size: 130%; }
.BigText { font-size: 110%; }
.NormalText { font-size: 100%; }
.SmallText { font-size: 90%; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel { color: #ff0000; font-weight: bold; }
.Tip { color: #00498d; font-size: 11px; font-weight: bold; }

.Spacing20 { width: 100%; height: 20px; }
.Spacing { width: 100%; height: 10px; }
.Spacing5 { width: 100%; height: 5px; }
.Spacing2 { width: 100%; height: 2px; }
.Spacing8 { width: 100%; height: 8px; }

.hidden { display: none; }
.unhidden { display: block; }

.Bold { font-weight: bold; }

.Overflow { overflow: auto; }

/* Standard warnings */
.InfoMsg 
{	
	background: #d8e5f5 url(Graphics/info1.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

.ErrorMsg
{	background: #d8e5f5 url(Graphics/error.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

.WarningMsg
{
	background: #d8e5f5 url(Graphics/warning.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #000000;
	font-style: italic;
}

/* wrapper */
.Wrapper
{
	width: 950px;
	margin: 0 auto 0 auto;
	background: transparent;
}

/* left stripe */
.LeftStripe { background: transparent url(Graphics/horizbg.gif) repeat-y; }

/* Page banner */
#Banner
{
	width: 100%;
	height: 150px;
	background: transparent;
	text-align: right;
	font-size: 10px;
	color: #c0c0c0;
}	

/* Navigator */
#LeftBar
{
	float:left;
	background: transparent;
	width: 220px;
	padding: 0 0 0 0;
}

/* menu navigator */
#Navigator, #MainContacts
{
	/* float:left; */
	background: transparent;
	width: 220px;
	padding: 0 0 0 0;
	font-size: 14px;
	margin-bottom: 20px;
}	

.NavTop { background: transparent url(Graphics/tabtop1.png) no-repeat; height: 20px; }
.NavBot { background: transparent url(Graphics/tabbot1.png) no-repeat; height: 20px; }
.NavHeader { background: transparent url(Graphics/logosm1.jpg) no-repeat; height: 95px; }
.MainContactsHeader { background: transparent url(Graphics/contacts.gif) no-repeat; height: 50px; }
.MainContactsInfo
{
	background: transparent url(Graphics/navbg.gif) repeat-y;
	line-height: 25px;
	padding: 0 10px 0 10px;
}
	          
#Navigator ul
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 30px;
	width: 220px;
	z-index: 100;
	background: transparent url(Graphics/navbg.gif) repeat-y;
	text-transform: lowercase;
}

#Navigator ul li
{
	padding: 0 0 0 0;
	position: relative;
	height: 30px;
	z-index: 50;
}

#Navigator li ul
{
	position: absolute;
	left: 210px;
	top: 0;
	display:none;
	z-index: 120;
	padding: 5px 5px 5px 5px;
	border: solid 2px #3E70A1;
	background: #ffffff;
}

/* Styles for Menu Items */
#Navigator ul li a 
{
	display: block;
	text-decoration: none;
	padding: 0 0 0 40px;
	background: none;
	color: #468211;
	width: 210px;
	height: 30px;
	z-index: 50;
}

/* Fix IE. Hide from IE Mac \*/
* html #Navigator ul li { float: left; height: 1%; }
* html #Navigator ul li a { height: 1%; }
/* End */

#Navigator ul li a:hover 
{ 
	background: transparent url(Graphics/select.gif) no-repeat;
}	

#Navigator li ul li a 
{ 
	width: auto; 
	background: none; 
	text-align: left;
	padding-left: 5px;
	
} /* Sub Menu Styles */

#Navigator li ul li a:hover
{ 
	background: #3E70A1;
	color: #ffffff;
}	
		
#Navigator li:hover ul, li.over ul 
{ 
	display: block; 
} /* The magic */

.PortraitShots { background: transparent url(Graphics/beach-portrait.jpg) no-repeat; height: 300px;}
.PortraitShots a
{
	display: block;
	width: 100%;
	height: 100%;
}	

.PortraitShots a:hover { text-decoration: none; }

.McPhone
{
	background: transparent url(Graphics/phone1.png) no-repeat scroll center left;
	height: 35px;
	line-height: 35px;
	padding-left: 35px;
}		

.McEmail
{
	background: transparent url(Graphics/email1.png) no-repeat scroll center left;
	height: 35px;
	line-height: 35px;
	padding-left: 35px;
}

.McSnail
{
	background: transparent url(Graphics/address1.png) no-repeat scroll top left;
	height: 130px;
	padding-left: 35px;
}		

/* content */
.ContentBox
{
	float:right;
	width: 710px;
	background: transparent;
	padding: 0 0 0 0;
}

.Content 
{ 
	background: #ffffff; /*transparent url(Graphics/cont1.png) no-repeat;*/
	padding: 10px 10px 10px 10px; 
	/*float:right;*/
	width: 680px;
}
.ContentTop { /*float: right; width: 710px; position: relative; left: 10px;*/ background: transparent url(Graphics/cont1.png) no-repeat scroll top left; height: 20px; }
.ContentBot { /*float: right; width: 710px; position: relative; left: 10px;*/ background: transparent url(Graphics/cont2.png) no-repeat scroll bottom left; height: 20px; }

.ContentText
{
	background: #ffffff; /* url(Graphics/content-bg.gif) no-repeat;*/
	padding: 20px 0 20px 0;
}
	
/* footer */
#Footer
{
	width: 100%;
	background: #ffffff; /* url(graphics/ftbg.jpg) no-repeat scroll top center;*/
	margin: 0 auto 0 auto;
	clear: both;
	padding: 0 0 15px 0;
	font-size: 12px;
	border-top: solid 3px #336633;
}

.FooterCol2 { float: left; width: 266px; padding-left: 60px; }
.FooterCol1 { float: left; width: 276px; padding-left: 40px; }
.FooterCol3 { float: right; text-align: right; padding-top: 15px;}

#Footer a { color: #468211; }
	
#Credits
{
	clear:both;
	width: 100%;
	background-color: #ebf2fa;
	line-height: 40px;
	text-align: center;
	font-size: 10px;
}

#Credits a { color: #b0cceb; }
#Credits a:hover { color: #9DBFE6; }

.Copyright { font-size: 14px; }

/* highlight a section */
.ShowMe  
{
	color: #548BC0; 
	font-size: 40px; 
	background: #ffffff url(Graphics/longquote.gif) no-repeat;
	line-height: 40px;
	text-align: center;
	padding-left: 30px; padding-right: 30px;
}

.ShowMeSomeMore { color: #548BC0; font-size: 16px; margin-top: 30px; }

/* quotes */
blockquote
{ 
	background: transparent url(Graphics/quote-open.gif) no-repeat scroll top left; 
	padding-top: 10px;
	margin: 20px 20px 20px 20px;
	font-style: italic;
	font-size: 18px;
	color: #548BC0;
}

blockquote div
{
	background: transparent url(Graphics/quote-close.gif) no-repeat scroll bottom right;
	padding: 0 50px;
}

.homeblock { width: 240px; text-align: center; }

/* Buttons */
#Buttons
{
	height: 40px;
}

#Buttons a
{
	display:block;
	float:right;
	width: 15%;
	margin-left: 2%;
	color: #1968B3;
	background-color: #DBECFC;
	font-size: 16px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}	

#Buttons a:hover
{
	background-color: #1968B3;
	color: #ffffff;
}		

/* contact page */
.Contact
{
	padding: 0 0 0 0;
}

#ContactForm
{
}

.ContactDetails
{
	float:left; 
	width: 55%;
}

.BookingDetails
{
	float: right;
	width: 37%;
}	

/* opening hours */
.FltRt { float: right; width: 190px; padding-left: 10px; }

#OpeningHours, #Treatments
{
	background: #BED73B url(Graphics/btcurve.gif) no-repeat scroll bottom left;
	/*float:right;*/
	width: 190px;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#OpeningHours h1, #Treatments h1, #Navigator h1
{
	background-color: #B1E287;
	height: 30px;
	line-height: 30px;
	color: #93A149;
}

/* bullet points, prices etc. */
.Pk, .Bt
{
	margin: 0 0 10px 0;
	background: #B1E287 url(Graphics/bullet.gif) no-repeat;
	padding: 0 10px 5px 20px;
	overflow: auto;
}	

/* Package */
.Pk { min-height: 20px; }
.PkD { float: left; width: 69%; } /* description */
.PkT { float: left; width: 15%; } /* time */
.PkP { float: right; width: 15%; text-align: right; } /* price */

/* Home page sizer */
.HomeSizer { height: 720px; text-align: center; }

/* events calendar */
.Calendar
{
	border: solid 1px #dcdcdc;
	width: 220px;
	height: 260px;
	background-color: #ececec;
	padding: 10px 10px 10px 10px;
}
	
.CalendarRow, .CalendarHeadingRow
{
	line-height: 30px;
	height: 30px;
	width: 100%;
	margin-bottom: 1px;
}
.CalendarHeadingRow { height: 30px; }

.CalendarSquare, .CalendarHeading
{
	width: 30px;
	height: 30px;
	float:left;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #c0c0c0;
	font-size: 11px;
}

.CalendarHeading
{
	background-color: #005596;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
}

.Booked { background-color: #ff0000; }
.BookedText { color: #ff0000; }
.Available { background-color: #ffffff; }
.Empty { background-color: #dbdbdb; /*#B8B8B8;*/ }
.Today { background-color: #FFF799; }

/* buttons */
.Button
{
	border: none;
	width: 150px;
	height: 45px;
	background: #ffffff url(Graphics/button1.png) no-repeat;
	color: #ffffff;
	font-size: 14px;
}	

/* accommodation page */
.RoomCol1 { float: left; width: 60%; }
.RoomCol2 { float: right; width: 150px; padding-top: 5px; }

.RoomBg { border-bottom: solid 1px #ebf2fa; }

.RoomLeft { float: left; width: 360px; }
.RoomRight { float: right; width: 300px; }

.RoomGallery
{
	background-color: #ebf2fa;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	text-align: center;
	height: 170px;
	overflow: hidden;
}

.RoomImage
{
	float:left;
	height: 150px;
	width: 200px;
	overflow: hidden;
	padding: 0 13px 0 13px;
}
	
.RoomSpecs
{
	font-size: 14px;
	background-color: #d8e5f5;
	padding: 10px 10px 10px 10px;
	width: 250px;
}

#RoomPlan
{
	/*float: right;
	width: 300px;
	padding-left: 20px;*/
}

.RoomPlanImg 
{ 
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	border-left: none;
	border-right: none;
	width: 300px;
}
               	
.BookButton { height: 45px; line-height: 45px; }

.BookButton a
{
	display:block;
	text-align: center;
	border: none;
	width: 150px;
	height: 45px;
	background: #ffffff url(Graphics/button1.png) no-repeat;
	color: #ffffff;
	font-size: 14px;
}	

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

.BookingButton
{
	text-align: center;
	border: none;
	width: 150px;
	height: 45px;
	line-height: 45px;
	background: #ffffff url(Graphics/button1.png) no-repeat;
	color: #ffffff;
	font-size: 14px;
}	

.FacilitiesOuter
{
	border: solid 1px #4d4d4d;
	padding: 10px 10px 10px 10px;
}	

.FacilitiesOuter h2 { margin-top: 0; }

#Facilities
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
}

#Facilities ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	
#Facilities li
{
	background: #ffffff url(Graphics/tick.gif) no-repeat scroll center left;
	padding-left: 22px;
}	

#RoomDesc
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#RoomDesc table
{
	background: #ffffff;
	border: none;
	color: #000000;
	font-size: 11px;
	margin-bottom: 5px;
}

#RoomDesc td
{
	background-color: #dcdcdc;
	border: none;
    margin: 0;
    padding: 4px;
}


/* ajax calendar */
.Cal .ajax__calendar_container { background-color: #ffffff; padding:4px;position:absolute;cursor:default;width:210px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; border: solid 1px #c0c0c0;}
.Cal .ajax__calendar_today {cursor:pointer;padding-top:1px;padding-bottom: 3px; }

.Cal .ajax__calendar_body {height:180px;width:220px;position:relative;overflow:hidden;margin:auto;}
.Cal .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.Cal .ajax__calendar_container TABLE {font-size:11px; border: none;}
.Cal .ajax__calendar_container TD {border: none;}
.Cal .ajax__calendar_header {height:20px;width:100%;}
.Cal .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Cal.arrow-left.gif")%>);}
.Cal .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Cal.arrow-right.gif")%>);}
.Cal .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.Cal .ajax__calendar_footer {height:15px;}
.Cal .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.Cal .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.Cal .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.Cal .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.Cal .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.Cal .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.Cal .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.Cal .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.Cal .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.Cal .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.Cal .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#fff200;border-color:#0066cc;color:#0066cc;}
.Cal .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#fff200;border-color:#0066cc;color:#0066cc;}
.Cal .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#fff200;border-color:#0066cc;color:#0066cc;}

.Cal .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#dcdcdc;border-color:#ffffff;color:#646464;}
.Cal .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#dcdcdc;border-color:#ffffff;color:#646464;}

.Cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.Cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.Cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.Cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.Cal .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.Cal .ajax__calendar_active { background-color: #fff200; }
.Cal .ajax__calendar_other { background-color: #dcdcdc; color: #808080; }
.Cal .ajax__calendar_hover { background-color: #1b788a; color: #ffffff; }

/* location page */
.LnAddress, .LnQuick
{
	background-color: #d8e5f5;
	float: left;
	width: 250px;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	height: 110px;
}

.LnQuick
{
	float: right;
	width: 380px;
}

.LnMap
{
	float: right;
	height: 640px;
	width: 400px;
}

.LnDriving
{
	float: left;
	height: 640px;
	width: 270px;
	font-size: 11px;
	line-height: 18px;
}

/* availability calendar */
#AvailabilityCalendars a
{
	display: block;
	width: 28px;
	height: 28px;
}	

.AvailabilityCol1, .AvailabilityCol2
{
	float:left;
	width: 270px;
}			

.AvailabilityKey
{
	float:left;
	width: 115px;
	height: 260px;
	border: solid 1px #dcdcdc;
	background-color: #ececec;
	padding: 10px 10px 10px 10px;
	line-height: 30px;
}

.Av { height: 34px; }

.AvSq
{
	height: 30px;
	width: 30px;
	border: solid 1px #dcdcdc;
	float:left;
}

.AvTxt
{
	height: 30px;
	float: right;
	width: 75px;
}

/* accommodation page room rates */
#RoomRates
{
	/*width: 360px;*/
	font-size: 11px;
	/*float:left;*/
	line-height: 15px;
	padding-bottom: 20px;
}

.rr1 { width: 40px; float: left; text-align: center; }
.rr2 { width: 240px; float: left; }
.rr3 { width: 120px; float:left; text-align: center; }

.rrh { background-color: #DBECFC; font-weight: bold; padding: 3px 0 3px 0; height: 15px;}
.rr { background-color: #ffffff;  padding: 3px 0 3px 0; height: 45px;}
.rra { background-color: #ececec;  padding: 3px 0 3px 0; height: 45px;}
.rrb { background-color: #c0c0c0; font-weight: bold; height: 15px;}			


.TwoCol { float:left; width: 49%; }
.ThreeCol { float:left; width: 33%; }

/* check availability page */
.AvRates 
{ 
	float: left; 
	width: 75%; 
}

.AvMinStay 
{ 
	float: right; 
	width: 19%; 
	font-size: 11px; 
	text-align: center; 
	border: solid 1px #c0c0c0;
	padding: 10px 2% 10px 2%;
	background-color: #ececec;
	color: #000000;
}

.AvCol { float:left; width: 32%; padding-left: 1%; height: 20px;}
.AvRow, .AvRowAlt, .AvRowBk, .AvRowHeader, .AvRowTotal { width: 100%; height: 20px; }
.AvRowAlt { background-color: #ececec; }
.AvRowBk { background-color: #ff0000; color: #ffffff; }
.AvRowHeader { background-color: #005596; color: #ffffff; }
.AvRowTotal { background-color: #dcdcdc; border-top: solid 1px #ffffff; font-weight: bold; }
.MinNights { font-size: 16px; padding-top: 10px; padding-bottom: 10px;}

/* booking form */
.Lbl { float: left; width: 20%; text-align: right; }
.Inp { float: right; width: 79%; text-align: left; }
.Lin { height: 25px; clear: both; width: 100%; }

/* gallery */
.GalleryCats
{
	float: left;
	width: 200px;
	background-color: #ececec;
	padding: 5px 5px 3px 5px;
	text-align: center;
}

.GalleryPics
{
	float:right;
	width: 440px;
	padding: 5px 5px 3px 13px;
	background-color: #909090;
	color: #ffffff;
}

.gcat
{
	width: 200px;
	height: 150px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
}

a.gcata
{	background-color: #101010;
 	color: #ffffff;
 	display:block;
 	height: 20px;
 	position: relative;
 	top: 25px;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%; 	
}
 	
.gline { width: 100%; margin-bottom: 5px; height: 160px; }          
.gimg
{
	float: left;
	width: 200px;
	height: 150px;
	background-color: #808080;
	border: solid 5px #808080;
	text-align: center;
	margin-right: 10px;
	overflow: hidden;
}

.gclip
{
	border: none;
	margin: 0 auto 0 auto;
}	

/* apartment plan */
#AptPlan
{
	clear:both;
	height: 675px;
	width: 680px;
	background: #ffffff url(Graphics/apartment-plan.jpg) no-repeat;
}

#AptPlan a:hover { text-decoration: none; }

#unit2
{
	padding-top: 230px;
	padding-left: 100px;
	width: 120px;
	height: 110px;
	padding-right: 460px;
}

#unit2 a { display: block; width: 120px; height: 110px; }	

#ucol1
{
	width: 90px;
	height: 160px;
	padding-top:65px;
	padding-left: 30px;
	float:left;
}

#unit4, #unit8, #unit9 { width: 45px; float: left; height: 160px; }
#unit1, #unit6, #unit7 { width: 45px; float: right; height: 160px; }

#unit1 a, #unit8 a, #unit6 a, #unit9 a, #unit7 a { width: 45px; height:160px; display:block; }

#ucol2
{
	width: 180px;
	height: 120px;
	padding-left: 50px;
	padding-top: 80px;
	float: left;
}

#unit5, #unit3 { width: 180px; height:60px; }	
#unit5 a, #unit3 a { display: block; width: 180px; height: 120px; }

#ucol3
{
	width: 90px;
	padding-left: 65px;
	padding-top: 65px;
	height:160px;
	float: left;
}

#ucol4
{
	width: 90px;
	padding-left: 55px;
	padding-top: 25px;
	height:160px;
	float: left;
}

/* ajax loader */
.AjaxLoader
{
	position: fixed;
	text-align: center;
	top: 39%;
	left: 29%;
	width: 40%;
	height: 80px;
	border: solid 1px #c0c0c0;
	background-color: #ffffff;
	line-height: 30px;
	padding: 2% 2% 2% 2%;
}	

/* small headings */
.SmallH1, .SmallH2 { font-size: 90%; font-weight: bold; }		

/* cyclone yasi update */
#CycloneYasi
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(Graphics/overlay.png) repeat;
}

#CycloneYasi div
{
    background: #ffffff;
    padding: 20px 2% 20px 2%;
    width: 26%;
    height: 50%;
    position: absolute;
    left: 35%;
    top: 20%;
    text-align: center;
    font-size: 14px;
}