@charset "utf-8";
/* ----- NORMALIZATION ----- */
body, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
caption, th { text-align: left;}
table { border-collapse: collapse; border-spacing: 0; }

/* ----- MAIN ----- */
html {
width: 100%;
height: 100%;
background-image: url(interface/bkg.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #3C2A18;
}
body {
position: relative;
width: 800px;
min-height: 100%;
margin: auto;
background-image: url(interface/content-bkg2.gif);
background-repeat: repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 1.5em;
letter-spacing: 0.05em;
padding-bottom: 50px;
background-color: #FCFAEC;
}
h1 {
display: block;
overflow: hidden;
width: 0;
height: 0;
padding: 340px 800px 0 0;
background-image: url(interface/head.jpg);
background-repeat: no-repeat;
background-color: #006600;
}
h2 {
display: none;
}
h4{
margin: 20px 0 6px 0;
}
a:focus {
outline: double 3px;
}
a:active {
outline: 0;
}

/* ----- nav ----- */
#Nav {
position: absolute;
left: 0;
top: 0;
padding-left: 10px;
padding-right: 10px;
width: 780px;
}
#Nav li {
float: left;
}
#Nav a{
display: block;
overflow: hidden;
width: 0;
height: 0;
background-repeat: no-repeat;
margin-left: 10px;
padding-top: 50px;
}

#NavWelcome a{
padding-left: 120px;
background-image: url(interface/nav-welcome.gif);
}
#NavCottage a{
padding-left: 110px;
background-image: url(interface/nav-cottage.gif);
}
#NavTravel a{
padding-left: 100px;
background-image: url(interface/nav-travel.gif);
}
#Nav #NavContact{
float: right;
}
#NavContact a{
padding-left: 140px;
background-image: url(interface/nav-contact.gif);
}
#Nav a:hover {
background-position: 0 -60px;
}
#Nav a:focus {
outline-color: #aa8800;
background-position: 0 -60px;
}
#Cottage-welcome #NavWelcome a,
#Cottage-welcome #NavWelcome a:hover,
#Cottage-cottageinfo #NavCottage a,
#Cottage-cottageinfo #NavCottage a:hover,
#Cottage-travel #NavTravel a,
#Cottage-travel #NavTravel a:hover,
#Cottage-contact #NavContact a,
#Cottage-contact #NavContact a:hover,
#Cottage-hosts #NavCottage a,
#Cottage-hosts #NavCottage a:hover,
#Cottage-cottage #NavCottage a,
#Cottage-cottage #NavCottage a:hover,
#Cottage-things #NavCottage a,
#Cottage-things #NavCottage a:hover,
#Cottage-guestbook #NavCottage a,
#Cottage-guestbook #NavCottage a:hover,
#Cottage-prices #NavCottage a,
#Cottage-prices #NavCottage a:hover {
background-position: 0 -120px;
}

/* ----- nav2 ----- */
#Nav2 {
background-color: #000000;
background-image: url(interface/nav2-shade.gif);
background-position: bottom;
background-repeat: repeat-x;
height: 34px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
width: 780px;
}
#Nav2 li {
display: block;
float: left;
margin: 0 5px;
overflow: visible;
height: 38px;
}
#Nav2 a {
display: block;
color: #FFFFFF;
text-decoration: none;
overflow: visible;
font-size: 110%;
padding: 5px 15px 0 15px;
height: 25px;
letter-spacing: 0.1em;
}
#Nav2 a:hover,
#Nav2 a:focus {
background-color: #dd8800;
}
#Nav2 a:focus {
outline-color: #dd9900;
}

/* ----- info ----- */
body#Cottage-cottageinfo,
body#Cottage-hosts,
body#Cottage-cottage,
body#Cottage-things,
body#Cottage-guestbook,
body#Cottage-travel,
body#Cottage-prices {
background-image: url(interface/content-bkg2.gif);
}

body#Cottage-hosts #Nav2Hosts,
body#Cottage-cottage #Nav2Cottage,
body#Cottage-things #Nav2Things,
body#Cottage-guestbook #Nav2Guestbook,
body#Cottage-travel #Nav2Travel,
body#Cottage-prices #Nav2Prices{
background-image: url(interface/nav2-indicator.png);
background-repeat: no-repeat;
background-position: center bottom;
}
body#Cottage-hosts #Nav2Hosts a:hover,
body#Cottage-cottage #Nav2Cottage a:hover,
body#Cottage-things #Nav2Things a:hover,
body#Cottage-guestbook #Nav2Guestbook a:hover,
body#Cottage-travel #Nav2Travel a:hover,
body#Cottage-prices #Nav2Prices a:hover{
text-decoration: none;
background-color: transparent;
}
body#Cottage-hosts #Nav2Hosts a,
body#Cottage-cottage #Nav2Cottage a,
body#Cottage-things #Nav2Things a,
body#Cottage-guestbook #Nav2Guestbook a,
body#Cottage-travel #Nav2Travel a,
body#Cottage-prices #Nav2Prices a{
color: #000000;
}
body#Cottage-hosts #Nav2Hosts a:focus,
body#Cottage-cottage #Nav2Cottage a:focus,
body#Cottage-things #Nav2Things a:focus,
body#Cottage-guestbook #Nav2Guestbook a:focus,
body#Cottage-travel #Nav2Travel a:focus,
body#Cottage-prices #Nav2Prices a:focus{
background-color: #FEFFD9;
}

/* ----- welcome ----- */
body#Cottage-welcome {
background-image: url(interface/content-bkg1.gif);
}
#Inset{
right:90px;
position:absolute;
top:300px;
}
body#Cottage-welcome #Content {
width: 350px;
}

body#Cottage-welcome #Content ul{
margin: 25px 0 5px 20px;
padding: 0;
border-top: none;
background-color: transparent;
}
/* ----- cottageinfo ----- */
body#Cottage-cottageinfo #Content ul{
margin-top: 20px;
}

/* ----- contact ----- */
body#Cottage-contact table{
width: 400px;
margin: 0px 0px 30px 20px;
}
body#Cottage-contact table tr{
vertical-align: top;
height: 2em;
}
td.desc{
font-weight: bold;
}

/* ----- prices ----- */
body#Cottage-prices table {
width: 500px;
margin: 0px 0px 30px 0px;
}
body#Cottage-prices td, body#Cottage-prices th {
padding-left: 5px;
position: relative;
display:block;
}
body#Cottage-prices th {
background-color: #70B060;
font-weight: bold;
//border-bottom: 2px solid #000000;
color: #FFFFFF;
}
body#Cottage-prices th em{
position: absolute;
right: 5px;
width: 300px;
text-align: right;
}
body#Cottage-prices td {
background-color: #FFFFFF;
}
body#Cottage-prices #Cabin{
margin: 5px 0 35px;
}
body#Cottage-prices #Cabin th{
background-color: #bbbbaa;
}

/* ----- headlines ----- */
#Cottage-welcome h3{
background-image:url(interface/h-welcome.gif);
}
#Cottage-cottageinfo h3{
background-image:url(interface/h-cottageinfo.gif);
}
#Cottage-hosts h3{
background-image:url(interface/h-hosts.gif);
}
#Cottage-cottage h3{
background-image:url(interface/h-cottage.gif);
}
#Cottage-guestbook h3{
background-image:url(interface/h-guestbook.gif);
}
#Cottage-cabin h3{
background-image:url(interface/h-cabin.gif);
}
#Cottage-things h3{
background-image:url(interface/h-things.gif);
}
#Cottage-travel h3{
background-image:url(interface/h-travel.gif);
}
#Cottage-prices h3{
background-image:url(interface/h-prices.gif);
}
#Cottage-travel h3{
background-image:url(interface/h-travel.gif);
}
#Cottage-contact h3{
background-image:url(interface/h-contact.gif);
}

/* ----- content ----- */
#Content{
margin: 30px 30px 30px 60px;
width: 540px;
}
#Content h3{
display: block;
overflow: hidden;
width: 0;
height: 0;
padding: 50px 400px 0 0;
margin-bottom:20px;
margin-left:-10px;
}
#Content p{
margin: 0px 0 10px 0px;
}
#Content ul{
margin: 40px 70px 5px 20px;
list-style: inside disc;
border-top: 2px solid #000000;
background-color: #FFFFFF;
padding: 5px 10px 15px 20px;
}
#Content li{
margin-top: 6px;
}
#Content a{
color:#3366CC;
font-weight: bold;
text-decoration: none;
}
#Content a:hover{
color:#3399FF;
text-decoration: underline;
}
#Content img{
border: 1px solid #000000;
margin: 5px 0 15px 5px;
}
#Content dl{
margin: 35px 0 10px 5px;
}
#Content dl img{
margin: 0px 0 0px 0px;
}
#Content dd{
margin: -1px 10px 20px 5px;
font-size: 90%;
}
#Cottage-guestbook dl{
//text-align: center;
}