/* Driftwood BEach Chalet CSS Document */
html, body, h1, h2, h3, p, blockquote, cite, ol, ul, li, fieldset, form, label, img, div { margin:0; padding:0; border:0; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; color:#444; background:url(http://www.driftwoodbeachchalet.com/images/wood.jpg) center; }
#container { width:936px; position:relative; margin:0 auto; background:#FFF; padding:150px 12px 12px 12px; }
.top-bar { background:url(../images/top-bar.gif) repeat-x 0 0; height:5px; width:100%; position:absolute; top:0; left:0; }
.logo { background:url(http://www.driftwoodbeachchalet.com/images/logo.gif) no-repeat; width:314px; margin:0 auto; padding:96px 0 0 0; height:0 !important; height /**/:96px; overflow:hidden; position:absolute; top:23px; right:74px; }
.skip-to { display:none; }
/*Body copy
--------------------------------------------------------------------------*/
#content { background:#f3f0ea; padding:0 12px 0 24px; float:left; clear:both; width:900px; }
.section { float:left; clear:both; padding:66px 0 40px 0; position:relative; width:900px; }
#welcome { background:url(http://www.driftwoodbeachchalet.com/images/tab-welcome.gif) no-repeat 288px 24px; }
#about { background:url(http://www.driftwoodbeachchalet.com/images/tab-about.gif) no-repeat 288px 24px; }
#availability { background:url(../images/tab-availability.gif) no-repeat 288px 24px; }
#booking { background:url(http://www.driftwoodbeachchalet.com/images/tab-booking.gif) no-repeat 288px 24px; }
#find { background:url(../images/tab-find.gif) no-repeat 288px 24px; }
#things-to-do { background:url(../images/tab-todo.gif) no-repeat 288px 24px; }
#terms-and-conditions { background:url(../images/tab-tc.gif) no-repeat 288px 24px; }
#offers { background:url(../images/tab-offers.gif) no-repeat 288px 24px; }
#reviews { background:url(../images/tab-reviews.gif) no-repeat 288px 24px; }
/*Titles*/
h1, h2, h3, h3 { font-size:2.2em; color:#2f2f2f; font-style:italic; font-weight:normal; background:url(http://www.driftwoodbeachchalet.com/images/under.gif) no-repeat bottom left; padding:0 0 10px 0; float:left; clear:both; width:100%; }
h3 { font-size:1.8em; padding-top:26px; }
/*Lists*/
#content ul { width:194px; padding:14px 10px 0 0; float:left; }
#content li { list-style:none; font-size:1.3em; line-height:1.3em; padding:0 0 4px 12px; background:url(http://www.driftwoodbeachchalet.com/images/bullet.gif) no-repeat 0 6px; }
#content a { color:#444; text-decoration:underline; }
#content a:hover { color:#75b4ce; }
/*Scroll links*/
#content .section ul.scroll { width:72px; padding:0; float:none; position:absolute; top:24px; left:192px; }
#content .section ul.scroll li { padding:0 0 0 3px; background:none; float:right; }
/*Main column*/
.main-col { width:612px; float:right; margin:0 0 0 24px; }
.main-col p { font-size:1.5em; line-height:1.3em; padding:14px 24px 0 0; float:left; clear:both; width:588px; }
.main-col h4 { font-size:1.5em; margin-bottom:-10px; float:left; clear:both; width:100%; }
.main-col div { float:left; width:282px; padding:0 24px 0 0; }
.main-col div h5 { font-size:1.3em; margin-bottom:4px; float:left; clear:both; width:100%; }
.main-col div p { font-size:1.3em; padding:0; width:282px; }
/*Left column*/
.left-col { width:264px; float:left; margin-top:-21px; }
#content .left-col p { font-size:1.3em; line-height:1.3em; padding:14px 14px 0 0; float:left; clear:both; width:240px; }
#content .left-col ul { width:240px; }
#content .left-col ol { width:230px; padding:14px 10px 0 0; float:left; }
#content .left-col ol li { padding:0 0 6px 0; background:none; float:left; clear:both; width:230px; }
#content .left-col ol li img { padding:0 6px 0 0; vertical-align:bottom; }
#content .left-col img { float:left; clear:both; padding-top:53px; }
/*Availability
--------------------------------------------------------------------------*/
#content .availability { width:100%; margin-bottom:-14px; padding:14px 0 0 0; }
#content .availability div { width:76px; float:left; height:54px; font-size:1.8em; padding:6px 0 0 12px; color:#180f09; border-right:2px solid #f3f0ea; border-bottom:2px solid #f3f0ea; }
#content .availability div em { font-size:0.7em; font-style:normal; display:block; }
#content .availability .month { width:151px; height:42px; font-size:1.7em; padding:18px 0 0 8px; color:#FFF; background:#75b4ce; font-style:italic; }
#content .availability .empty { background:#d3d1cb; }
#content .availability .booked { background:#679c59; color:#FFF; }
#content .availability .part { background:#bdb042; color:#FFF; }
/*Contact form
--------------------------------------------------------------------------*/
.main-col form { padding:14px 0 0 0; float:left; clear:both; }
.main-col form p { float:left; clear:none; padding:0 6px 6px 0; }
.main-col form label { display:none; }
.main-col form .formbox { width:214px; height:28px; border:none; background:#d3d1cb; padding:10px 0 0 6px; font-size:1em; color:#817d72; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:top; }
.main-col form .formbox-large { width:440px; height:172px; border:none; background:#d3d1cb; padding:10px 0 0 6px; font-size:1em; color:#817d72; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:top; }
/*Slideshow
--------------------------------------------------------------------------*/
#show-wrapper { height:329px; width:936px; float:left; clear:both; background:url(http://www.driftwoodbeachchalet.com/images/top.gif) no-repeat 0 0; padding:13px 0 0 0; }
#show { height:317px; width:636px; float:right; }
.top-img { float:left; width:300px; }
.top-img img { float:left; }
/*Footer
--------------------------------------------------------------------------*/
#content .footer { float:left; clear:both; width:100%; padding:60px 0 40px 0; background:url(../images/top.gif) no-repeat 0 40px; }
#content .footer p { font-size:1.1em; padding-left:288px; }
#content .footer a { color:#444; text-decoration:none; }
#content .footer a:hover { color:#75b4ce; }
/*Navigation
--------------------------------------------------------------------------*/
#main-navi { position:absolute; top:126px; right:182px; }
#main-navi li { list-style:none; font-size:1.6em; color:#261c16; padding:0 0 0 18px; float:left; }
#main-navi li a { color:#261c16; text-decoration:none; }
#main-navi li a:hover { color:#75b4ce; }
/*Languages
--------------------------------------------------------------------------*/
.languages { position:absolute; top:129px; right:12px; }
.languages li { list-style:none; padding:0 0 0 6px; float:left; }
/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }