/* stylesheet for Hugo's B&B website */

body {background-color: #ffffff}

.mastBackground {
	background-color: #5759A2;
	position: relative;
	top: -15px;
	left: -10px;
	width: 102%;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ededed;
	position: relative;
	top: -15px;
	left: -8px;
	width: 75%;
	padding-left: 27%;
}
.MenuDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #5759A2;
	width: 80px;
	top: 150px;
	position: absolute;
	left: 60px;
}
a.toplink:link { 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 12px;
	text-decoration: underline; 
        color: #000000;
	letter-spacing: 2px; 
}
a.toplink:visited { 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 12px; 
        color: #000000; 
        text-decoration: underline;
	letter-spacing: 2px;
}
a.toplink:hover { 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #ffffff;
	font-size: 12px; 
        text-decoration: underline; 
        background-color: #666666; 
} 
.menupic1 a {
	background-image: url(../images/rollover_bedroom.jpg);
	position:absolute;
	clip:rect(0px 150px 111px 0px);
}
.menupic1 a:hover {
	background-position: 0 -112px;
}
.menupic2 a {
	background-image: url(../images/rollover_lounge.jpg);
	position:absolute;
	clip:rect(0px 150px 112px 0px);
}
.menupic2 a:hover {
	background-position: 0 -112px;
}
.menupic3 a {
	background-image: url(../images/rollover_bookings.jpg);
	position:absolute;
	clip:rect(0px 150px 112px 0px);
}
.menupic3 a:hover {
	background-position: 0 -112px;
}
.leftNav {
	width: 20%;
	top: 175px;
	position: absolute;
	left: 20px;	
}
.leftNav2 {
	width: 20%;
	top: 288px;
	position: absolute;
	left: 20px;	
}
.leftNav3 {
	width: 20%;
	top: 401px;
	position: absolute;
	left: 20px;	
}
.leftNavCenter {
	width: 20%;
	top: 175px;
	position: absolute;
	left: 50px;
}
#floatright {
	position: absolute;
	right: 0px;
}
.maintext {
	margin-top: -15px;
	margin-left: 4.5cm;
	border-style: dashed;
	border-color: #ededed;
	border-left-width: 4px;
	border-bottom-width: 4px;
	border-top-width: 0;
	border-right-width: 0;
	padding: 9px;
	
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.centred {
	text-align: center;
}
.footer {
	margin-left: 5cm;
	margin-top: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.footer2 {
	margin-left: 9cm;
	margin-top: -25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.floatright {
	margin-top: 1px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#topspace {
	margin-top: 1px
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 125px;
	height: 95px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 250px;
	height: 190px;
}