@import url(lightbox.css);

* {margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
html {background:#b9afa5 /*url(../img/html.png) no-repeat bottom*/; height:100%;
}
body {position:relative; height:100%; color:#333333; 
}
body.ndx {height:100%; vertical-align:middle; background:#b9afa5 url(../img/body_ndx.png) no-repeat center center;
}

div#container {width:760px; height:100%; margin:auto; margin-bottom:40px; background:url(../img/container.png) no-repeat right top;   /*border:solid #000000 10px;*/
}
div#nav {position:absolute; top:160px; right:0; background:url(../img/nav.png) no-repeat center top; width:150px; height:200px; padding-top:20px; color:#ffffff; text-align:left; text-transform:lowercase; font-variant:small-caps; letter-spacing:0.05em; font-weight:bold; 
}
div#content {position:relative; padding:30px 160px 40px 20px; background:url(../img/content.png) repeat-y;
}
div#foot {background:url(../img/foot.png) no-repeat; height:40px; padding:10px; color:#545557; font-size:0.8em; letter-spacing:0.05em; text-align:right;
}
div#pix {width:760px; height:160px; z-index:1;
}

/*index divs*/
div#container.ndx {position:relative; width:760px; height:100%; margin:0 auto; background:transparent; 
}
div#nav.ndx {top:420px; background:none; width:760px; height:30px; padding-top:0;
}
div#content.ndx {position:absolute; width:580px; height:420px; top:50%; padding:30px 160px 40px 20px; margin-top:-230px; background:transparent; 
}
div#foot.ndx {position:absolute; width:610px; left:0; bottom:0; height:30px; padding:0 10px 10px 120px; color:#545557; font-size:0.8em; letter-spacing:0.05em; text-align:left; background:none;
}

/*navigation*/
div#nav ul {padding:0 0 10px 30px;
}
div#nav ul li {padding:0 3px 0 3px; height:22px;
}
div#nav a:link, div#nav a:visited {text-decoration:none; width:110px; display:block; color:#ffffff; font-size:14px; padding-left:5px; padding-top:2px; height:22px;
}
div#nav a:hover, div#nav a:active {color:#ffffff; /*background:#545557;*/ background:url(../img/nav_o.png) no-repeat;
}
/*index navigation*/
div#nav.ndx ul {padding:0 0 0 15px;
}
div#nav.ndx ul li {padding:0 3px 0 3px; float:left; height:30px; 
}
div#nav.ndx a:link, div#nav.ndx a:visited {text-decoration:none; width:105%; display:inline; color:#ffffff; font-size:12px; padding:1px 5px; padding-top:2px; height:22px;
}
div#nav.ndx a:hover, div#nav.ndx a:active {color:#000000; background:#d8d7bb; border-bottom:2px solid #d8d7bb;
}


/*general lists*/
ul {list-style-type:none;
}
ol {list-style-type:none;
}
ul#features {list-style-type:circle; margin-left:20px;
}
ul#features li {padding-left:15px; padding-bottom:3px;
}


/*general links*/
a {text-decoration:none;
}
a:link, a:visited {font-weight:bold; color:#ffffff;
}
a:hover, a:active {font-weight:bold; color:#ffffff; text-decoration:underline;
}
div#foot a:link, div#foot a:visited {text-decoration:none; color:#333333; font-size:1em;
}
div#foot a:hover, div#foot a:active {color:#ffffff;
}


/*headings*/
h1 {font-size:1.5em; color:#ffffff; text-transform:lowercase; font-variant:small-caps; letter-spacing:0.1em; padding-bottom:20px;
}
h1#cosy {background:url(../img/h1_cosy.png) no-repeat; height:30px; text-indent:-99999px;
}
h1#cottage {background:url(../img/h1_cottage.png) no-repeat; height:30px; text-indent:-99999px;
}
h1#studio {background:url(../img/h1_studio.png) no-repeat; height:30px; text-indent:-99999px;
}
h1#rates {background:url(../img/h1_rates.png) no-repeat; height:30px; text-indent:-99999px;
}
h1#bookings {background:url(../img/h1_bookings.png) no-repeat; height:30px; text-indent:-99999px;
}
h1#contact {background:url(../img/h1_contact.png) no-repeat; height:30px; text-indent:-99999px;
}


/*general*/
p {padding-bottom:1.5em;
}
.small {font-size:0.9em; 
}
.error {text-transform:uppercase; color:#FFFFFF;
}

/*forms*/
form{
}
fieldset {border:none; padding-bottom:20px;
}
label {float:left; width:200px; color:#545557; border-bottom:1px dotted #918a83; padding:2px 2px 3px 2px;
} 
input {width:300px; border:1px solid #918a83; background:transparent; padding:2px; color:#333333;
}
input:hover {border:1px solid #E5E1B5; color:#333333;
}
textarea {width:300px; height:200px; border:1px solid #918a83; background:transparent; padding:2px; color:#333333;
}
textarea:hover {border:1px solid #E5E1B5; color:#333333;
}
fieldset ol li {padding-bottom:5px;
}
fieldset.submit input{width:200px; border:1px solid #333333; background:#918a83; color:#ffffff; text-transform:lowercase; font-variant:small-caps; letter-spacing:0.1em; font-weight:bold;
}
fieldset.submit input:hover {border:1px solid #E5E1B5; background:#545557; color:#ffffff;
}