/* FILE CONTENTS
----------------------------------------------------------

1.	Resets (YUI3)
2.	Typography (YUI3)
3.	Basic Styles
4.	Container Styles
5.	Branding Styles
6.	Call To Action Styles
7.	Header Image Styles
8.	Aside (Secondary Content) Styles
9.	Navigation Styles
10.	Content Styles
11. Latest News Styles
12.	Gallery Styles
13.	Form Styles
14.	Image Styles
15.	Footer Styles
16.	Imported Styles
17.	Misc Styles & Notes

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


/* 1. YUI 3 Resets — Copyright (c) 2009, Yahoo! Inc. All rights reserved. (http://developer.yahoo.net/yui/license.txt)
---------------------------------------------------------- */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* 2. YUI 3 Typography Styes — Copyright (c) 2009, Yahoo! Inc. All rights reserved. (http://developer.yahoo.net/yui/license.txt)
---------------------------------------------------------- */
body { font: 13px/1.231 "Helvetica Neue",Arial,Helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
h1, h2, h3, h4, h5, h6 { font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; }
select,input,button,textarea { font: 99% "Helvetica Neue",Arial,Helvetica,clean,sans-serif; }
table { font-size: inherit; font: 100%; }
pre,code,kbd,samp,tt { font-family: monospace;*font-size:108%; line-height: 100%; }
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3,h4,h5,h6 { margin:1.5em 0 0.5em; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }
th,td { padding:.2em .6em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p,fieldset,table,pre { margin-bottom:1em; }
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* 3. Basic Styles
---------------------------------------------------------- */
html { background-color:#fff; padding:0 0 50px; }

a { color:black; text-decoration:none; border-bottom:none; }

h1 { margin:0 0 1em; padding:7px 0px; background:transparent; color:black; font-weight:normal; }

h1 strong, h4 { color:black; }
h2, h5 { color:black; }
h3, h6 { color:black; }

p, li { color:black; }

table { border:1px solid black; margin-top:3px; }
table th { background-color:#ccc; border:none; }
table td { border:none; }


/* 4. Container Styles
---------------------------------------------------------- */
#accessibility-links { display:none; }
#header { margin:0 18px; position:relative; border-bottom:1px solid black; padding-bottom:20px; }
#page { background-color:white; z-index:500; margin:0 auto; padding:18px; }


/* 5. Branding Styles
---------------------------------------------------------- */
#branding { width:auto; display:block; z-index:600; position:relative; padding:20px 0 0; background:white; }
#branding a { display:block; margin:0 0 10px; padding:0; font-weight:bold; font-size:274%; border-bottom:none; letter-spacing:-2px; }
#branding a img { height:75px; }
#branding p { display:block; font-size:100%; margin:0 0 -4px 0; z-index:650; position:relative;  }


/* 6. Call To Action Styles
---------------------------------------------------------- */
#call-to-action { display:block; padding-top:1px; margin-top:1px; border-top:1px solid black; padding:11px 18px 10px 0px; }
#call-to-action p { font-size:123.1%; font-style:italic; margin:0; color:black; }
#call-to-action p strong { font-weight:bold; letter-spacing:-1px; color:black; }
#call-to-action p a { font-style:normal; font-size:100%; color:black; text-decoration:none; }


/* 7. Header Image Styles
---------------------------------------------------------- */
img#header-image  { margin:0; padding:0; display:block; overflow:hidden; background-color:#ccc; border:none; margin:0 0 18px; padding:0; }


/* 9. Navigation Styles
---------------------------------------------------------- */
#nav { display:none; }


/* 10. Content Styles
---------------------------------------------------------- */
#content { padding:0px 0px 30px; }
#content h1+p { color:black; font-weight:bold; }
#content img { float:right; clear:right; border:1px solid #00f; margin:3px 0 15px 30px }


/* 11. Latest News Styles
---------------------------------------------------------- */
#latest-news { clear:left; }
#latest-news h2 { margin:0 0 7px 0; padding:10px 0 0; font-size:123.1%; color:black; }
#latest-news h3 { border-top:1px solid #ccc; padding-top:1em; margin:0; color:black; }


/* 11. Gallery Styles
---------------------------------------------------------- */
#content ul#gallery { padding:0; margin:25px 0; float:none; }
#content #gallery li { padding:0; list-style:none; position:relative; width:139px; height:139px; float:left; margin:0 9px 9px 0; }
#content #gallery li:last-child { float:none; height:auto; width:100%; background-color:transparent; clear:both; }
#content #gallery li a { position:relative; padding:0; margin:0; display:block; border:1px solid black; width:139px; height:139px; }
#content #gallery li a img { position:absolute; margin:0; top:0; clip: rect(0px 139px 139px 0px); border:0px solid black; }
#content #gallery li a span { display:none; position:absolute; top:0; left:0; padding:0 5px 3px 0; background-color:black; z-index:60; font-size:10px; font-weight:bold; }


/* 12. Form Styles
---------------------------------------------------------- */
#content form { background-color:transparent; padding:15px 0px 15px; margin-top:15px; margin-bottom:30px; width:629px; clear:both; }
#content form fieldset { padding:15px; border:1px solid #444; margin-bottom:-1px; background-color:#eee; }
#content form ul { padding:0; margin:0; }
#content form li { position:relative; list-style:none; float:left; clear:left; padding:2px 0; }
#content form li.required-field-note { padding-left:200px; font:normal 10px Helvetica, Arial, Verdana, Sans-serif; color:black;  }
#content form li.required-field-note em { vertical-align:-8px; }
#content form label { float:left; width:200px; font:normal 13px Helvetica, Arial, Verdana, Sans-serif; padding:5px 0; color:black; }
#content form label.error { white-space:nowrap; margin-left:-8px; top:6px; *top:9px; font-weight:bold; text-transform:uppercase; font-size:10px; position:absolute; background-color:#f99; border:1px solid #c00; color:black; padding:1px 3px 1px 10px; width:auto; }
#content form input.error,
#content form textarea.error { border:2px solid #c00; margin:-1px; }
#content form input,
#content form textarea { float:left; border:1px solid #444; padding:4px; width:385px; font:normal 13px Helvetica, Arial, Verdana, Sans-serif; }
#content form input.arrival-date,
#content form input.departure-date,
#content form input.reservation-date,
#content form input.time { width:150px; }
#content form em { font-size:24px; line-height:10px; vertical-align:-5px; font-weight:normal; color:black; font-style:normal; }
#content form fieldset.buttons { padding-left:215px; }
#content form fieldset.buttons input { width:150px; margin-right:15px; padding:4px 14px; background-color:white; color:#000; border-color:black; cursor:pointer; }

#content form fieldset.buttons input.clear-form { display:hidden; }


/* 14. Image Styles
---------------------------------------------------------- */


/* 15. Footer Styles
---------------------------------------------------------- */
#footer { clear:both; display:block; border-top:1px solid black; padding:15px 0px 0px; margin-top:20px; }
#footer p { float:left; color:black; width:50%; }
#footer cite { float:right; color:black; clear:none; width:40%; text-align:right; }


/* 16. Imported Styles
---------------------------------------------------------- */


/* 17. Misc Styles & Notes
---------------------------------------------------------- */
#warning { display:none; }

/* CLEAR FIX */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */