/* Basic CSS */
body { margin:0;font:75% Arial, Helvetica, sans-serif; color:#fff; background:#d8d7c5;}
a {color:#fff;text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
.clearer { clear:both;}
p { padding:0; margin:6px 0 6px 0;}
ul{ margin:0 0 0 15px; padding:0;}

/* Headings */
h1 { color:#716c27;font:1.6em Georgia, serif;font-weight: normal;margin:0; padding:0 0 0 5px;}
h2,h4,h5,h6 { margin:0; padding:0; font-size:1.3em;}
h3{ margin:0; padding:32px 0 4px 14px; font-size:1.8em;}

/* Page containers */
div#page_container { width:980px; margin:0 auto;}
div#page_body { width:980px; background:#fff url(../images/page_top.jpg) no-repeat; overflow:hidden; margin:70px 0 0 0;}

/* Content area */
div#content_area { width:960px; margin:0 auto; margin-top:15px; margin-bottom:10px;background:#716c27; overflow:hidden;}
div#column_left { width:252px; height:444px; padding:16px 25px 0 25px; overflow:auto; float:left; background:#716c27 url(../images/left_col.jpg) no-repeat; border-right:4px solid #b8b693; line-height:19px;}
div#column_left ul li{ padding:10px 0 0px 0; margin:0 0 0 15px;}

div#column_image { width:328px; height:460px; float:left; position:relative;background:url(../images/bg_bathroom.jpg) no-repeat;}
div#column_image_alt { width:328px; height:460px; float:left; background:url(../images/bg_bedroom.jpg) no-repeat;}
div#column_right { width:276px; padding:16px 20px 0 30px; height:444px; overflow:auto; float:left; background:#716c27; line-height:17px;}
div#home_flash { width:654px; height:460px; float:left;}

.gallery_link { position:absolute; top:430px; left:191px; background:#EF6B00; padding:0px 0 0px 5px; text-decoration:none;}
.gallery_link img {vertical-align:middle;background:#323232; padding:2px 0 2px 0;}

/* Navigation - page title */
div#page_title { width:610px; float:left; margin:15px 0 0 10px}
div#naviagtion { width:320px; float:right;}
div#naviagtion ul{ margin:21px 0 0 10px; padding:0;;}
div#naviagtion ul li{ display:inline; padding:0 20px 0 0; list-style:none; color:#c8c8c8;}
div#naviagtion ul li a{ color:#767676; text-decoration:none;}
div#naviagtion ul li a.on{ color:#000; text-decoration:none;}
div#naviagtion ul li a:hover{ color:#000; text-decoration:underline;}

/* Footer notice - keywords */
div#ft_container { width:980px; margin:8px 0 0 0; color:#9b9b9b; font-size:8pt;}
div#ft_container a{color:#9b9b9b;}
div#ft_notice { width:450px; float:left; padding:0 0 0 10px;}
div#ft_websiteby { width:450px; float:right; text-align:right; padding:0 10px 0 0;}
div#keywords { margin:10px 0 0 0; width:980px;}

.book_btn {width:245px; height:28px; background:url(../images/book_btn.jpg) no-repeat 0 0; cursor:pointer; display:block;}
.book_btn:hover {background:url(../images/book_btn.jpg) no-repeat 0 -28px; }
.book_btn span { display:none;}

a.videoLink { padding:8px 0; background:#B8B693; margin:20px 0 0 0; display:block; border:3px solid #fff; text-align:center; text-decoration:none; font-weight:bold; font-size:15px;}
a:hover.videoLink { background:#afae96; border:3px solid #fff;}
a:active.videoLink { background:#fff; border:3px solid #eaeaea; color:#eaeaea;}

/* Contact Form */
#contactform {padding:0; margin:10px 0 0 0; border:none; width:250px;}
#contactform form { padding:0; margin:0; border:0;}
#contactform form fieldset { border:none; margin:0px; padding:0; }
#contactform form li { padding:0px; vertical-align: top; list-style: none; margin:0 0 8px 0; }
#contactform form ol { margin: 0; padding: 0; }
#contactform form legend { color: #555555; font-weight: bold; margin:0; padding:0;}
#contactform form label {display: block;vertical-align: top;float: left;text-align: right; margin:0; padding:0;font-weight:bold;line-height:31px;}
#contactform form em {font-style: normal;color: #FF0000;}
#contactform form fieldset input, select, file {width:238px; height:15px;border:none;padding:8px;color: #858585; font:9pt Arial, Helvetica, sans-serif;background:#fff url(../images/input_bg.jpg) no-repeat; margin:0;}
#contactform form fieldset input.small{width:145px; margin:0 0 5px 0; height:15px;border:none;padding:8px;color: #858585; font:9pt Arial, Helvetica, sans-serif;background:#fff url(../images/inputsml_bg.jpg) no-repeat; float:right; overflow:hidden;}
#contactform form fieldset textarea {width:230px; height:70px;padding:8px;color: #858585; font:9pt Arial, Helvetica, sans-serif;background:#fff url(../images/textarea_bg.jpg) no-repeat; border:4px solid #787332;}
#contactform form fieldset select {width:210px;border: 1px solid #d6d6d6;padding: 5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
#contactform .checkbox { width: 20px; }
#contactform .buttons { border: 0px; width: 100px; padding: 0px;}
#contactform .textboxnumeric { width: 60px; text-align: right; }
#contactform .buttonsubmit { width: 100px; height:31px; float:right; border:0px; color:#414141; font-weight:bold; background:url(../images/submit.jpg) no-repeat 0 0; cursor:pointer;}
#contactform .buttonsubmit:hover {background:url(../images/submit.jpg) no-repeat 0 -31px;}

/* Calender */
#CalendarControlIFrame {display: none; left: 0px;position: absolute; top: 0px; height: 250px;width: 250px;z-index: 99;}
#CalendarControl {position:absolute; background-color:#FFF; margin:0;padding:0;display:none;z-index: 100;}
#CalendarControl table {font-family: arial, verdana, helvetica, sans-serif;font-size: 8pt;border-left: 1px solid #D8D7C5;border-right: 1px solid #D8D7C5;}
#CalendarControl th {font-weight: normal;color: #333;}
#CalendarControl th a {font-weight: normal;text-decoration: none; color:#333;padding: 1px;}
#CalendarControl td {text-align: center;}
#CalendarControl .header {background-color: #D8D7C5;}
#CalendarControl .weekday {background-color: #DDD;color: #333;}
#CalendarControl .weekend {background-color: #FFC;color: #333;}
#CalendarControl .current {border: 1px solid #339;background-color: #716C28;color: #FFF;}
#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {display: block;text-decoration: none;border: 1px solid #FFF;width: 2em;}
#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {color: #FFF;background-color: #716C28;border: 0px solid #999;}
#CalendarControl .previous {text-align: left;}
#CalendarControl .next {text-align: right;}
#CalendarControl .previous,
#CalendarControl .next {padding: 1px 3px 1px 3px;font-size: 1.4em;}
#CalendarControl .previous a,
#CalendarControl .next a {color: #666;text-decoration: none;font-weight: bold;}
#CalendarControl .title {text-align: center;font-weight: bold;color: #333;}
#CalendarControl .empty {background-color: #CCC;border: 1px solid #FFF;}

/* Lightbox */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img {border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey {border: 3px solid #888888; }
#lbDetailsContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav {left: 0; }
#lbHoverNav a {outline: none;}
#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData {padding: 0 10px; }
#lbDetailsData.grey {color: #333333; }
#lbDetails {width: 60%; float: left; text-align: left; }
#lbCaption {display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose {width:64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey {background: url(../images/close_grey.png) no-repeat; }


#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey {background: url(../images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey {background: url(../images/pause_grey.png) no-repeat; }
