/*   
Theme Name: Brook Hotel
Author: Dream Production
Author URI: http://dreamproduction.ro
Version: 1.0
*/

/* RESET */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before { content: ''; }
q:after { content: ''; }
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup, sub { vertical-align: baseline; }
legend { color: #000000; }
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
a {
  text-decoration: none;
  outline: none;
}
*:focus { outline: none; }
del { text-decoration: line-through; }


/* LAYOUT */

html, body {height:100%;}
body {
  font:12px Georgia, serif;
  color:#f3eee4;
  background:#ebe6d7 url(images/body-bg.gif) top repeat-x;
}
.wrap {
  margin:0 auto;
  width:940px;
}
#page {
  min-height:100%; height:auto !important; height:100%;
  background:#6a1617 url(images/top-bg.gif) top repeat-x;
  margin:0 auto;
  width:940px;
  padding:0 30px;
}
#page .wrap {
  padding-bottom:230px;
  overflow:hidden;
}


/* HEADER */

#header {
  margin:44px 0;
  overflow:hidden;
}
#header .logo {
  display:block;
  width:460px;
  height:78px;
  float:left;
  text-indent:-9999px;
  background:url(images/logo.gif) 0 0 no-repeat;
}
#header .contact {
  float:right;
  margin:15px 115px 0 0;
  font-size:18px;
  color:#ebe6d7;
}


/* CONTENT */

#content-wrap {
  float:left;
  width:700px;
  line-height:1.5em;
}
#carousel {
  margin-bottom:20px;
  height:230px;
  overflow:hidden;
  position:relative;
}
#carousel .imageholder {
  width:2800px;
  height:230px;
}
#carousel .imageholder div {
  width:700px;
  height:190px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  float:left;
}
#carousel ul {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:40px;
  background:url(images/carousel-bg.gif) repeat-x;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}
#carousel li {
  width:25%;
  float:left;
}
#carousel a {
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  color:#fefefe;
  text-align:center;
  text-shadow:0 2px 2px #000;
}
#carousel a.current, #carousel a:hover {
  margin-top:-8px;
  height:48px;
  line-height:48px;
  background:url(images/carousel-current-bg.gif) repeat-x;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
#content h1 {
  font-size:30px;
  line-height:normal;
  margin:30px 0;
}
#content h2 {
  font-size:18px;
  line-height:normal;
  font-weight:bold;
  margin:20px 0;
}
#content h3 {
  font-size:14px;
  line-height:normal;
  font-style:italic;
  margin:15px 0;
}
#content h4 {
  font-weight:bold;
  margin-top:15px;
}
#content img.alignleft {
  border:5px solid #884e4d;
  background:#fff;
  padding:1px;
  width:208px;
  float:left;
  display:block;
}
#content .narrow {
  margin-left:240px;
}
#content p {
  margin-bottom:1.7em;
}
#content dt {
  font-weight:bold;
  margin-bottom:10px;
}
#content ol {
  margin-left:30px;
}
#content ol, #content ul {
  clear:both;
}
#content ol li {
  font-size:24px;
  color:#a16c69;
  list-style:decimal;
  padding-left:30px;
  margin-bottom:20px;
  vertical-align:top;
  clear:both;
}
#content ul li {
  margin-left:15px;
  margin-bottom:1.5em;
  padding-left:15px;
  list-style:none;
  clear:both;
  background:url(images/bullet.gif) left .5em no-repeat;
}
#content ol p {
  font-size:12px;
  clear:both;
  color:#f3eee4;
  margin:0;
}
#content .price-list p {
  float:left;
  width:500px;
}
#content ol div {
  border-bottom:1px dotted #a16c69;
  overflow:hidden;
  padding-bottom:20px;
}
#content ol .price {
  float:right;
  clear:none;
  margin-right:10px;
  color:#f3cc8d;
  font-size:18px;
  width:auto;
}
#content ol .unit {
  margin-top:1.5em;
  text-align:right;
  font-style:italic;
}
#content ol .unit-price {
  margin-top:15px;
  font-size:14px;
}
#content ol strong {
  display:block;
}
#content ol strong span {
  font-weight:normal;
}
#content a {
  color:#a58969;
  text-decoration:underline;
}
#content a:hover {
  text-decoration:none;
}


/* FORM */

form .input {
  padding-top:10px;
  position:relative;
  clear:both;
}
form label {
  font-size:14px;
  float:left;
}
form .text, form .submit {
  margin-left:240px;
  width:220px;
}
form .radio {
  margin-left:240px;
  overflow:hidden;
}
form .radio label {
  margin-right:20px;
}
form .text input,
form .text textarea,
form .text select {
  background:#fff;
  border:1px solid #c8b49d;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding:3px 5px;
  width:208px;
  color:#555;
  font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}
form .text select {
  width:165px;
  padding:2px 5px;
  float:left;
}
form .select input {
  width:30px;
  float:right;
}
form .calendar input {
  width:90px;
}
form .short input {
  width:100px;
}
#arrival {float:left;}
#departure {float:right;}


/* SIDEBAR */

#sidebar {
  width:220px;
  float:right;
}
#sidebar h3 {
  font-size:18px;
  color:#c0af96;
  margin-bottom:20px;
}
#main-nav {
  padding:11px 0;
  margin-bottom:20px;
  background:#a58969;
  font-size:14px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#main-nav a {
  display:block;
  height:26px;
  line-height:26px;
  padding-left:15px;
  color:#fff;
}
#main-nav a.current {
  color:#6a1617;
  background:url(images/nav-current.gif) left no-repeat;
}
#main-nav a:hover {
  background:#905141;
}
.button {
  display:block;
  height:45px;
  position:relative;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  font-size:16px;
  line-height:45px;
  padding:0 15px;
  cursor:pointer;
  border:none;
}
.button span {
  display:block;
  width:56px;
  height:48px;
  position:absolute;
  right:10px;
  top:-6px;
}
.booking.button {
  color:#431818;
  text-shadow:0 2px 2px #fff;
  background:url(images/booking-button-bg.gif) repeat-x;
}
.booking.button span {
  background:url(images/booking-button-graphic.jpg);
}
.gallery.button {
  color:#e8e3d3;
  background:url(images/gallery-button-bg.gif) repeat-x;
}
.gallery.button span {
  background:url(images/gallery-button-graphic.jpg);
}
.network li {
  margin-bottom:20px;
}
.network a {
  display:block;
  width:100%;
  text-indent:-9999px;
  background-position:0 0;
  background-repeat:no-repeat;
}
.network .brook {
  height:26px;
  background-image:url(images/network-brook.gif);
}
.network .brook:hover {
  background-position:0 -26px;
}
.network .waverley {
  height:24px;
  background-image:url(images/network-waverley.gif);
}
.network .waverley:hover {
  background-position:0 -24px;
}


/* FOOTER */

#footer {
  position:relative;
  margin:0 auto;
  width:940px;
  height:150px;
  padding:40px 30px 0;
  margin-top:-190px;
  background:#ebe6d7 url(images/footer-bg.gif) top repeat-x;
  color:#3f3f3f;
  font-size:11px;
  line-height:1.7em;
}
#footer p { margin-bottom:1.7em; }
#footer .nav { color:#8f070a; }
#footer a {
  color:#3f3f3f;
  margin:0 15px;
	display: -moz-inline-box;
	display: inline-block;
}
#footer a:hover { color:#8f070a; }

/* GALLERY */
#overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
}
#gallery {
  width:537px;
  padding:10px;
  background:#fff;
  color:#000;
  margin:0 auto;
  position:relative;
  overflow:hidden;
  margin-top:100px;
  -moz-box-shadow:0 0 50px #000;
  -webkit-box-shadow:0 0 50px #000;
  box-shadow:0 0 50px #000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#gallery .large {
  width:535px;
  border:1px solid #000;
  margin-bottom:10px;
}
#gallery img {
  display:block;
}
#gallery .info {
  float:left;
} 
#gallery .info strong {
  font-weight:normal;
  font-size:18px;
  display:block;
}
#gallery .info span {
  color:#666;
}
#gallery .close {
  float:right;
  margin-top:10px;
  color:#000;
  font-size:14px;
  display:block;
  padding-left:15px;
  background:url(images/gallery-close.gif) left no-repeat;
}
#gallery .thumbs-wrap {
  margin:0 auto 10px;
  overflow:hidden;
  width:470px;
}
#gallery .thumbs {
  width:99999px;
}
#gallery .thumbs li {
  float:left;
  width:70px;
  margin-right:10px;
}
#gallery .thumbs img {
  border:1px solid #000;
}
#gallery .prev, #gallery .next {
  display:block;
  width:17px;
  height:18px;
  margin-top:20px;
  background-image:url(images/gallery-nav.gif);
  background-repeat:no-repeat;
}
#gallery .prev {
  background-position:0 0;
  float:left;
  margin-left:8px;
}
#gallery .prev.disabled {
  background-position:0 -18px;
}
#gallery .next {
  background-position:-17px 0;
  float:right;
  margin-right:8px;
}
#gallery .next.disabled {
  background-position:-17px -18px;
}
#content .no-clear
{
	clear:none;
	margin-top:1em;
}

#content .no-clear li
{
	clear:none;
}