/* kc accommodation website CSS file. Built by Darren read
http://www.readiocreative.co.uk 2010 */

/* @group General Layout */


#wrapper {
	width: 830px;
	margin: 0 auto;
	background: url(../images/main_bg.jpg) top left no-repeat;
	padding: 0 65px;
	color: #696969;
}

#header {
	position: relative;
	height: 180px;
}

#col1 {
	width: 585px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

#col2 {
	width: 200px;
	float: right;
	background: url(../images/sidebar_bg.png);
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	color: #d1d1d1;
}

div.textBox {
	background: #fff;
	border: 1px solid #a9a9a9;
	padding: 0 20px 0 20px;
	clear: both;
	width: 543px;
	float: left;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
}


div.textBox p strong {
	color: #ec2090;
	text-transform: uppercase;
	display: block;
}

div.colLeft {
	width: 280px;
	float: left;
}

div.colRight {
	width: 280px;
	float: left;
	margin-left: 20px;
}

div#intro {
	background: #fff url(../images/intro_bg_new.jpg) top right no-repeat;
	padding-right: 250px;
	width: 313px;
	margin-bottom: 15px;
}

div#intro p {
	clear: left;

}

div#intro ul {
	margin: 0;
	padding: 0;
	overflow: auto;
}

div#intro ul li {
	margin: 0;
	padding: 1px 3px 1px 3px;
	list-style: none;
	color: #fff;
	text-transform: uppercase;
	background: #353535;
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 1.2em;
}

div#intro ul li.alt {
	background: #ec2090;
}

div#property {
	background: #ec2090 url(../images/property_bg.jpg) bottom left no-repeat;
	margin-bottom: 15px;
}

div#property ul {
	margin: 0;
	padding: 0 15px 15px 15px;
}

div#property ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#property ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
}

div#property ul {
	margin: 0;
	padding: 0 15px 15px 15px;
}

div#property ul li {
	margin: 0 0 5px 0 ;
	padding: 0;
	list-style: none;
}

div#property ul li a {
	color:  #fff;
	text-decoration: none;
	font-size: 1.2em;
	background: #d2167d;
	display: block;
	padding: 5px 15px 5px 15px;
}

div#property ul li a:hover {
	background: #353535;
	color: #fff;
}

p.rss {
	margin: 0;
	padding: 0;
	clear: left;
}

p.rss a {
	background: #353535 url(../images/rss.png) 10px 10px no-repeat;
	margin: 0;
	padding: 5px 10px 5px 50px;
	color: #d1d1d1;
	display: block;
}

p.rss a strong {
	color: #fff;
	display: block;
}

p.rss a:hover {
	background-color: #ec2090;
}

h4 + p {
	font-weight: bold;
	color: #ec2090;
}
/* @end */

/* @group sidebar */

p.register {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

p.register a {
	width: 200px;
	height: 67px;
	display: block;
	background: url(../images/register.png) top left no-repeat;
	text-indent: -9999px;
}

p.register a:hover {
	background-position: 0 -68px;
}

div.featured {
	width: 200px;
	overflow: auto;
}

div.featured p {
	font-size: 1em;
	line-height: 1.2em;	
	overflow: auto;
}

div.featured img {
	border: 1px solid #fff;
	float: left;
	margin: 20px 10px 10px 0;
}

div.featured img:hover {
	border: 1px solid #ec2090;
}

div.featured p strong {
	color: #fff;
}

div.featured p a {
	background: #fff;
	padding: 4px 10px 3px 10px;
	display: block;
	text-decoration: uppercase;
	underline: none;
	text-transform: uppercase;
	color: #474747;
	width: 110px;
	float: right;
}

div.featured p a strong {
	color: #ec2090;
}

div.featured p a:hover, div.featured p a:hover strong {
	background: #ec2090;
	color: #fff;
}

div.latest {
	clear: both;
}

div.latest ul {
	margin: 0;
	padding: 0;
}

div.latest ul li {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	height: 1%;
}

div.latest img {
	float: left;
	clear: left;
	border: 1px solid #fff;
	margin: 0 10px 0 0;
}

div.latest img:hover {
	border: 1px solid #ec2090;
}

div.latest h6 {
	margin: 0 0 0 80px;
}

div.latest p {
	margin: 0 0 0 80px;
	padding: 0;
} 

div.latest p a {
	color:#e5e5e5;
	}
	
div.latest p a:hover {
	background: #ec2090;
	color: #fff;
}

div.latest ul li h6 a {
	color: #696969;
}

.textBox p.intro {
	font-weight: bold;
	font-size: 1.1em;
	color: #ec2090;
}
/* @end */

/* @group heading elements */

h1 {
	width: 433px;
	height: 169px;
	background: url(../images/logo_full.png) top left no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 20px;
}

h1 a {
	display: block;
	width: 433px;
	height: 169px;
	text-indent: -9999px;
}

h2 {
	width: 310px;
	height: 78px;
	text-indent: -9999px;
	background: url(../images/tagline.png) top left no-repeat;
	position: absolute;
	top: 65px;
	right: 20px;
}

h3 {
	color: #fff;
	margin: 15px;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.4em;
	clear: left;

}

.textBox h3 {
	color: #ec2090;
	margin-left: 0;
}

h4 {
	margin: 0;
	padding: 11px 15px 10px 15px;
	color: #fff;
	background: url(../images/minicol_header.png) top left no-repeat;
	text-transform: uppercase;
}

h5 {
	color: #fff;
	background: #474747;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 6px 10px 3px 10px;
	margin: 0;
	width: 180px;
	clear: left;
	overflow: auto;
}


h6 {
	color: #fff;
	font-size: 0.9em;
}

#col2 h6 a {
	color: #fff;
	text-decoration: none;
}
/* @end */

/* @group navigation */

ul#nav {
	margin: 0;
	padding: 0 0 10px 25px;
	width: 805px;
	height: 30px;
	float: left;
	background: url(../images/bar_bg.png) top left no-repeat;
}

ul#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;

}

ul#nav li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 9px 13px 9px 13px;
	-webkit-transition: background .25s linear .1s;
	height: 20px;
}

ul#nav li a:hover {
	background: #353535;
	 -webkit-transition: background .25s linear;
}

ul#nav li.selected a {
	background: #353535;
}
/* @end */



/* @group serach - keywords */

form#keywordSearch {
	width: 230px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/search_bg.png) top left no-repeat;
	margin: 0;
	padding: 4px 0 5px 8px;
}

form#keywordSearch fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form#keywordSearch label {
	color: #fff;
	text-transform: uppercase;
	margin-right: 10px;
	float: left;
	padding-top: 3px;
}

form#keywordSearch input.text {
	width: 132px;
	border: none;
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

form#keywordSearch input.text:focus {
	background: #fff;
	float: left;
}

form#keywordSearch input.submit {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group footer */

#footer {
	clear: both;
	width: 790px;
	height: 40px;
	background: url(../images/bar_bg.png) top left no-repeat;
	font-size: 0.9em;
	padding: 10px 20px 0 20px;
}

#footer p {
	float: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	float: right;
}

#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #000;
	padding-left: 5px;
	margin-left: 5px;
}

#footer ul li:first-child {
	border-left: none;
}

#footer ul li a {
	color: #fff;
}

#footer ul li a:hover {
	background: #fff;
	color: #ec2090;

}

/* @end */

p.res_button {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

p.res_button a {
	width: 200px;
	height: 86px;
	display: block;
	text-indent: -9999px;
	background: url(../images/res_button.png) top left no-repeat;
}

/* @group property */

.property .textBox h4  {
	background: none;
	padding: 0;
	margin: 0;
	color: #696969;
}

.listing .textBox ul {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	float: left;
	width: 545px;
}

.listing .textBox ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e3e3e3;
	padding-top: 20px;
	height: 1%;
}

.listing .textBox ul li img {
	float: left;
}

.listing .textBox ul li p, .property .textBox ul li h4 {
	margin-left: 135px;
}

.listing .textBox ul li h4 {
	margin-bottom: 0;
	margin-top: 0;

}

.listing .textBox ul li h4 a {
	color: #696969;
}

.listing .textBox ul li p {
	margin-top: 0;
}

.listing .textBox ul li p a{
	color:#ec2090;
}
	
.listing .textBox ul li p a:hover {
	background: #ec2090;
	color: #fff;
}

.property #col2 ul.bedroom_nav {
	margin: 15px 0 15px 0;
	padding: 0;
	clear: left;
}

.property #col2 ul.bedroom_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.property #col2 ul.bedroom_nav li a {
	color: #e5e5e5;
	padding: 2px;
}

.property #col2 ul.bedroom_nav li.current a, .property #col2 ul.bedroom_nav li a:hover {
	background: #ec2090;
	color: #fff;
}

.detail #col2 h5.find_more {
	clear: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 180px;
	float: left;
}

.detail .textBox img {
	float: left;
	margin: 20px 20px 20px 0;
}

.detail .textBox h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.detail .textBox h4 + p {
	margin-top: - 15px;
}

.detail .textBox h5 {
	clear: left;
}

/* @end */


/* @group results page */

.results div.textBox h4 {
	background: none;
	color: #ec2090;
	padding-left: 0;
}

.results div.textBox h5 {
	width: 520px;
}

.results div.textBox ul {
	margin: 0;
	padding: 0;
}

.results div.textBox ul li {
	margin-bottom: 20px;
	list-style: none;
}

.results div.textBox ul li a {
	color: #ec2090;
}

.results div.textBox ul li a:hover {
	background: #ec2090;
	color: #fff;
}
/* @end */


/* @group booking forms */
.detail .formBox {
	margin-top: 20px;
}

.formBox p em {
	color: #696969;
}

.formBox h5, body div.regsiterForm h5 {
	width: 400px;
	margin-bottom: 0;
}
.formBox form, div.regsiterForm form {
	width: 420px;
	margin-top: 0;
}

.formBox form legend {
	display: none;
	
}

.formBox form fieldset {
	border: none;
	background: #e3e3e3;
	padding: 10px 20px;
	padding-bottom: 20px;
}

.formBox form ul {
	margin: 0;
	padding: 0;
}

.formBox form ul li {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
}

.formBox form ul li label {
	width: 120px;
	display: block;
	float: left;
}

.formBox form ul li input.text, .formBox form ul li select {
	border: 1px solid #696969;
	width: 253px;
}

.formBox form p.submit {
	text-align: right;
	margin: 0;
	padding: 0;
}
.formBox form input.submit {
	float: right;
	background: #ec2090;
	border: none;
	text-transform: uppercase;
	color: #fff;
	padding: 3px;
}

/* @end */




/* @group register form */

.regsiterForm form legend {
	display: none;
	
}

.regsiterForm form fieldset {
	border: none;
	background: #e3e3e3;
	padding: 20px;
	width: 380px;
}

.regsiterForm form ul {
	margin: 0;
	padding: 0;
}

.regsiterForm form ul li {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
}

.regsiterForm form ul li label {
	width: 120px;
	display: block;
	float: left;
}

.regsiterForm form ul li input.text {
	border: 1px solid #696969;
	width: 253px;
}

.regsiterForm form p.submit {
	text-align: right;
	margin: 0;
	padding: 0;
}
.regsiterForm form input.submit {
	float: right;
	background: #ec2090;
	border: none;
	text-transform: uppercase;
	color: #fff;
	padding: 3px;
}


/* @end */

img.header_img {
	margin-top: 20px;
}

div#googlemap {
	margin-bottom: 20px;
}

div#googlemap form div {
	background: #e3e3e3;
	width: 523px;
	padding: 10px;
}

div#googlemap form div input.text {
	border: 1px solid #aaa;
	width: 150px;
}

div#googlemap form div input.submit {
	background: #ec2090;
	border: none;
	text-transform: uppercase;
	color: #fff;
	padding: 2px 3px;
}

div#googlemap form div label {
	height: 1%;
}

div#property ul.rooms {
	margin: 0;
	padding: 0;
}

div#property ul.rooms li {
	float: left;
	position: relative; /*--Declare X and Y axis base--*/
	margin:0;
}

div#property ul.rooms li a { /*--Drop down trigger styles--*/
	width: 80px;
	padding: 5px 10px;
	float: left;
	margin: 0;
	display: block;
	float: left;
	font-size: 1em;
	background: #353535;

}

div#property ul.rooms li a:hover {
	background: #ec2090;
}

div#property ul.rooms li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	float: left;
	width: 100px;
	display: none;
	margin: 0;
	padding: 0;
	z-index: 999;
	top: 0;
	left: 0;

}
div#property ul.rooms li ul.subnav li {
	margin: 0; padding: 0;
	clear: both;
	width: 100px;
	position: relative;
	z-index: 999;
}
div#property ul.rooms li ul.subnav li a {
	position: relative;
	z-index: 999;
	padding: 5px 10px;
}

div#property div.select_rooms {
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 10px;
	width: 100px;
	float: left;
	background: #fff;
}

div#property div.houses {
	margin-left: 10px;
}

div#property div.select_rooms h3 {
	margin: 0;
	margin-bottom: 5px;
	color: #ec2090;
}

div#property p.text {
	color: #fff;
	margin: 15px;
	margin-top: 0;
	padding: 0;
}

div#property p.text a {
	display: block;
	padding: 5px;
	color: #fff;
	background: #353535;
	font-weight: bold;
	text-align: center;
}

#col1 div#property p.text a:hover {
	background: #ec2090;
}

div#select {
	margin-left: 15px;
}

div#property div#select h3 {
	margin: 0;
}

p.scheme {
	margin: 0;
	padding: 0 0 10px 0;
}