@import url(normalise.css);
@import url(color.css);
@import url(typography.css);
@import url(lightbox.css);

/* Layout CSS */
body {
	font: 76%/1.5em "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
	padding-top: 30px;
}
#container {
	padding: 0px;
	width: 770px;
	position: relative;
	margin: 0px auto;
}

/* =nav */
ul#nav_main {
height: 20px;
position: absolute;
top: 190px;
left: 20px;
}
ul#nav_main li,
ul#nav_sub li {
display: inline;
height: 20px;
}

ul#nav_sub {
height: 20px;
position: absolute;
top: 0px;
right: 0px;
}

div#nav ul li a {
float: left;
height: 20px;
display: block;
padding: 0 6px;
margin-right: 5px;
}

div#nav ul#nav_sub li a {
margin: 0;
}

/* =branding */
#branding {
	margin: 0px;
	padding: 0px;
	height: 210px;
	position: relative;
}
#branding a {
width: 220px;
height: 110px;
position: absolute;
top: 50px;
right: 10px;
text-indent: -5000px;
}
p#tagline {
display: none;
}
div#branding img {
width: 74px;
height: 106px;
position: absolute;
top: -15px;
left: -15px;
}


/* =content */
div#content {
	padding: 10px 25px;
}
div#container div#content h1 {
padding: 0;
margin: 0 0 .4em 0;
}
div#content h2 {
padding: .2em 0px;
}
div#content p {
padding: 0px 0px 10px 0px;
width: 480px;
}

/* =a */
div#content a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

div#content h2 a {
border: none;
}

div#googlemap {
	width: 425px;
	height:350px;
	margin: 10px 0;
	float: right;
	clear: none;
	border: 1px solid;
}
/*.directions #content p,
.directions #content ul {
width: 260px;
float: left;
clear: none;
margin: 0;
}
*/
/* =ul */

div#content ul li {
padding: 0px 0px 0px 50px;
line-height: 1.4em;
width: 440px;
}

div#content ul {
margin: 15px 0px;
}

/* =img */
div#content img {
float: right;
clear: right;
width: 200px;
padding: 4px;
margin: 0 0 15px 15px;
border: solid 1px;
}

div#sectionrooms a#bed1 img,
div#sectionrooms a#bed2 img {
position: relative;
top: -150px;
left: -500px;
}
div#sectionrooms a#bed2 img {
top: -330px;
left: -255px;
}

div#content img.floatleft {
float: left;
clear: none;
margin: 20px 20px 20px 0;
}

div#sectionrooms {
height: 500px;
width: 720px;
}

/* =b&B */
div#selfcatercoachhouse {
position: relative;
height: 350px;
width: 480px;
}

div#selfcatercoachhouse img#exterior {
position: absolute;
width: 260px;
height: 173px;
left: -15px;
top: 40px;
}

div#selfcatercoachhouse img#bed {
position: absolute;
left: 250px;
width: 112px;
height: 173px;
top: 40px;
left: 300px;
}

div#selfcatercoachhouse p {
position: absolute;
top: 250px;
}

cite {
display: block;
margin-bottom: 30px;
}

/* =selfcater */
body.coachhouse div#content {
min-height: 770px;
}

div#description {
position: absolute;
top: 280px;
left: 280px;
width: 230px;
}

.coachhouse ul#photos {
min-height: 550px;
}
div#description p {
width: 230px;
}

div#coachhouserates {
width: 725px;
}
div#coachhouserates p {
width: 220px;
float: left;
clear: left;
margin-right: 0px;
}
div#coachhouserates img.floatleft {
float: right;
margin: -70px 0 0 20px;
width: 215px;
}

li#coachhouse img {
position: absolute;
width: 215px;
height: 323px;
top: 280px;
left: 15px;
}

li#bedroom img {
position: absolute;
width: 215px;
height: 323px;
top: 280px;
left: 510px;
}

li#kitchen img {
position: absolute;
width: 215px;
height: 143px;
top: 640px;
left: 15px;
}

li#staircase img {
position: absolute;
width: 215px;
height: 143px;
top: 640px;
left: 265px;
}

li#bathroom img {
position: absolute;
width: 215px;
height: 143px;
top: 640px;
left: 510px;
}

/* =siteinfo */
div#site_info {
height: 20px;
padding: 2px 25px;
clear: both;
margin: 1em 0px 0px 0px;
}
div#site_info h5 a {
display: none;
}
div#site_info p#copy {
float: left;
}
div#site_info p#credit {
float: right;
}

/* Lightbox magnify stuff */

div#content img {
	margin-bottom: 10px;
}

div#content a img.magnify{
	background-color: red;
	width: 20px;
	height: 20px;
	position: relative;
	top: -38px;
	left: -182px;
	margin: 0px;
	padding: 0px;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 0px;
	border-left: 0px;
}
/* LIGHTBOX ENDS*/