@charset "utf-8";
/* CSS Document */

/*Clear Fix*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/*Clear Fix closed*/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #000;
}

a:link, a:visited {
	text-decoration: underline;
	/*font-weight: normal;*/
        color: #766867;        /*color: #800029;*/
}

a:hover {
	text-decoration: none;
	color: #333333;
}

input.button { cursor: pointer; }

p { margin-top: 0px; margin-bottom: 10px; }


img { border: 0 none; }
.noborder {border:none;}
/* rounded corners */
div.rounded {
    clear:both;
    max-width:794px;
    margin:0px auto;
    width:794px;
}

div.rounded div.top {
    background:url(../images/rnd/tl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images/rnd/tr.gif) no-repeat bottom right;
    height:10px;
    margin-left:10px;
	padding: 0px;
}

div.rounded div.middle {
    background:url(../images/rnd/l.gif) repeat-y left;
    clear:both;
    width:100%;
	height:100%;
}

div.rounded div.middle div.right {
    background:url(../images/rnd/r.gif) repeat-y right;
    margin-left:10px;
	width: auto;
}

div.rounded div.middle div.right div.content {
	overflow: hidden;
	background-color:#FFFFFF;
    margin-right:10px;
	padding:0px 10px 5px 10px;
	width: auto !important; width: 754px;
	

}

div.rounded div.bottom {
    background:url(../images/rnd/bl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images/rnd/br.gif) no-repeat top right;
    height:10px;
    margin-left:10px;
}
/* End Rounded */

div#wrapper {
	background: #ccbfbd;
	margin-left: auto;
	margin-right: auto;
	width: 821px;
}

div#header {
	background: url(../images/opo_holiday-south-west-scotland.jpg) 0 100% no-repeat;
	height: 248px;
	width: 821px;
	overflow: hidden;
	text-align: left;
}

div#header img#opo {
	float:left;
	position:relative;
	top: 11px;
	left: 14px;
}

div#header img#kippford {
	float:left;
	position:relative;
	top: 11px;
	left: 82px;
}

div#header div#kippford{
	float:left;
	position:relative;
	top: 24px;
	left: 80px;
	font-family: Lucida Sans, Lucida Grande, sans-serif;
	font-size: 24px;
	color: #333333;
}



div#header img#oposign {
	float:right;
	position:relative;
	margin-right: 6px;
	margin-top: 3px;
/*	top: -6px;
	left: 58px;*/
}


#header h1, #header img.hide {
	padding: 0;
	margin: 0;
	position: absolute;
	left: -2000px;
	font-size: 10px;
}

#page_bg {
	padding: 10px 0;
	margin-bottom: 1px;
	background: #E8E8E8;
}

div.center {
  text-align: center;
}

div#tabarea {
	height: 37px;
}

div#sub_footer {
	font-weight: normal;
	padding: 2px;
	line-height: 1.1em;
	color: #FFFFFF;
	font-size:10px;
}

div#sub_footer p {
	padding: 0;
	margin: 0;
}

#pillmenu {
  white-space: nowrap;
  height: 27px; 
  padding-left: 9px;  /*with all buttons*/
  /*padding-left: 40px;*/
}

#pillmenu ul {
	margin: 0 auto !important; margin: auto;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#pillmenu ul li {
	  display:inline;
      margin:0;
      padding:0;
}

#pillmenu ul li a {
/*	display:block;*/
	margin: 5px 3px; /*with all buttons*/
	/*margin: 5px 7px;*/
	/*width: 139px;*/
	height: 27px; /*height: 19px;*/
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-image: url(../images/rollover-kippford.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding:0 0 0 6px;
	float: left;
}

#pillmenu ul li a span {
	float: left;
	display: block;
	background-image: url(../images/rollover-kippford.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	/*margin-left: 6px;*/
	/*height: 22px;*/
	padding: 5px 12px 7px 6px;	/*with all buttons*/
	/*padding: 5px 18px 7px 12px;*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #pillmenu ul li a span {float:none;}
/* End IE5-Mac hack */


#pillmenu ul li a:hover {
    background-position: 0px -27px;
}

#pillmenu ul li a:hover span {
    background-position: 100% -27px;
}

.clr {
	clear: both;
	padding: 0;
    margin: 0;
}

div.content h2 {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #685857;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #685857;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 15px;
	padding-top: 5px;
}

div.content h3 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #685857;
	text-align: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

div.content h3.boldtext {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.content p {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	color: #000000;
}

div.content img {
	border: solid 1px #685857;
	margin: 4px;
}

div.content table img {
	border: none;
	margin: 0;
}

div.content img.Lfloat {
	margin-right: 15px;
}

div.content img.Rfloat {
	margin-left: 15px;
}

div.content ul {
	margin: 0px 20px 10px 20px;
	padding: 0px;
	padding-left: 20px;
	text-align: left;
	list-style-type: disc;
}


.Lfloat {float: left;}
.Rfloat {float: right;}
.Lclear {clear: left;}
.Rclear {clear: right;}
.center {text-align: center;}
.Cfloat {margin: 0 auto !important; margin: auto;}

/* Div positioning for house map */
div#floorplan {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#floorplan.f_floor p {
	text-align: center;
	top: 280px;
	left: 0px;
	font-size: 12px;
}

div#floorplan.g_floor p {
	text-align: center;
	top: 238px;
	left: 0px;
	font-size: 12px;
}

div#floorplan a, div#floorplan p  {
	position:absolute;
	display:block;
	overflow:hidden;
	z-index:2;
}
div#floorplan div  {
	position:absolute;
	display:block;
	overflow:visible;
	z-index:2;
}

div#floorplan a:hover {
	position:absolute;
	overflow:visible;
	z-index:1;
}

div#floorplan div img {
	border: none;
	margin: 0;
}

div#floorplan a img {
	border: none;
	margin: 0;
	width:0px;
	height:0px;
}

div.f_floor {
	position: relative;
	width: 300px;
	height: 274px;
	background-image:url(../images/first_floor.gif);
}

#kitchen {
	width:112px;
	height:84px;
	left:33px;
	top:36px;
}

#kitchen:hover, #kitchen:hover img, img.kitchen_on {
	width:112px;
	height:84px;
}


#d_room {
	width:110px;
	height:153px;
	left:0px;
	top:120px;
}

#d_room:hover, #d_room:hover img {
	width:110px;
	height:153px;
}

#l-stairs {
	width:35px;
	height:102px;
	left:110px;
	top:171px;
}

#l-stairs:hover, #l-stairs:hover img {
	width:69px;
	height:102px;
}

#r-stairs {
	width:34px;
	height:50px;
	left:145px;
	top:223px;
}

#r-stairs:hover, #r-stairs:hover img {
	width:69px;
	height:102px;
	left:110px;
	top:171px;
}

#l-s_room {
	width:34px;
	height:103px;
	left:145px;
	top:120px;
}

#l-s_room:hover, #l-s_room:hover img {
	width:155px;
	height:153px;
}

#r-s_room {
	width:121px;
	height:153px;
	left:179px;
	top:120px;
}

#r-s_room:hover, #r-s_room:hover img, img.s_room_on {
	width:155px;
	height:153px;
	left:145px;
	top:120px;
}

#decking {
	width:155px;
	height:120px;
	left:145px;
	top:0px;
}

#decking:hover, #decking:hover img {
	width:155px;
	height:120px;
}

#tourphoto {
	width: 400px;
	float: left;
}

#tourphoto p {
	margin-top: 10px;
	text-align: center;
}

div.g_floor {
	position: relative;
	width: 300px;
	height: 232px;
	background-image:url(../images/gfloor/gfloor.gif);
}

div.gfloor_marg {
	margin-top: 42px;
}

#bathroom {
	width:115px;
	height:94px;
	left:33px;
	top:0px;
}

#bathroom:hover, #bathroom:hover img {
	width:115px;
	height:94px;
}

#blue {
	width:108px;
	height:138px;
	left:0px;
	top:94px;
}

#blue:hover, #blue:hover img {
	width:108px;
	height:138px;
}

#green {
	width:121px;
	height:138px;
	left:179px;
	top:94px;
}

#green:hover, #green:hover img {
	width:121px;
	height:138px;
}

#gfloor-l-stairs {
	width:36px;
	height:106px;
	left:108px;
	top:126px;
}

#gfloor-r-stairs {
	width:35px;
	height:58px;
	left:144px;
	top:174px;
}
#gfloor-l-stairs:hover, #gfloor-l-stairs:hover img, #gfloor-r-stairs:hover, #gfloor-r-stairs:hover img {
	width:71px;
	height:106px;
	left:108px;
	top:126px;
}

div.houseinfo {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color:#eeeeee;
	border: solid 1px #cccccc;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
#prices  {
	width: 60%;
}

#prices th {
	background-color:#a08e8d;
	font-size: 14px;
}

#prices tr.colheads {
	background-color:#a08e8d;
	font-weight: bold;
	text-align: center;
}

#prices tr.month1 {
	background-color:#ccbfbd;
}

#prices tr.month2 {
	background-color:#e3dcdb;
}

#contact {
	width: 500px;
	margin: 0 auto !important; margin: auto;
}

#contact-lhs {
	width: 200px;
	text-align: right;
	float: left;
	padding-top: 2px;
}

#contact-rhs {
	width: 300px;
	text-align: left;
	float: right;
}

#contact input {
	margin: 1px !important; margin: auto;
}

.red {color: #FF0000;}

div.box200 {
    border: solid 1px #685857;
	margin: 4px;
	width: 200px;
	background-color: #ccbfbd;
}

div.box200 p {
    padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}