/*
Swan Riverside
Author: Busara (http://busara.com.au/)
*/

/* Begin Typography & Colors */
body { font-size: 100%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #fff; line-height:20px; background: #000 url(../images/layout/background.png) repeat-x; }

h1 { font-size:1.6em; }
h2 { font-size:1.0em; font-weight: normal; }
h3 { font-size:1.0em; font-weight: bold; color:#96a309; margin:0; }
h4 { font-size:0.625em; font-weight: normal; }
p { font-size:0.6875em; }
table { margin-bottom:0px; }

a { text-decoration: none; }
a:link { color:#8a9b0f; }
a:visited { color:#8a9b0f; }
a:hover { color:#fff; }
a:active { color:#fff; }
/* End Typography & Colors */

/* Begin Z-Index */
.panel { z-index: 100; }
.topsite .header { z-index: 200; }
.cover { z-index: 300; }
.caption { z-index: 400; }
/* End Z-Index */

/* Hidden Items */
/* End Hide */

/* Begin Layout */
.topsite { margin-top:30px; }
/* End Layout */

/* Begin Header */
.topsite .header { position:relative; }
.topsite .header h1{ background: transparent url(../images/logo/swan.png); width: 252px; height: 147px; }
.topsite .header h1 a{ display: block; text-indent: -999em; width: 100%; height: 100%; }

.topsite .details { margin-top:50px; }
.topsite .details .house { font-size:0.625em; height:25px; border-bottom:1px solid #8a9b0f; margin-bottom:5px; }
.topsite .details .house .title { float:left; font-weight:bold; font-size: 1em; }
.topsite .details .house .bedrooms { float:right; background: transparent url(../images/icon/bedrooms.gif) no-repeat 0px 3px; padding-left:22px; margin-right:5px; }
.topsite .details .house .bathrooms { float:right; background: transparent url(../images/icon/bathrooms.gif) no-repeat 0px 3px; padding-left:22px; }
.topsite .details .book { font-size:0.625em; height:25px; }
.topsite .details .book .price { background: transparent url(../images/icon/money.gif) no-repeat 0px 8px; padding-left:15px; width:115px; height:25px; display: block; float:left; }
.topsite .details .book .price .cost { font-size:1.1em; display: block; height:14px; }
.topsite .details .book .price .gst { font-size:1em; display: block; color:#808080; }
.topsite .details .book .submit { margin-top:5px; background: transparent url(../images/buttons/bookonline.gif) no-repeat; width: 90px; height: 25px; display: block; text-indent: -999em; float:right; }
.topsite .details .book .submit:hover { background-position: 0px -25px; }
/* End Header */

/* Begin Panel */
.gallery { position:relative; top:-35px; width:934px !important; height:304px; background-color:#000; border:1px solid #3f3f3f; padding:3px; }
.thumbs { list-style: none; margin:0 0 0 13px; }
.thumbs li { margin-left: 0px; float:left; padding-right: 5px; } 
.thumbs .thumb img { padding:2px; border:1px solid #3f3f3f; }
.cover { background: transparent url(../images/layout/cover.png); width:934px; height: 50px; position: relative; top:255px; }
#thumbs .thumbs { position:relative; }

.slideshow { position:relative; top:-50px; }
.caption { float:left; position: relative; top: 237px; left:20px; width:900px; }
.caption .image-description { float:left; font-size:1.5em; text-transform: uppercase; padding-top:3px; }
.caption .image-description .highlight { color:#abbf16; }
.caption .image-title { float:right; font-size:0.6875em; padding:2px 5px 2px 5px; color:#abbf16; }

.pagination .galleryPrevious { float:left; font-size:0.75em; background: transparent url(../images/buttons/galleryLeft.gif) no-repeat; width: 8px; height: 32px; display: block; text-indent: -999em; position: relative; top: -60px; }
.pagination .galleryNext { float:right; font-size:0.75em; background: transparent url(../images/buttons/galleryRight.gif) no-repeat; width: 8px; height: 32px; display: block; text-indent: -999em; position: relative; top: -60px;}

div.loader { background-image: url('../images/layout/loader.gif'); background-repeat: no-repeat; background-position: center; width: 934px; height: 304px; }
/* End Panel */

/* Begin Panel */
.panel { width:940px; background:transparent url(../images/layout/panel.gif) no-repeat top center; }
.panel .about { background: transparent url(../images/layout/divider.gif) no-repeat bottom center; padding-bottom:10px; }
.panel .video { background: transparent url(../images/layout/divider.gif) no-repeat bottom center; padding-bottom:30px; }
.panel .about, .panel .calendar, .panel .features, .panel .thankyou, .panel .video { padding-top:30px; }

.panel .about h2 { font-size:0.75em; background: transparent url(../images/text/about.gif); width: 150px; height: 9px; display: block; text-indent: -999em; }
.panel .features h2 { font-size:0.75em; background: transparent url(../images/text/features.gif); width: 59px; height: 9px; display: block; text-indent: -999em; }
.panel .calendar h2 { font-size:0.75em; background: transparent url(../images/text/book.gif); width: 109px; height: 9px; display: block; text-indent: -999em; }
.panel .thankyou h2 { font-size:0.75em; background: transparent url(../images/text/thankyou.gif); width: 74px; height: 10px; display: block; text-indent: -999em; }
.panel .calendar .module { border:1px solid #4d4d4d; padding:3px; height: auto; position: relative; }

.panel .features ul { list-style:none; }
.panel .features ul li { margin-left:0px; padding:0 0 8px 10px; font-size:0.6875em; background: transparent url(../images/layout/bullet.gif) no-repeat 0px 10px; }

/* End Panel */

/* Begin Footer */
.footer { margin-top:30px; padding-top:30px; width:940px; height:100px; background:transparent url(../images/layout/footer.gif) no-repeat top center; }
.footer .minimal { color:#666; }
/* End Footer */

/* Utilities */
.float-left { float:left; }
.float-right { float:right; }

/* phone number */
.header { position: relative; }
.header .phone_number {
  position: absolute;
  background: url('../images/text/phone_number.gif');
  height: 59px;
  width: 220px;
  top: 52px;
  text-indent: -9999px;
  left: 480px;
}
.header .phone_number a {
  display: block;
  height: 24px;
  left: 35px;
  position: absolute;
  text-indent: -9999px;
  top: 35px;
  width: 185px;
}

.footer_phone_number {
  background: url('../images/text/phone_number_small.gif') no-repeat;
  height: 13px;
  margin-bottom: 1em;
  position: relative;
  text-indent: -9999px;
}

.footer_phone_number a {
  display: block;
  height: 13px;
  left: 225px;
  position: absolute;
  text-indent: -9999px;
  top: 0px;
  width: 209px;
}
