alt/**************************
HTML selector elements
**************************/
/* Main body */
body {
background-color: #FFFFCC;
background-image: url("../images/page_bg.gif");
margin: 0px;
}
/* Text on page and in form elements */
body, td, th, input, select, textarea, ul, li {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", serif;
margin: 0px;
}
/* Forms */
form {
margin: 0px;
}
/* Paragraphs */
p {
margin: 0px 0px 8px 0px;
line-height: 150%;
}
/* Links */
a {
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
/**************************
Page layout elements
**************************/
/* Main page wrapper */
#wrapper {
width: 760px;
margin: 0 auto;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
}
/* Header section with website title */
#header {
height: 70px;
padding: 10px 25px 20px 25px;
background-image: url("../images/header_bg.jpg");
text-align: center;
}
#header h1 {
font-variant: small-caps;
font-size: 40px;
color: #FFFFCC;
font-weight: normal;
}
#header h2 {
font-size: 18px;
margin-top: -10px;
color: #FFFFFF;
font-weight: normal;
}
/* Navigation links */
#navigation {
border-top: 3px solid #DFDCB9;
border-bottom: 3px solid #DFDCB9;
background-image: url("../images/navigation_bg.jpg");
height: 15px;
padding: 8px 8px 8px 8px;
text-align: center;
font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", serif;
font-size: 13px;
font-variant: small-caps;
z-index: 30;
}
#navigation ul {
margin: 0px;
padding: 0px;
}
#navigation li {
margin: 0px;
padding: 0px 8px;
display: inline;
}
#navigation a {
margin: 0px;
padding: 0px;
width: 100%;
color: #463B3F;
text-decoration: none;
}
#navigation a:hover {
color: #000000;
text-decoration: none;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#navigation div
{ position: absolute;
visibility: hidden;
margin-left: 300px;
padding: 0;
background: #EAEBD8;
}
#navigation div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #C6BD9E;
color: #000;
font: 11px arial}
#navigation div a:hover
{ background: #8E7F62;
color: #000}
/* Left hand image of guest house */
#guest_house_image_text, #guest_house_image {
float: left;
border-right: 3px solid #DFDCB9;
border-bottom: 3px solid #DFDCB9;
}
#guest_house_image {
background-image: url("../images/guest_house_image3_bg.jpg");
background-position: top left;
height: 190px;
width: 257px;
}
/* GUEST HOUSE IMAGE TEXT IN index.php */
#guest_house_image_text h1 {
font-size: 22px;
margin-bottom: -5px;
color: #FFFFFF;
font-weight: normal;
}
#guest_house_image_text h2, #guest_house_image_text h3, #guest_house_image_text h4, #guest_house_image_text h5, #guest_house_image_text h6 {
font-size: 18px;
margin-bottom: -8px;
color: #DFDCB9;
font-weight: normal;
}
/* Right hand countryside image */
#countryside_image, #countryside_image_text {
float: right;
border-bottom: 3px solid #DFDCB9;
}
#countryside_image {
background-image: url("../images/countryside_image_bg.jpg");
background-position: top left;
height: 190px;
width: 500px;
}
/* COUNTRYSIDE IMAGE TEXT IN index.php */
#countryside_image_text p, #countryside_image_text li {
color: #FFFFFF;
font-size: 14px;
}
#countryside_image_text h2 {
color: #362D2E;
font-weight: normal;
margin-top: -5px;
font-size: 22px;
}
#countryside_image_text .map_button {
background-color: #8E7F62;
border: 1px solid #FFFFFF;
color:#FFFFFF;
width: 175px;
text-align: center;
padding: 5px;
cursor: pointer;
}
/* Section with three images and text */
#tri_section {
clear: both;
height: 200px;
padding: 20px;
background-image: url("../images/tri_section_bg.jpg");
background-repeat: repeat-x;
background-color:#504446;
}
#tri_section .each_section {
width: 237px;
margin-right: 3px;
float: left;
}
#tri_section .main_section {
width: 100%;
margin-right: 3px;
}
#tri_section .section_heading {
background-color: #8E7F62;
padding: 5px;
color: #FFFFFF;
font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", serif;
font-size: 13px;
margin-bottom: 1px;
font-variant: small-caps;
}
#tri_section .section_text {
padding: 8px;
color: #FFFFFF;
background-color: #ADA983;
height: 54px;
margin-top: 1px;
}
#car_park, #stay_in_comfort, #breakfast {
height: 100px;
}
#breakfast {
background-image: url("../images/breakfast_bg.jpg");
}
#stay_in_comfort {
background-image: url("../images/stay_in_comfort_bg.jpg");
}
#car_park {
background-image: url("../images/car_park_bg.jpg");
}
/* Footer bar with photo */
#photo_bar {
clear: both;
height: 200px;
background-image: url("../images/footer_bar_bg.jpg");
}
.photo_bar_text {
float: right;
width: 245px;
margin: 10px;
}
.photo_bar_text h1 {
font-size: 28px;
font-variant: small-caps;
color: #8E7F62;
margin-top: -10px;
font-weight: normal;
}
.photo_bar_text h2 {
font-size: 18px;
font-variant: small-caps;
color: #666666;
margin-top: 15px;
font-weight: normal;
}
/* Site footer */
#site_footer {
background-image: url("../images/header_bg.jpg");
height: 100px;
color: #FFFFFF;
padding: 15px 10px 5px 10px;
text-align: center;
background-repeat:repeat-x;
background-color:#000000;
}
#site_footer a {
color: #FFFFFF;
text-decoration: underline;
}
#site_footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
#site_footer h2 {
font-weight: normal;
font-size: 14px;
color: #CFCCA3;
}
#site_footer h1 {
font-weight: normal;
font-size: 12px;
margin-top: -5px;
}
/* Images */
.image_right {
border: 1px solid #FFFFFF;
float: right;
margin-left: 10px;
}
.image_left {
border: 1px solid #FFFFFF;
float: left;
margin-right: 10px;
}
.image_left_nb {
float: left;
margin-right: 10px;
margin-bottom: 25px;
}
.image_right_nb {
float: right;
margin-left: 10px;
}
/* Tooltip */
#toolTip {
visibility: hidden;
border: 1px solid #000000;
background-color: #8E7F62;
height: 0px;
width: 0px;
top: 0px;
left: 0px;
position: absolute;
}
#toolTip img {
border-bottom: 1px solid #000000;
}
#toolTip a {
padding: 5px;
}
/* Breakfast meny */
#breakfast_menu {
margin: 20px 0px;
padding: 5px;
text-align: center;
border: 1px solid #FFFFFF;
background-image: url("../images/tri_section_bg.jpg");
background-repeat: repeat-x;
background-color: #504446;
}
#breakfast_menu p {
color: #FFFFFF;
}
/* Quick enquiry form */
.enquiry_field {
width: 95%;
background-color: #ADA983;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
.quick_enquiry_heading {
padding: 5px;
color: #FFFFFF;
font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", serif;
font-size: 16px;
text-align: left;
}