/*  Opera Suites and Marina Style Sheet
	Matthew J. Stellato // matthewstellato.com
	Copyright 2008
*/

@import url("reset.css");

/* Main Structural Elements 
---------------------------------------------------*/
body {background: url(../images/bg_body.jpg);}
#container {background: url(../images/bg_container.png) no-repeat center top;}
#container.home {background: url(../images/bg_container_home.png) no-repeat center top;}
#wrap {width:783px; margin:0 auto;}
#header {height:167px; position:relative; text-indent:-9999em;}
#content {background: url(../images/bg_content.jpg) repeat-y center top; padding:0 6px 0 9px;}
#content.privacy {background: url(../images/bg_content_full.jpg) repeat-y center top; padding:0 6px 0 9px;}
#main {background: url(../images/bg_main.gif) repeat-x center top; min-height:200px;}
.clear{line-height:0px; font-size:0; height:0px; clear:both;}

/* Header Content
---------------------------------------------------*/
#header h1 {padding:65px 0 0 40px;}
#header h1 a {display:block; width:155px; height:75px; background: url(../images/logo.gif) no-repeat top left;}
#header div {position:absolute; right:10px; bottom:28px;}
#header p {background: url(../images/bg_address.gif) no-repeat top left; width:346px; height:17px;}

#header li {float:left; display:block;}
#header ul a {display:block; background:url(../images/nav_meta.png) no-repeat top left; height:18px;}
#header ul a#about {width:150px;}
#header ul a#map {width:116px; background-position:-150px 0}
#header ul a#contact {width:80px; background-position:-265px 0}

#header ul a#about:hover {background-position: 0 -18px}
#header ul a#map:hover {background-position:-150px -18px}
#header ul a#contact:hover {background-position:-265px -18px}

/* Navigation
---------------------------------------------------*/
#nav {height:28px; padding:0 9px;}
#nav li {float:left; display:block;}
#nav a {display:block; height:28px; text-indent:-9999em; background:url(../images/nav.png) no-repeat top left;}
#nav a#lifestyle {width:151px;}
#nav a#photos {width:152px; background-position:-152px 0}
#nav a#suites {width:155px; background-position:-304px 0}
#nav a#amenities {width:154px; background-position:-459px 0}
#nav a#reservations {width:153px; background-position:-613px 0}

#nav a#lifestyle:hover {background-position: 0 -28px}
#nav a#photos:hover {background-position:-152px -28px}
#nav a#suites:hover {background-position:-304px -28px}
#nav a#amenities:hover {background-position:-459px -28px}
#nav a#reservations:hover {background-position:-613px -28px}

#nav li#current a#lifestyle {background-position: 0 -56px}
#nav li#current a#photos {background-position:-152px -56px}
#nav li#current a#suites {background-position:-304px -56px}
#nav li#current a#amenities {background-position:-459px -56px}
#nav li#current a#reservations {background-position:-613px -56px}

/* Main Content
---------------------------------------------------*/
h2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; padding-bottom:15px; color:#1f637f;}
#main {width:470px; *width:472px; padding:20px 30px; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; color:#444; float:left; position:relative;}
#content.privacy #main {width:706px}
#main p {padding-bottom:20px;}

#main p.intro {font: normal 15px/25px Georgia, "Times New Roman", Times, serif;}
#homefeature { font-family:Arial, Helvetica, sans-serif;  font-size:12px; padding:15px; background:#FDFDF5; border:1px solid #F5F1BA; padding:15px; color:#6b6129}
#homefeature p {font-weight:bold; padding-bottom:10px;}
#homefeature ul {list-style:disc; padding:0 0 0 25px;}
#homefeature li {margin-bottom:1px;}

#content.privacy #main ul {padding:0 0 20px 20px; list-style:disc;}


/* Sidebar Content
---------------------------------------------------*/
#sidebar {width:235px; margin-left:532px; background:url(../images/bg_sidebar_subscribe.jpg) repeat-y left top; *margin-left:533px; _width:235px; _float:left; _margin-left:0;}

#sidebar #reserve {background: #FFFFFF url(../images/bg_sidebar_reserve.jpg) bottom left no-repeat; padding:0px 0 20px 0; color:#6b6129; font-family:Arial, Helvetica, sans-serif;}
#sidebar #reserve h2 {background: url(../images/bg_booknow.gif) no-repeat left top; height:18px; text-indent:-9999em; margin:0px 0 10px 10px; padding:0;}

#main #reserve {background:#E9EAC2;}
#main #reserve fieldset {padding:10px 30px; margin-bottom:20px;}
#main #reserve #submit_availability {padding:10px 0 0 60px;}
#main #reserve h3 {color:#6b6129; padding-bottom:10px; font-weight:normal; font-size:15px;}
#main #reserve label {font-size:14px;}
#main #reserve label {width:100px;}

#reserve label {display:block; text-align:right; width:60px; float:left; font-size:10px; margin-right:5px; font-weight:bold;}
#reserve fieldset p {padding-bottom:5px; overflow:auto;}
#reserve div div {float:left; font-size:9px; width:75px; *width:70px;}
#reserve span.hint {display:block;}
#reserve select {display:block; font-size:9px; float:left; margin-right:5px;} 
#reserve select.daySelect {width:50px}
#reserve select.monthSelect {width:80px;}
#reserve select.childrenSelect {width:75px;}
#reserve select.children {margin:0;}
#sidebar #submit_availability {text-align:center; padding:10px 0;}

input.select {position:relative; top:6px;}

#subscribe {background:#f5f1ba url(../images/bg_sidebar_subscribe.jpg) repeat-y left top; border-bottom:1px solid #DEE19E;}
#subscribe p {padding:8px 20px; font: normal 13px/18px Georgia, "Times New Roman", Times, serif; color:#6b6129; text-align:center; *font-size:12px}
#submit_subscribe {text-align:center; padding-bottom:20px;}
#submit_subscribe input {margin:8px 0 0 0;}

#feature {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:15px; background:#FAF8DF; margin:10px; color:#6b6129;}
#feature ul {list-style:disc; padding:10px 0 0 15px;}
#feature li {margin-bottom:5px;}

 
/* FORM Content
---------------------------------------------------*/
form#contactform label {display:block; font-size:11px; font-weight:bold;}
form#contactform fieldset.name {width:220px; float:left; margin-right:10px;}

form#contactform fieldset {padding:0 0 10px 0;}
form#contactform fieldset p {float:left; margin:0 20px 0 0; padding:0;}
form#contactform fieldset input {padding:0 2px; margin-bottom:5px;}
form#contactform fieldset input.namefield {width:200px;}
form#contactform fieldset input.textfield {width:200px;}
form#contactform fieldset textarea {width:450px;}
form#contactform fieldset input.zip {width:80px;} 
.required {color:#999; font-size:11px; padding-bottom:10px; display:block;}
.required a {font-size:10px;}

/* Suites Content
---------------------------------------------------*/
#main.suites div img {float:left; border:1px solid #B7CBD6;}
#main.suites div h3, #main.suites div p {margin-left:160px;}

#main div.result img {float:left; border:1px solid #B7CBD6;}
#main div.result h3, #main div.result p {margin-left:160px;}

a {font-family:Arial, Helvetica, sans-serif; color:#497DB6; font-size:12px;}
a:hover {color:#042e56;}


/* Photo Content
---------------------------------------------------*/
#main.photo img {float:left; margin:0 12px 15px 0; border:1px solid #B7CBD6;}
#main.photo img.last {margin-left:0;}
h4 {color:#6b6129; font-size:16px; border-bottom:1px solid #CCC; font-weight:normal; margin-bottom:20px;}

 
/* Footer Content
---------------------------------------------------*/
#footer {text-align:center; background:#ebedc5; padding:20px; border-top:1px solid #DEE19E; font: normal 11px Arial, Helvetica, sans-serif; color:#6b6129}
#footer ul {margin-bottom:3px; overflow:auto;}
#footer ul li {display:inline;}
#footer ul li a { border-right:1px solid #6b6129; padding:0 5px;}
#footer a {color:#6b6129; text-decoration:none; font-size:11px;}
#footer a:hover {text-decoration:underline;}
#footer ul li a.last {border:0;}
#footer p {margin-top:15px; line-height:18px;}



/* Additions - 10/15/2009 - MJS
---------------------------------------------------*/
#callout {margin:25px 18px; text-align:center;}
#callout a {font-size:12px; text-decoration:none;}
#callout a span {padding-top:10px; text-decoration:underline; display:block;}

.faded a {opacity: .8}
.faded a:hover {opacity: 1}
.faded a.bob {float:left; margin:20px 20px 0 0}