@charset "UTF-8";
/* WaterlineBnB.co.nz */
/* Updated 4/10/09 */ 

body { margin: 0px auto; background: url(../img/bg.jpg) #fff8cb; background-position: top center; background-repeat: repeat-x; }
#sitewrapper { margin: auto; width: 100%; }
#header { margin: 0px auto; width: 910px; height: 179px; }
#wrapper { margin: 0px auto; width: 910px; background-image: url(../img/bg-wrapper.gif); background-repeat: repeat-y; padding-bottom: 35px; }
#left { float: left; width: 285px; }
#right { float: right; width: 570px; padding-right: 55px; background: url(../img/bg-right.jpg) no-repeat top right; }
div.clearing { clear: both; }
#footer { margin: 0px auto; width: 700px; padding: 20px 0px 20px 210px; background-image: url(../img/bg-footer.gif); background-repeat: no-repeat; }
.spacer { padding: 0px 4px; }
hr { border: none; border-bottom: 2px dotted #F90; clear: both; }

/* navigation */ 
#left ul { list-style: none; text-align: right; font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #fff; margin: 0px; padding: 0px; }
#left ul li { padding: 0px 48px 9px 0px; height: 24px; background: url(../img/bg-nav-up.png) no-repeat; }
#left ul li:hover { background: url(../img/bg-nav-over.png) no-repeat; }
#left a { color: #fff; text-decoration: none; display: block; padding: 8px 0px;}
#left a:hover { color: #fff8cb; }
#left a:active { color: #c45a0c; }
#left .active { background: url(../img/bg-nav-over.png) no-repeat; }

/* font sytling */
#right h1 { margin: 43px 0px 22px 0px; font: 28px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #09c; font-weight: normal; }
#right h2 { margin: 0px 0px 6px 0px; font: 18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #f90; font-weight: bold; }
#right h3 { margin: 0px 0px 6px 0px; font: 15px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #000; font-weight: bold; }
#right h4 { margin: 3px 0px; padding: 2px 4px; font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #000; line-height: 18px; width: 180px; background: #fffbe0; float: left; clear: both;  }
#right p { margin: 8px 0px; font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #000; line-height: 21px; }
#right ul { font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #000; line-height: 21px; }
#right ul li { list-style-image: url(../img/bullet.gif); }
.mainImg { float: right; padding: 0px 0px 5px 15px; }
#right a { color: #F60; text-decoration: underline; }
#right a:hover { color: #09C; text-decoration: none; }
#right a:active { color: #333; text-decoration: none; }

.textarea { float: left; margin: 3px 3px; border: 1px solid #f90; width: 300px; padding: 3px; }
.date { float: left; margin: 3px 3px; border: 1px solid #f90; width: 90px; padding: 3px; }
.textarea_message { float: left; margin: 3px 3px; border: 1px solid #f90; width: 300px; padding: 3px; }
.msg-height { height: 103px; }
.select { margin: 3px; padding: 2px 0px; }
.btn-submit { float: left; clear: both; margin: 8px 0px; }
.selectLink { font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; position: relative; top: 5px; float: left; }

#footer p { margin: 0px; font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #c96; line-height: 18px; } 
#footer a { color: #c96; text-decoration: underline; }
#footer a:hover { color: #09c; text-decoration: underline; }
#footer a:active { color: #F90; text-decoration:none; }

/* gallery */
#portfolio { margin: 0px auto; width: 538px; padding: 10px; position: relative; left: -8px; }
#portfolio .portfolio { width: 113px; height: 80px; padding: 1px; border: 1px solid #f0e0d1; margin: 10px 10px 0px 0px; }
#portfolio img:hover { border: 1px solid #F90; }
#portfolio .active { color: #00448A; }
#portfolio a { color: #e30020; text-decoration: none; }
#portfolio a:hover { color: #000; }
#portfolio a:active { color: #999; }

.booked { font-weight: bold; color: red; }
.current { font-weight: bold; color: green; }
.navlink { display: none; }

.low { background: #d5f5fd; }
.medium { background: #d5fde0; }
.peak { background: #ffc; }