/* Main CSS file */

Body {
background-color: #80cdaa;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

/* ---------- Container to center the layout-------------- */
#page {
position: relative;
background-color: #eef2f1;
margin-left: auto;
margin-right: auto;
padding: 0px;
width:780px;
}

#header {
position: relative;
background:#fff url("images/Header.jpg") left top repeat-x;
color:#000;
margin: 0px;
padding: 0px;
height:161px;
width:780px;
z-index: 100;
}

/* ---------------- Content --------------------- */
#content {		/* may need to be absolutely positioned for stacking! */
background-color: #ffffff;
padding: 5px;
margin-left: 180px;
margin-bottom: 0px;
border-left: #797f7d solid 1px;
min-height: 700px; 		/* for Moz, FF, Op */
}

#fir {
position: absolute;
background-image:url("images/Title.jpg");
width:234px;
height:57px;
margin: 0px;
padding: 0px;
left: 5px;
top: 8px;
}

#title {
position: absolute;
background-color:#80cdaa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
line-height:1.4;
width: 170px;
color:#677876;
padding: 0px;
margin: 0px;
top: 65px;
left: 55px;
}

#divider {
position: absolute;
border-left: #797f7d solid 1px;
height:71px;
float: left;
top: 20px;
left: 260px;
}

#title2 {
position: absolute;
background-color:#80cdaa;
color:#677876;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:400;
letter-spacing:0;
line-height:1.4;
width: 283px;
margin-top: -20px;
margin-right: 19px;
top: 70px;
left: 275px;
}

#northway {
position:absolute;
background-image:url("images/Northway.jpg");
background-position:right top;
height:158px;
width:204px;
margin-top: -62px;
top: 62px;
left: 576px;
}

#content h1 {
color:#697f7d;
font-size:20px;
font-style:italic;
font-weight:700;
width:550px;
margin: 0px;
padding-top: 10px;
}

#content h2 {
color:#697f7d;
font-size:14px;
font-weight:bold;
width:550px;
margin: 0px;
padding-top: 10px;
}

#content h3 {
color:#697f7d;
font-size:13px;
font-weight:bold;
}

#content p span {font-weight: bold; }
#content p#small {font-size: 11px; }

#content p {
color:#6f7171;  
font-size:12px;
font-weight:400;
left:15px;
letter-spacing:0;
line-height:1.5;
position:relative;
width:550px;
}

#list {
float: left;
}

#content ol{
padding: 25px;
margin-top: 20px;
}

#centre {
text-align:center;
}

#content ul, #content ol {
color:#6f7171;
font-size:11px;
font-weight:400;
left:15px;
letter-spacing:0;
line-height:1.8;
margin-right: 10px;
}

#plan {
float: left;
}

#sidebar {
float: left;
padding: 0px;
width: 180px;
margin-right: -1%;
}

#address {
background:#fff url("images/Flower.jpg");
height:122px;
left:0px;
top:5px;
width:129px;
padding: 0px;
margin: 20px;
}

#address li {
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
font-size:11px;
font-weight:100;
line-height: 2.2;
width: 150px;
color:#697f7d;
margin: 0px;
padding: 0px;
text-align:center;
}

#email_it {
background:transparent url("images/Mail.gif");
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:42px;
overflow:hidden;
margin-left: 40px;
width:114px;
}

#email_it a {
background:transparent url("images/Mail_Invert.gif") no-repeat 90px 52px;
color:#697f7d;
float:left;
height:52px;
padding-left:40px;
padding-top:14px;
text-decoration:none;
width:90px;
}

#email_it a#item1:hover {
background-position:0 0;
color:#000;
z-index:50;
}

#email_it li {
display:inline;
height:52px;
list-style-type:none;
width:114px;
}

#email_it ul {
margin:0;
padding:0;
}

#footer {
position: relative;
background:#eff2f1 url("images/Footer.jpg") left top repeat-x;
height:40px;
width:780px;
margin:0;
padding:0;
}

#footer a:hover {
color:#000;
}

#footer ul {
position:relative;
width: 400px;
height: 40px;
left: 200px;
margin: 0px;
}

#footer li {
list-style-type:none;
float: left;
}

#footer li a{
text-decoration:none;
}

#guru {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:200;
position:absolute;
text-decoration:none;
color:#797f7d;
top:17px;
left:95px;
}

#w3ccss {
background-image:url("images/css.gif");

background-repeat:no-repeat;
height:16px;
width:80px;
top:15px;
left:0px;
position:absolute;
}

#w3cxhtml {
background-image:url("images/xhtml10.gif");
background-repeat:no-repeat;
height:16px;
width:80px;
top:15px;
left:300px;
position:absolute;
}

#menu_corner {
position:absolute;
background-image:url("images/Menu_Corner.jpg");
height:50px;
width:62px;
top: 108px;
float: left;
}

#navcontainer {
position: absolute;
height:41px;
color:#000;		
width:600px;
top: 115px;
left:15px;
}

/* ----------------- Image replacement (FIR) ------------------ */

#fir span,#signature span,#photogirl span,#map span,
#index2 span,#index3 span,
#cottages1 span,#cottages2 span,#cottages3 span,
#tariff1 span,#tariff2 span,#tariff3 span,
#availability1 span,#availability2 span,#availability3 span,
#breaks1 span,#breaks2 span,#breaks3 span,
#amenities1 span,#amenities2 span,#amenities3 span,
#guestbook1 span,#guestbook2 span,#guestbook3 span,
#footer li a span,.menu ul li ul,.menu ul li:hover ul li ul {
display:none;
}

/* ----------------- Sidebar photos ------------------ */
/* Set properties and position of each of the 3 photos */ 

#sidebar h2 {
border:#797f7d solid 1px;
height:118px;
left:7px;
padding:2px;
position:relative;
top:20px;
width:155px;
margin:0px;
margin-bottom: 12px;
}

#sidebar h3.scroll {padding: 15px; width:150px; height:50px; position:relative;}

/* ----------------- Pictures Page 100x75 --------------------- */

#content h2 {position:relative; float:left; width:100px; height:75px; margin:3px; padding: 0px;}
#content h2 em {display:block; width:100px; height:75px; position:absolute;}

h2.pic1 em {background:#fff url("images/guest/Pic1.jpg") center no-repeat;}
h2.pic2 em {background:#fff url("images/guest/Pic2.jpg") center no-repeat;}
h2.pic3 em {background:#fff url("images/guest/Pic3.jpg") center no-repeat;}
h2.pic4 em {background:#fff url("images/guest/Pic4.jpg") center no-repeat;}
h2.pic5 em {background:#fff url("images/guest/Pic5.jpg") center no-repeat;}
h2.pic6 em {background:#fff url("images/guest/Pic6.jpg") center no-repeat;}
h2.pic7 em {background:#fff url("images/guest/Pic7.jpg") center no-repeat;}
h2.pic8 em {background:#fff url("images/guest/Pic8.jpg") center no-repeat;}
h2.pic9 em {background:#fff url("images/guest/Pic9.jpg") center no-repeat;}
h2.pic10 em {background:#fff url("images/guest/Pic10.jpg") center no-repeat;}
h2.pic11 em {background:#fff url("images/guest/Pic11.jpg") center no-repeat;}
h2.pic12 em {background:#fff url("images/guest/Pic12.jpg") center no-repeat;}
h2.pic13 em {background:#fff url("images/guest/Pic13.jpg") center no-repeat;}
h2.pic14 em {background:#fff url("images/guest/Pic14.jpg") center no-repeat;}
h2.pic15 em {background:#fff url("images/guest/Pic15.jpg") center no-repeat;}
h2.pic16 em {background:#fff url("images/guest/Pic16.jpg") center no-repeat;}
h2.pic17 em {background:#fff url("images/guest/Pic17.jpg") center no-repeat;}
h2.pic18 em {background:#fff url("images/guest/Pic18.jpg") center no-repeat;}
h2.pic19 em {background:#fff url("images/guest/Pic19.jpg") center no-repeat;}
h2.pic20 em {background:#fff url("images/guest/Pic20.jpg") center no-repeat;}
h2.pic21 em {background:#fff url("images/guest/Pic21.jpg") center no-repeat;}
h2.pic22 em {background:#fff url("images/guest/Pic22.jpg") center no-repeat;}
h2.pic23 em {background:#fff url("images/guest/Pic23.jpg") center no-repeat;}
h2.pic24 em {background:#fff url("images/guest/Pic24.jpg") center no-repeat;}
h2.pic25 em {background:#fff url("images/guest/Pic25.jpg") center no-repeat;}
h2.pic26 em {background:#fff url("images/guest/Pic26.jpg") center no-repeat;}
h2.pic27 em {background:#fff url("images/guest/Pic27.jpg") center no-repeat;}
h2.pic28 em {background:#fff url("images/guest/Pic28.jpg") center no-repeat;}
h2.pic29 em {background:#fff url("images/guest/Pic29.jpg") center no-repeat;}
h2.pic30 em {background:#fff url("images/guest/Pic30.jpg") center no-repeat;}
h2.pic31 em {background:#fff url("images/guest/Pic31.jpg") center no-repeat;}
h2.pic32 em {background:#fff url("images/guest/Pic32.jpg") center no-repeat;}
h2.pic33 em {background:#fff url("images/guest/Pic33.jpg") center no-repeat;}
h2.pic34 em {background:#fff url("images/guest/Pic34.jpg") center no-repeat;}
h2.pic35 em {background:#fff url("images/guest/Pic35.jpg") center no-repeat;}

/* ----------------- Sidebar Photos 150x113 ------------------------- */
/* Common photos for all pages below each root page in drop-down menu */
/* ie. all pages below Homepage (index) will have the same 3 photos   */
/* as will all the pages below Cottages page			      */
/* Large photos of each appended with "_lrg", eg. Index1_lrg.jpg,     */
/* Index2_lrg.jpg, Cottage1_lrg.jpg etc.			      */

#sidebar h2 em{display:block; width:155px; height:118px; position:absolute;}
h3.scroll em {display:block; width:150px; height:50px; background:#eef2f1 url("images/scroll.gif") no-repeat;}

h2.index1 em {background:#eee url("images/index1.jpg") center no-repeat;}
h2.index2 em {background:#eee url("images/index2.jpg") center no-repeat;}
h2.index3 em {background:#eee url("images/index3.jpg") center no-repeat;}
h2.guestbook1 em {background:#eee url("images/guestbook1.jpg") center no-repeat;}
h2.guestbook2 em {background:#eee url("images/guestbook2.jpg") center no-repeat;}
h2.guestbook3 em {background:#eee url("images/guestbook3.jpg") center no-repeat;}
h2.breaks1 em {background:#eee url("images/breaks1.jpg") center no-repeat;}
h2.breaks2 em {background:#eee url("images/breaks2.jpg") center no-repeat;}
h2.breaks3 em {background:#eee url("images/breaks3.jpg") center no-repeat;}
h2.amenities1 em {background:#eee url("images/amenities1.jpg") center no-repeat;}
h2.amenities2 em {background:#eee url("images/amenities2.jpg") center no-repeat;}
h2.amenities3 em {background:#eee url("images/amenities3.jpg") center no-repeat;}
h2.cottages1 em {background:#eee url("images/cottages1.jpg") center no-repeat;}
h2.cottages2 em {background:#eee url("images/cottages2.jpg") center no-repeat;}
h2.cottages3 em {background:#eee url("images/cottages3.jpg") center no-repeat;}
h2.availability1 em {background:#eee url("images/availability1.jpg") center no-repeat;}
h2.availability2 em {background:#eee url("images/availability2.jpg") center no-repeat;}
h2.availability3 em {background:#eee url("images/availability3.jpg") center no-repeat;}
h2.tariff1 em {background:#eee url("images/tariff1.jpg") center no-repeat;}
h2.tariff2 em {background:#eee url("images/tariff2.jpg") center no-repeat;}
h2.tariff3 em {background:#eee url("images/tariff3.jpg") center no-repeat;}


h2 a {cursor:pointer;}

#dog {width: 400px;height:211px;position:relative;margin: 25px;float: right;}
#animals {width: 570px;height:500px;left:0px;position:relative;margin: 0px;}
#directions,#court {position:relative;width: 337px;height:260px;left:80px;top: 20px;margin: 25px;}

/* ----------------- Content Main Photos 330x215 (left & right floats) -------------- */

#content span.left {position:relative; float:left; width:330px; height:230px; margin:16px; margin-bottom: 20px;padding:0px;}
#content span.left em {display:block; width:330px; height:230px; position:absolute; padding-bottom: 8px; font-weight: normal;font-size: 11px;}

em#cottage1 {background:#fff url("images/Cottage2.jpg") center bottom no-repeat;}
em#area_photo1 {background:#fff url("images/Coastalpath.jpg") center bottom no-repeat;}
em#twokids {background:#fff url("images/Two_Kids.jpg") center bottom  no-repeat;}
em#autumn {background:#fff url("images/Autumn.jpg") center bottom  no-repeat;}
em#golf1 {background:#fff url("images/Golf1.jpg") center bottom  no-repeat;}
em#mill1 {background:#fff url("images/Millstones.jpg") center bottom  no-repeat;}
em#gran1 {background:#fff url("images/Granary1.jpg") center bottom  no-repeat;}
em#wheat1 {background:#fff url("images/Wheat1.jpg") center bottom  no-repeat;}
em#harv1 {background:#fff url("images/Harvester1.jpg") center bottom  no-repeat;}
em#stab1 {background:#fff url("images/Stables1.jpg") center bottom  no-repeat;}
em#hay1 {background:#fff url("images/Hayloft1.jpg") center bottom  no-repeat;}
em#mews1 {background:#fff url("images/Mews1.jpg") center bottom  no-repeat;}
em#coach1 {background:#fff url("images/Coachhouse1.jpg") center bottom  no-repeat;}
em#but1 {background:#fff url("images/Buttery1.jpg") center bottom  no-repeat;}
em#but3 {background:#fff url("images/Buttery3.jpg") center bottom  no-repeat;}
em#tarka {background:#fff url("images/Golf2.jpg") center bottom  no-repeat;}
em#xmas1 {background:#fff url("images/Xmas1.jpg") center bottom  no-repeat;}
em#kids1 {background:#fff url("images/Golf2.jpg") center bottom  no-repeat;}
em#pool {background:#fff url("images/Pool.jpg") center bottom  no-repeat;}
em#draw {background:#fff url("images/Golf2.jpg") center bottom  no-repeat;}
em#stab1 {background:#fff url("images/Stable1.jpg") center bottom  no-repeat;}
em#draw {background:#fff url("images/Draw.gif") center bottom  no-repeat;}

#content span.right {position:relative; float:right; width:330px; height:230px; margin:16px; margin-bottom: 20px; padding: 0px;}
#content span.right em {display:block; width:330px; height:230px; position:absolute;padding-bottom: 8px; font-weight: normal;font-size: 11px;}

em#cottage2 {background:#fff url("images/Garden.jpg") center bottom  no-repeat;}
em#area_photo2 {background:#fff url("images/Peppercombe.jpg") center bottom no-repeat;}
em#plan_photo1 {background:#fff url("images/Cottageplan.jpg") center bottom  no-repeat;}
em#golf2 {background:#fff url("images/Golf2.jpg") center bottom  no-repeat;}
em#mill2 {background:#fff url("images/Millstones2.jpg") center bottom  no-repeat;}
em#mill3 {background:#fff url("images/Millstones3.jpg") center bottom  no-repeat;}
em#gran2 {background:#fff url("images/Granary2.jpg") center bottom  no-repeat;}
em#wheat2 {background:#fff url("images/Wheat2.jpg") center bottom  no-repeat;}
em#harv2 {background:#fff url("images/Harvester2.jpg") center bottom  no-repeat;}
em#stab2 {background:#fff url("images/Stables2.jpg") center bottom  no-repeat;}
em#hay2 {background:#fff url("images/Hayloft2.jpg") center bottom  no-repeat;}
em#mews2 {background:#fff url("images/Mews2.jpg") center bottom  no-repeat;}
em#coach2 {background:#fff url("images/Coachhouse2.jpg") center bottom  no-repeat;}
em#coach2 {background:#fff url("images/Coachhouse2.jpg") center bottom  no-repeat;}
em#but2 {background:#fff url("images/Buttery2.jpg") center bottom  no-repeat;}
em#kids2 {background:#fff url("images/Kids2.jpg") center bottom  no-repeat;}
em#stab2 {background:#fff url("images/Stable2.jpg") center bottom  no-repeat;}
em#xmas2 {background:#fff url("images/Xmas2.jpg") center bottom  no-repeat;}
em#amenities {background:#fff url("images/Amenities.jpg") center bottom  no-repeat;}
em#marina {background:#fff url("images/Marina.jpg") center bottom  no-repeat;}

#tarka,#kids1 {		/* left side float */
position:relative;
width: 200px;
height:150px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
float: left;
}

#mill2,#kids2,#cottage3{		/* right side float */
position:relative;
width: 200px;
height:150px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
float: right;
}

#dog {background:#fff url("images/Dog.jpg");}			/* Pets Page Photo 400x211 */
#animals {background-image:url("images/Animal_Collage.jpg");}	/* Animals Page Photo 570x541 */

#directions {background:#fff url("images/Directions.jpg");}	/* Directions Page Photo 337x260 */
#kids1 {background:#fff url("images/Kids1.jpg");}
#kids2 {background:#fff url("images/Kids2.jpg");}
#kids3 {background:#fff url("images/Kids3.jpg");}
#cottage3 {background:#fff url("images/Cottage3.jpg");}

* html #email a {
height:0;
}

/* ----------------- Drop-Down Menu (and in Northway_ie.css) ------------------ */

.menu {
font-family:arial, sans-serif;
font-size:12px;
margin:10px 0;
position:relative;
width:600px;
z-index: 100;
}

.menu ul {
list-style-type:none;
margin:0;
padding:0;
}

.menu ul li {
float:left;
margin-right:1px;
position:relative;
}

.menu ul li a,.menu ul li a:visited {
background:transparent;
color:#727272;
display:block;
font-size:12px;
height:20px;
line-height:20px;
overflow:hidden;
text-align:center;
text-decoration:none;
width:80px;
}

.menu ul li:hover a {
/* background:#80cdaa; */
border:1px solid #eae5e6;
color:#000;			
}

.menu ul li:hover ul {
display:block;
left:0;
position:absolute;
top:21px;
width:79px;
padding-bottom:3em;
}

.menu ul li:hover ul li a {
background:#f9f8f8;
border:1px solid #eae5e6;
color:#727272;
display:block;
}

.menu ul li:hover ul li a.hide {
background:#f9f8f8;				/* was 6a3 */
color:#000;
}

.menu ul li:hover ul li:hover a.hide,.menu ul li:hover ul li a:hover {
background:#6fc;
color:#000;
}

/* Colour-coded Availability Drop-Down Menu */
.menu ul li:hover ul li a.this_hd {background-color: #f9f8f8; color: #9086d1;  font-weight: bold;}
.menu ul li:hover ul li a.next_hd {background-color: #f9f8f8; color: #c65ca4;  font-weight: bold;}
/*
.menu ul li:hover ul li a:hover.this {background:#b7afeb;} 	
.menu ul li:hover ul li a:hover.next {background:#ea9cd1;} 	
*/

.menu ul li:hover ul li:hover ul {
display:block;
left:76px;
position:absolute;
top:0;
}

.menu ul li:hover ul li:hover ul.left {
left:-105px;
}

/* position the third level flyout menu */
.menu ul ul ul li{
left:5px; 
top:0px;
width:80px;
}

.stats col.col1 {
width:115px;
}

.stats td.millstones,.stats td.granary,.stats td.hayloft {
background-color:#d2fafa;
}

/* override for IE - Northway_ie.css resets  common.css? */
form.dm_form label input.field,
form.dm_form label select.field,
form.dm_form label textarea.field {
			background-color: #d7f1e6 !important;   /* make !important to override Google Toolbar Yellow!!!! */
}