/* CSS Document */

* {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; border:0px;}
body {background-color:#C3C6D0; padding-bottom:25px;}

/***********************Main Structure of site*********************/

#container {

background-color:#FFFFFF; 
width:744px; 
height:750px; 
position:absolute; 
left:50%; 
margin-left:-362px; 
margin-top:15px; 
margin-bottom:15px;
}

#logo {

position:absolute; 
left:1px; 
top:1px;

}


#header {

position:absolute; 
left:192px; 
top:1px;

}

#menu {position:absolute; left:1px; top:152px; width:742px; height:25px; background-color:#D0CDC3; display:inline; font-size:0.8em; color:#72738F; font-weight:bold;}
#menu ul li {margin-left: 0; padding: 0px 8px; border-left: 2px solid #72738F; list-style: none; display: inline;}
#menu ul.footer {margin-top:6px;}
#menu li.first {margin-left: 0; padding-left:15px; border-left: none; list-style: none; display: inline;}
#menu a {color:#72738F; text-decoration:none;}
#menu a:hover {color:#8a397a; }

.imageheadline {position:absolute; left:261px; top:223px;}
.imageheadline h2 {font-size:1.1em; display:none; font-weight:normal; color:#FFFFFF; font-family:'Times New Roman', Times, serif;}

#rightmenu {position:absolute; left:1px; top:178px; width:190px; height:297px; color:#FFFFFF; background-color:#72738F; font-size:0.7em; overflow:hidden;}
#rightmenu img {margin-top:14px;}
#rightmenu a {font-size:1.2em;font-weight:bold;text-decoration:none; color:#FFFFFF; margin:10px 0px;}
#rightmenu p {margin-bottom:21px; letter-spacing:-1px; font-size:1.1em;}

#linkheader {position:absolute; left:1px; top:152px; width: 190px; height:32px; background-color:#D3D5DC; overflow:hidden;}
#linkheader h3 {color:#72738F; margin-left:15px; margin-top:3px; font-weight:normal; font-size:1.1em;}
#linkheader a {text-decoration:none; color:#72738F;}

#linkrightheader {position:absolute; left:192px; top:152px; width: 551px; height:32px; background-color:#8a397a; overflow:hidden;}
#linkrightheader h3 {color:#FFFFFF; margin-left:15px; margin-top:3px; font-weight:normal; font-size:1.1em;}
#linkrightheader a {text-decoration:none; color:#72738F;}

#maincontent {position:absolute; left:191px; top:185px; width:551px; height:550px; color:#333333; background-color:#FFFFFF; font-size:0.7em; overflow:hidden; line-height:1.6em;}
#maincontent p {margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:21px; font-size:1.0em;}
#maincontent img {float:right;}
#maincontent ul li {margin-left: 25px; list-style:square;font-size:1.1em; }
#maincontent a {text-decoration:none; color:#8a397a;}
#maincontent a:hover{text-decoration:none; color:#333333; }
#maincontent h5,h4{margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px;}

#maincontent1 {position:absolute; left:191px; top:189px; width:551px; height:550px; color:#333333; background-color:#FFFFFF; font-size:0.7em; overflow:hidden; line-height:1.6em;}
#maincontent1 p {margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px; font-size:1.0em;}
/****#maincontent1 img {float:right;}***/
#maincontent1 ul li {margin-left: 10px; list-style:square;font-size:1.1em; }
#maincontent1 a {text-decoration:none; color:#333333;}
#maincontent1 a:hover{text-decoration:none; color:#8a397a; }
#maincontent1 h5,h4{margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px;}

/******Cottage Tour Navigation ***********/

#cottagenav {position:absolute; left:10px; top:5px; width:525px; height:30px;}
#cottagenav ul li {margin-left: 5px; list-style:square;font-size:1.1em;text-align:center;padding: 0px 15px 0px 0px; }
#cottagenav a {text-decoration:none; color:#333333;}
#cottagenav a:hover{text-decoration:none; color:#8a397a; }

/****************Cottage Room introduction**************/

#roomintro {position:absolute; left:5px; top:40px; width:525px; height:100px;}

/**************Cottage Tour Picture*****************/

#cottageimg {position:absolute; left:50px; top:200px; width:450px; height:300px;}

/***********Availability Structure **************/

.mainparagraph {position:absolute; left:10px; top:5px; width:335px; height:100px;}
.price {position:absolute; left:370px; top:5px; width:175px; color:#333333; background-color:#FFFFFF;height:380px;font-size:1.7em;}
.monthyear {position:absolute; left:10px; top:125px; width:335px; height:25px;color:#333333; background-color:#FFFFFF;font-size:1.5em;}
.monthyear p {margin-left:10px;}
.links li{padding: 0px 1px; border-right: 1px solid #72738F; list-style: none; display: inline;	text-align:center; margin-bottom:10px;}
form {margin-left:10px;}
.booking {position:absolute; left:370px; top:400px; width:175px; height:100px;}
.booking a {color:#8a397a;}
.booking a:hover {color:#333333;}
/****************Location Structure***************/

#location {position:absolute; left:10px; top:5px; width:335px; height:300px;}

#direction {position:absolute; left:370px; top:5px; width:175px; color:#333333; height:380px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#direction h4{margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px;font-size:1.2em;}
#direction h5{margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px;font-size:1.1em;}
#direction p {margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px; font-size:1.0em;}
#direction a {color:#8a397a;}
#direction a:hover {color:#333333;}

/**************Gallery Structure******************/
.galleryintro {position:absolute; left:10px; top:5px; width:530px; height:80px;}
#smallimage1 {position:absolute;left:10px; top:100px;height:100px; width:150;}
#smallimage2 {position:absolute;left:180px; top:100px;height:100px; width:150;}
#smallimage3 {position:absolute; left:350px; top:100px;height:100px; width:150;}
#smallimage4 {position:absolute; left:10px; top:220px;height:100px; width:150;}
#smallimage5 {position:absolute; left:180px; top:220px;height:100px; width:150;}
#smallimage6 {position:absolute; left:350px; top:220px;height:100px; width:150;}
#smallimage7 {position:absolute; left:10px; top:340px;height:100px; width:150;}
#smallimage8 {position:absolute; left:180px; top:340px;height:100px; width:150;}
#smallimage9 {position:absolute; left:350px; top:340px;height:100px; width:150;}

/**************Footer Structure***************/

#footer {position:absolute; left:1px; top:736px; width:744px; height:23px; background-color:#D0CDC3; display:inline; font-size:0.6em; color:#72738F;}
#footer ul li {margin-left: 0; padding: 0px 8px; border-left: 2px solid #72738F; list-style: none; display: inline;}
#footer ul.footer {margin-top:6px;}
#footer li.first {margin-left: 0; padding-left:15px; border-left: none; list-style: none; display: inline;}
#footer a {color:#72738F; text-decoration:none;}
#footer a:hover {color:#8a397a; }

#design {position:absolute; left:1px; top:759px; width:744px; height:23px; background-color:#ffffff; display:inline; font-size:0.6em; color:#333333;}
#design span {margin-left: 0; margin-top:6px;padding: 0px 8px; list-style: none; display: inline;}
#design a {color:#72738F;text-decoration:none;font-weight:bold;}
#design a:hover {color:#8a397a; }

.fr {float:right;}
.fl {float:left;}

h1 {font-size:20px;display:none;}
