/* master.css for scalby hayes.co.uk */

* {
margin: 0;
padding: 0;
}

body {
background: url(../img/hatch-bg.gif) repeat #fff;
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #333;
width: 100%;
}

img {
border: 0;
}

ol, ul {
list-style: none;
}

a {
color: #ffcc00;
text-decoration: none;
}

a:hover {
color: #acc4e1;
text-decoration: none;
}

/* ------------- site structure ------------ */

#wrapper {
width: 765px;
height: 605px;
margin: 0 auto;
background: #fff;
border-top: 0;
}

#home {
width: 765px;
height: 605px;
background: url(../img/home_bg.jpg) 0 0 no-repeat;
}

#gallery {
width: 765px;
height: 605px;
background: url(../img/gallery_bg.jpg) 0 0 no-repeat;
}

#booking {
width: 765px;
height: 605px;
background: url(../img/booking_bg.jpg) 0 0 no-repeat;
}

#attractions {
width: 765px;
height: 605px;
background: url(../img/attractions_bg.jpg) 0 0 no-repeat;
}

#contact {
width: 765px;
height: 605px;
overflow: hidden;
background: url(../img/contact_bg.jpg) 0 0 no-repeat;
}

#nav {
padding-top: 23px;
width: 732px;
margin: 0 auto;
}

#nav a {
color: #fff;
}

#nav a:hover {
color: #e8b374;
}




#footer {
position: absolute;
top: 546px;
clear: both;
width: 732px;
height: 40px;
}

#horirule {
margin: 15px auto 8px auto;
width: 732px;
height: 5px;
background: url(../img/footer_hr_bg.jpg) 0 0 repeat-x;
}

html>body #horirule {
margin: 15px auto 16px auto;
}

/* --------- home/index ------------ */

#left_text {
position: relative;
top: 160px;
left: 27px;
height: 85px;
width: 216px;
}

#middle_text {
position: relative;
top: 218px;
left: 264px;
height: 180px;
width: 293px;
}

#right_text {
position: relative;
top: 35px;
left: 571px;
height: 30px;
width: 168px;
}

/* --------- booking ------------- */

#booking_calendar {
position: relative;
top: 70px;
left: 267px;
height: 210px;
width: 472px;
}

#booking_text {
position: relative;
top: -48px;
left: 27px;
height: 315px;
width: 216px;
}

#booking_text p {
line-height: 13px;
color: #fff;
}

#booking_rooms {
position: relative;
top: -228px;
left: 267px;
height: 184px;
width: 472px;
}

/* calendar styles */

.firstUnavailableDate {
background: #e59090;
color: #fff;
}

.unavailableDate {
background: #e59090;
color: #fff;
}

.available {
background: #cceecc;
color: #003300;
}

.changeoverDate {
background: #0000ff;
color: #ffffff;
}

.firstUnavailableDate_unconfirmed {
background: #d4cae2;
color: #fff;
}

.unavailableDate_unconfirmed {
background: #d4cae2;
color: #fff;
}

.calendar {
margin-left: 15px;
}

.calendarheader {
margin-left: 75px;
}

.calendarheader th {
width: 50px;
height: 20px;
font: 12px bold Verdana, Arial, sans-serif;
text-align: center;
}

.calendar td {
width: 50px;
height: 30px;
font: 12px bold Verdana, Arial, sans-serif;
text-align: center;
}

.calendar-month {
font: 14px bold Verdana, Arial, sans-serif;
margin-left: 75px;
padding: 10px 0;
}

td.cottage_name {
font: 12px bold Verdana, Arial, sans-serif;
text-align: left;
padding-left: 0px;
width: 60px;
}

/* --------- attractions --------- */

#attractions_content {
position: relative;
top: 35px;
left: 267px;
height: 210px;
width: 472px;
}

#attractions_content h1 {
font: bold 18px Verdana, Arial, sans-serif;
color: #717171;
margin: 5px 0;
}

#attractions_text {
position: relative;
top: -86px;
left: 27px;
height: 315px;
width: 216px;
}

html>body #attractions_text {
top: -50px;
}

#attractions_text p {
line-height: 13px;
color: #000;
}

#attractions_text ul li a {
color: #77aa77;
}

#attractions_text ul li a:hover {
color: #aaaadd;
text-decoration: underline;
}

#attractions_intro {
position: relative;
top: -224px;
left: 267px;
height: 184px;
width: 472px;
}

html>body #attractions_intro {
top: -178px;
}

#attractions_intro p {
color: #fff;
}

/* ------------- gallery page ------------ */

#gallery_pics {
position: relative;
top: 36px;
left: 267px;
height: 442px;
width: 472px;
}

#gallery_info {
position: relative;
top: -280px;
left: 27px;
height: 317px;
width: 216px;
}

.thumbs {
margin: 5px;
line-height: 12px;
}

html>body .thumbs {
margin: 2px;
}

#thumb_out1 {
background: url(../img/thumb_out1.jpg);
}

a:hover #thumb_out1 {
background: url(../img/thumb_out1_hover.jpg);
}

#thumb_out2 {
background: url(../img/thumb_out2.jpg);
}

a:hover #thumb_out2 {
background: url(../img/thumb_out2_hover.jpg);
}

#thumb_out3 {
background: url(../img/thumb_out3.jpg);
}

a:hover #thumb_out3 {
background: url(../img/thumb_out3_hover.jpg);
}

#thumb_out4 {
background: url(../img/thumb_out4.jpg);
}

a:hover #thumb_out4 {
background: url(../img/thumb_out4_hover.jpg);
}

#thumb_out5 {
background: url(../img/thumb_out5.jpg);
}

a:hover #thumb_out5 {
background: url(../img/thumb_out5_hover.jpg);
}

#thumb_out6 {
background: url(../img/thumb_out6.jpg);
}

a:hover #thumb_out6 {
background: url(../img/thumb_out6_hover.jpg);
}

#thumb_out7 {
background: url(../img/thumb_out7.jpg);
}

a:hover #thumb_out7 {
background: url(../img/thumb_out7_hover.jpg);
}

#thumb_in1 {
background: url(../img/thumb_in1.jpg);
}

a:hover #thumb_in1 {
background: url(../img/thumb_in1_hover.jpg);
}

#thumb_in2 {
background: url(../img/thumb_in2.jpg);
}

a:hover #thumb_in2 {
background: url(../img/thumb_in2_hover.jpg);
}

#thumb_in3 {
background: url(../img/thumb_in3.jpg);
}

a:hover #thumb_in3 {
background: url(../img/thumb_in3_hover.jpg);
}

#thumb_in4 {
background: url(../img/thumb_in4.jpg);
}

a:hover #thumb_in4 {
background: url(../img/thumb_in4_hover.jpg);
}

#thumb_in5 {
background: url(../img/thumb_in5.jpg);
}

a:hover #thumb_in5 {
background: url(../img/thumb_in5_hover.jpg);
}

#thumb_in6 {
background: url(../img/thumb_in6.jpg);
}

a:hover #thumb_in6 {
background: url(../img/thumb_in6_hover.jpg);
}

#thumb_in7 {
background: url(../img/thumb_in7.jpg);
}

a:hover #thumb_in7 {
background: url(../img/thumb_in7_hover.jpg);
}


/* --------- contact & map ----------- */

#map {
position: relative;
top: 36px;
left: 267px;
height: 442px;
width: 472px;
}

#contact_info {
position: relative;
top: -280px;
left: 27px;
height: 317px;
width: 216px;
}

#contact_info a {
font-weight: bold;
color: #a4bc98;
}

#contact_info a:hover {
font-weight: bold;
color: #ccc;