/*
Created by Keith Donegan of Code-Sucks.com

E-Mail: Keithdonegan@gmail.com

You can do whatever you want with these layouts,
but it would be greatly appreciated if you gave a link
back to http://www.code-sucks.com

*/

* { padding: 0; margin: 0; }

body {
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: "Trebuchet MS", sans-serif, "Geneva CE";
font-size: 74%;
background-color: #FFFFFF;
background-image: url(../images/lanhydrock_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
}


/*typography*/
a {
text-decoration: underline;
color: #990000;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
text-decoration: underline;
background-color: #ffc;
}
a.current {
text-decoration: underline;
font-weight: bold;
}
img {
border: 0;
}
ol, ul {
font-size: 1.1em;
line-height: 1.7em;
margin: 1em 0 1em 2em;
}
li {
line-height: 1.7em;
margin-top: 0em;
margin-bottom: 0em; 
}
p {
font-size: 1.1em;
line-height: 1.5em;
margin: 0em 0em 1em 0em;
}
li > p {
margin-top: 0.2em;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}

h1 {
margin: 0 0 8px 0; 
padding: 0; 
font-size: 2em;
font-weight: bold;
line-height: 140%;
}

h2 {
margin: 0 0 5px 0; 
padding: 0; 
font-size: 1.3em;
font-weight: bold;
line-height: 130%;
color: #0386b1;
}

h3, h4, h5, h6 {
margin: 0 0 3px 0; 
padding: 0; 
font-size: 1.1em;
font-weight: normal;
line-height: 120%;
}

/******************/

#wrapper {
margin: 0px auto;
width: 800px;
padding: 0px; 
background-color: #FFF;
}

#navigation {
float: left;
width: 800px;
color: #333;
padding: 0px 0px 5px 0px;
margin: 0px;
background: #FFF;
text-align: center;
font-size: 110%;
}

#topbar{/*contains the logo*/
color: #ddd;
width: 800px;
float: left;
padding: 0px;
height: 125px;
margin: 0px;
background: #FFF;
text-align: center;
}

#introtext {
float: left;
width: 600px;
color: #660000;
background-color: #FFFFCC;
padding: 10px 20px 10px 20px;
margin: 10px 80px 10px 80px;
text-align: center;
font-size: 120%;
line-height: 150%;
/*border-bottom: 1px solid #ddd;*/
}

#imagestrip {/*contains the images on the cottage detail page*/
width: 800px;
float: left;
padding: 0;
margin: 10px 0;
background: #ffffff;
text-align: center;
}

#imagestrip img {/*contains the images on the cottage detail page*/
padding: 0;
margin: 0;
border: 0;
}

#imagestrip p {/*contains the text under the image strip on the cottage detail page*/
display: block;
text-align: right;
padding-right: 20px;
font-size: 80%;
margin: 0;
height: 15px;
}

#header {/*contains the banner on the home page*/
color: #333;
width: 800px;
float: left;
padding: 0;
height: 340px;
margin: 0px;
background: #ffffff;
}

#singlecolumn { 
color: #333;
background-color: #FFF;
margin: 0px;
padding: 10px 50px 10px 50px;
width: 700px;
float: left;
text-align: justify;
/*min-height hack*/
min-height: 400px;
height: auto;
_height: 400px;
}

#leftcolumn { 
color: #333;
background: #FFF;
margin: 0px;
padding: 0px 15px 0 0;
width: 500px;
float: left;
}

#rightcolumn { 
float: right;
color: #333;
background: #FFF;
margin: 0px;
padding: 0px 20px 10px 0;
width: 240px;
}

#leftcolumn2 { 
color: #333;
background: #FFF;
margin: 0px 0px 0px 0px;
padding: 10px 0 10px 20px;
width: 360px;
float: left;
text-align: left;
/*min-height hack*/
min-height: 400px;
height: auto;
_height: 400px;
}

#rightcolumn2 { 
float: right;
color: #333;
background: #FFF;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 0;
width: 360px;
display: inline;
text-align: left;
/*min-height hack*/
min-height: 400px;
height: auto;
_height: 400px;
}

#extratext {/*contains text which stretches across both columns*/
float: left;
width: 700px;
color: #333;
padding: 10px 50px 10px 50px;
margin: 0px;
background: #FFF;
text-align: center;
font-weight: bold;
}

#footer { 
width: 800px;
clear: both;
color: #333;
background: #FFF;
margin: 0;
padding: 10px 0;
text-align: center;
font-size: 90%;
}

#footer p {
color: #990000;
}

#footer p a {
color: #990000;
text-decoration: underline;
}

/* additional styles*/
.gallery_container {
margin: 0 0 0 5px;
}

.floatleft {
float: left;
margin: 0 10px 15px 10px;
}

.floatright {
float: right;
margin: 0 0 15px 15px;
}

span.redtext {
color: #660000;
}

input.submit {
margin: 10px 0 0 0;
}

input {
margin: 2px 0 2px 0;
border: 1px solid #ddd;
background-color: #FFF;
}

.box {
border: 1px solid #ffcc99;
padding: 10px;
margin: 10px 0;
background-color: #ffffcc;
}



/*cottages index*/

.cottagebox {
display: block;
margin: 0 0 10px 0;
padding: 0;
/*min-height hack*/
min-height: 133px;
height: auto;
_height: 133px;
border-bottom: 1px solid #ddd;
}

.cottagebox .heading {
margin: 0 0 3px 0;
padding: 0;
font-size: 120%;
line-height: 130%;
font-weight: bold;
color: #660000;
}

.cottagebox .text {
margin: 0 10px 0 0;
padding: 0;
font-size: 110%;
line-height: 130%;
}

.cottagebox a {
text-decoration: underline;
}

.cottagebox a:hover {
text-decoration: none;
background-color: #ffc;
}

.cottagebox .floatleft {
float: left;
margin: 0 10px 10px  0;
}

.smaller {
font-size: 85%;
font-weight: normal;
}

.larger {
font-size: 120%;
font-weight: normal;
}

/*Local Area*/
.localbox {
margin: 0 0 10px 0;
padding: 10px;
font-size: 90%;
line-height: 120%;
}

.subheading {
font-weight: bold;
font-size: 140%;
margin: 0 0 7px;
}

.localbox ul {
margin: 3px 0 0 20px;
}

.tenmiles {
border: 3px solid #ff9900;
background-color: #ffffee;
}
.twentymiles {
border: 3px solid #3333ff;
background-color: #ffffee;
}
.thirtymiles {
border: 3px solid #ff00CC;
background-color: #ffffee;
}
.fortymiles {
border: 3px solid #ff0000;
background-color: #ffffee;
}

.clearboth {
clear: both;
height: 1px;
}


#split {
float: left;
width: 100%;
padding: 0;
height: 30px;
margin: 0px;
}

#split a {
background-color: #ffc;
}

#split span.left {
float: left;
text-align: left;
width: 75%;
margin: 0;
padding: 0;
}

#split span.right {
float: right;
text-align: right;
width: 24%;
margin: 0;
padding: 10px 0 0 0;
font-size: 110%;
}

.content { 
color: transparent;
display: none;
height: 0px;
}

.float {
width: 77px;
height: 60px;
padding: 3px;
margin: 0 0 4px 4px;
float: left;
}

.float p {
text-align: center;
margin: 0;
}

.smalltext {
font-size: 70%;
}

.price {
font-size: 130%;
font-weight: bold;
padding: 3px 0 0 0;
}

.pending {
background-color: #FF9900;
}

.available {
background-color: #CCFF99;
}

.booked {
	background-color: #ff6666;
	background-image: url(../images/crossed.gif);
	background-position: center center;
}

.special, .special a {
color: #ff0066;
background-color: #FFFF00;
}

.cottageintro {
display: block;
padding: 5px;
margin: 5px 0;
}