/* 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.	Navigation Styles
9.	Content Styles
10. Latest News Styles
11.	Gallery Styles
12.	Form Styles
13.	Image Styles
14.	Footer Styles
15.	Imported Styles
16.	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:#dfdfdf url('../images/bg.png') repeat-x top center; padding:50px 0; }

a { color:#285908; text-decoration:none; border-bottom:1px solid #285908; }
a:hover { text-decoration:none; color:#285908; border-bottom-color:transparent; }
a:active { color:#285908; }

h1 { margin:0 0 1em; padding:7px 10px; background: #172629; color:white; font-weight:normal; }

h1 strong, h4 { color:#285908; }
h2, h5 { color:#000; }
h3, h6 { color:#999; }

p, li { color:#666; }

table { border:1px solid #285908; margin-top:3px; }
table th { background-color:#285908; border:none; }
table tr:nth-child(2n+1) { background-color:#ddd; }
table td { border:none; }


/* 4. Container Styles
---------------------------------------------------------- */
#accessibility-links { display:none; }
#header { position:relative; }
#page { clear:both;z-index:500; width:850px; margin:0 auto; }

#content-wrapper { background-color:white; padding:18px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; border-radius:20px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -o-border-top-left-radius:0; border-top-left-radius:0; -moz-box-shadow:0px 0px 40px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.15); box-shadow:0 0 50px rgba(0,0,0,0.15);
}

div.subject {width:100%; float:left; margin:0 auto; clear:both}


/* 5. Branding Styles
---------------------------------------------------------- */
#branding { width:auto; float:left; display:block; z-index:600; position:relative; padding:20px 18px 0px 18px; background:white; -moz-border-radius-topleft:20px; -webkit-border-top-left-radius:20px; -o-border-top-left-radius:20px; border-top-left-radius:20px; -moz-border-radius-topright:20px; -webkit-border-top-right-radius:20px; -o-border-top-right-radius:20px; border-top-right-radius:20px; }
#branding a { display:block; margin:0 0 10px; padding:0; font-weight:bold; font-size:274%; border-bottom:none; letter-spacing:-2px; }
#branding a:focus { margin:-1px -1px 10px -1px; }
#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 { position:absolute; right:0; bottom:0; float:right; display:block; text-align:right; padding:11px 18px 10px 0; overflow:hidden; }
#call-to-action p { font-size:123.1%; font-style:italic; margin:0; color:#6b9e25; }
#call-to-action p strong { font-size:225%; font-weight:bold; letter-spacing:-1px; color:#6b9e25; }
#call-to-action p a { font-style:normal; font-size:100%; color:#6b9e25; text-decoration:none; border-bottom:1px solid #6b9e25; }
#call-to-action p a:hover { border-bottom-color:transparent; color:#80BF00; }
#call-to-action p a:active { color:#285908; }


/* 7. Header Image Styles
---------------------------------------------------------- */
img#header-image  { display:block; width:596px; height:260px; overflow:hidden; float:right; background-color:#ccc; border:none; margin:0 0 18px; padding:0; }
#alternative-content { dispay:block; background-color:#eee; float:right; overflow:hidden; width:596px; height:260px; padding:0; overflow:hidden; margin:0 0 18px; }
#alternative-content a { border:none; padding:115px 0 0 242px; }
#alternative-content a:hover img { border:1px solid #ccc; background-color:white; padding:9px; margin:-10px 0 0 -10px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-transition: -webkit-box-shadow 300ms ease-in; }

/* 8. Navigation Styles
---------------------------------------------------------- */
#nav { float:left; clear:left; width:178px; height:255px; background:#285908 url('../images/nav-bg.png') repeat-x bottom left; padding:5px 11px 0; margin:0 0 18px; }
#nav li { padding:0; margin:0; list-style:none; }
#nav li a { color:white; display:block; padding:9px 0 9px 20px; border-bottom:1px dotted white; background:transparent url('../images/nav-link-bg.png') no-repeat 0 49%; }
#nav li a:hover { color:#6AA41C; }
#nav li a:active { color:#000; }
#nav li a.current { color:#6AA41C; font-weight:bold; cursor:default; padding:8px 0 10px 20px; }
#nav li a:visited {  }


/* 9. Content Styles
---------------------------------------------------------- */
#content { width:596px; float:right; padding:0px 0px 30px; }
#content h1+p { color:#285908; font-weight:bold; }
#content img { float:left; clear:left; border:0px solid #285908; margin:3px 30px 15px 0 }


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


/* 11. Gallery Styles
---------------------------------------------------------- */
#content ul#gallery { padding:0; margin:25px 0; float:none; }
#content #gallery li { margin:0; padding:0; list-style:none; position:relative; width:139px; height:139px; float:left; margin:0 9px 9px 0; }
#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:focus img,
#content #gallery li a:hover img { display:block; clip:auto; z-index:50; border:15px solid black; top:-15px; left:-15px; -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.75); box-shadow:0 0 15px rgba(0,0,0,0.75); -webkit-transition: all 100ms ease-out; }
#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; }
#content #gallery li a:focus span,
#content #gallery li a:hover span { display:block; color:#ccc; }


/* 12. Form Styles
---------------------------------------------------------- */
#content form { background-color:transparent; padding:15px 0px 15px; margin-top:15px; margin-bottom:30px; width:585px; clear:both; }
#content form fieldset { padding:15px; border:1px solid #ddd; 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:#333;  }
#content form li.required-field-note em { vertical-align:-8px; padding-right:2px; }
#content form label { float:left; width:200px; font:normal 13px Helvetica, Arial, Verdana, Sans-serif; padding:5px 0; color:#333; }
#content form label.error { white-space:nowrap; margin-left:-8px; top:6px; font-weight:bold; text-transform:uppercase; font-size:10px; position:absolute; background-color:#f99; border:1px solid #c00; color:#900; padding:1px 3px 1px 10px; width:auto; -moz-border-radius:12px 1px 1px 12px; -webkit-border-top-left-radius:12px; -webkit-border-bottom-left-radius:12px; -o-border-radius:12px 1px 1px 12px; border-radius:12px 1px 1px 12px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.55); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.55); box-shadow:0 1px 3px rgba(0,0,0,0.55); }
#content form input.error,
#content form textarea.error { border:2px solid #c00; margin:-1px; }
#content form input.error:hover,
#content form textarea.error:hover,
#content form input.error:focus,
#content form textarea.error:focus { border-width:2px; }
#content form input,
#content form textarea { float:left; border:1px solid #ccc; padding:4px; width:340px; 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 input:hover,
#content form textarea:hover { border:1px solid #285908; background-color:#f9f9f9; }
#content form input:active,
#content form textarea:active { background-color:#eee; }
#content form input:focus,
#content form textarea:focus { border:1px solid #8B0E19; background-color:#FFEADB; }
#content form em { font-size:24px; line-height:10px; vertical-align:-5px; font-weight:normal; color:#D20008; 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:#285908; color:#000; border-color:#285908; cursor:pointer; }
#content form fieldset.buttons input:hover { background-color:#6b9e25; }
#content form fieldset.buttons input:active { background-color:#285908; }
#content form fieldset.buttons input.clear-form { width:auto; border-color:#eee; background-color:transparent; padding:0; color:#285908; margin:5px 0; text-decoration:underline; }
#content form fieldset.buttons input.clear-form:hover { text-decoration:none; }
#content form fieldset.buttons input.clear-form:active { color:black; }


/* 13. Image Styles
---------------------------------------------------------- */


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


/* 15. Imported Styles
---------------------------------------------------------- */


/* 16. Misc Styles & Notes
---------------------------------------------------------- */
#warning { background:#C00; border-bottom:1px solid #c55; border-top:1px solid #c55; color:#fff; position:relative; z-index:1000; margin-top:-50px; top:0; padding:0px; width:100%; margin-bottom:50px; }
#warning div { width:850px; margin:0 auto; padding:10px 0 5px; }
#warning h2 { margin:0; padding:5px 0 10px 0; color:white; font-weight:normal; }
#warning h2 strong { font-weight:bold; color:white; }
#warning h2 em { color:white; }
#warning p { color:#f99; }
#warning p strong { color:#fbb; }
#warning a { color: #fff; border:none; text-decoration:underline; }
#warning a:hover { text-decoration:none; }
#warning a:active { text-decoration:none; color:#760005; }

/* 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 */