/* Bed & Breakfast Web Template DO NOT COPY */

body {
	background-image:url(images/background.jpg);
}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #66826c;
}

/*Navigation*/

#navigation {
	margin:170px 0px 0px 30px;
	width:140px;
	height: 220px;
	padding:0px;
	overflow:hidden;
	float:left;
}
#navigation li {
	display:block;
	margin:0px 0px 0px 0px;
	padding: 0px;
}
#navigation ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#navigation a {
	float:left;
	background-image:url(images/btn.jpg);
	background-repeat:no-repeat;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	color:#66826c;
	width:138px;
	height:25px;
	text-align:center;
}
#navigation a:hover {
	background-image:url(images/btnhover.png);
	color:#FFFFFF;
	
}

#address {
	width:150px;
	height:200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #142a19;
	margin:-170px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	float:left;
}

/*index page*/

#container {
	background-image:url(images/container.png);
	width:760px;
	height:849px;
	margin:auto;
	padding: 0px 0px 0px 0px;
}

#title {
	background-image:url(images/title.jpg);
	width:267px;
	height:31px;
	margin:120px 270px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#hotelpicture {
	background-image:url(images/hotelpic.jpg);
	width:310px;
	height:190px;
	margin:20px 80px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#devider {
	background-image:url(images/devider.png);
	width:31px;
	height:413px;
	margin: 220px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#welcometext {
	width:400px;
	height:400px;
	margin:40px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #66826c;
	float:left;
	overflow:auto;
}

/*rooms*/

#roompicture {
	background-image:url(images/roompic.png);
	width:310px;
	height:190px;
	margin:20px 80px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#roomstitle {
	width:250px;
	height:20px;
	margin:10px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	float:left;
	color: #66826c;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}

#scrolltext {
	width:450px;
	height:350px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	position: relative;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 1em;
	color: #66826c;
	float:left;
	text-indent:20px;
	overflow:scroll;
}

#rose {
	background-image:url(images/rosebud.png);
	background-repeat:no-repeat;
	width:31px;
	height:33px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#roomtitle {
	width:120px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 15px;
	color: #66826c;
}

#singleroomimg {
	width:100px;
	height:100px;
	margin:10px 0px 0px 50px;
	padding:0px 0px 0px 0px;
}

#roomtitle2 {
	width:160px;
	height:20px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 15px;
	color: #66826c;
}

#imgsright {
	width:100px;
	height:100px;
	margin:-105px 120px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

/*rates*/

#ratespicture {
	background-image:url(images/ratespic.jpg);
	width:310px;
	height:190px;
	margin:20px 80px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#ratetitle {
	width:200px;
	height:20px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 15px;
	color: #66826c;
	
}

#ratesscrolltext {
	width:450px;
	height:350px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	position: relative;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	text-indent:20px;
	color: #66826c;
	float:left;
	overflow:scroll;
}

/*services*/

#servicespicture {
	background-image:url(images/servicespic.jpg);
	width:310px;
	height:190px;
	margin:20px 80px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#servicetext {
	width:450px;
	height:400px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	text-indent:20px;
	color: #66826c;
	float:left;
}
/*directions*/

#directionspicture {
	background-image:url(images/directionspic.jpg);
	width:310px;
	height:190px;
	margin:20px 80px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#directiontext {
	width:450px;
	height:400px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	text-indent:20px;
	color: #66826c;
	float:left;
}

#directionstitle {
	width:200px;
	height:20px;
	margin:20px 0px 0px 100px;
	padding:0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 15px;
	color: #66826c;
	
}

#map {
	width:308px;
	height:308px;
	margin:auto;
	padding:0px 0px 0px 0px;
}

/*contact*/

#introtext {
	width:450px;
	height:20px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 0px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	color: #66826c;
	float:left;
}

#contacttext {
	width:450px;
	height:300px;
	margin:5px 0px 0px 210px;
	padding: 0px 0px 0px 20px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	color: #66826c;
	float:left;
}

#contacttext a {
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	color: #66826c;
}

#contacttext a:hover {
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 11px;
	color: #66826c;
	text-decoration:none;
}

/*singleroom*/

#singleroom {
	background-image:url(images/single.jpg);
	width:199px;
	height:300px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#roomtext {
	width:200px;
	height:30px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	font-size: 14px;
	color: #333;
	margin:auto;
	padding:10px 0px 0px 0px;
	text-align:center;
}

/*popups*/

#doubleroom {
	background-image:url(images/singledouble.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#doubleroom2 {
	background-image:url(images/double.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#twinsingle {
	background-image:url(images/twindouble2.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#twindouble {
	background-image:url(images/twindouble.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:195px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#bathroom {
	background-image:url(images/bathrrom1.jpg);
	background-repeat:no-repeat;
	width:201px;
	height:300px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

#bathroom2 {
	background-image:url(images/bathrrom2.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:201px;
	padding:0px 0px 0px 0px;
	margin:auto;
}
}