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

/* @group General Layout */

body {
	background: #4e4e4e url(../images/res_body.jpg) top left repeat-x;
}

#wrapper {
	width: 860px;
	margin: 0 auto;
	background: #fff ;
	color: #696969;
}

#header {
	position: relative;
	height: 180px;
	background: #242424 url(../images/res_header.jpg) no-repeat;
}

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

#col2 {
	width: 200px;
	float: right;
	background: #e5e5e5;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	margin-right: 15px;
}

div.textBox {
	background: #fff;
	border: 1px solid #a9a9a9;
	padding: 0 20px 0 20px;
	clear: both;
	width: 543px;
	float: left;

}


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_res.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;
	padding-bottom: 0;
	overflow: auto;
}

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

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

div#property {
	background: #242424;
	margin-bottom: 15px;
}

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: #353535;
	display: block;
	padding: 5px 15px 5px 15px;
}

div#property ul li a:hover {
	background: #ec2090;
}
p.rss {
	margin: 0;
	padding: 0;
}

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_res.png) top left no-repeat;
	text-indent: -9999px ;
}

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

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: #4e4e4e;
}

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:#ec2090;
	}
	
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: 230px;
	height: 88px;
	background: url(../images/logo_res.png) top left no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 40px;
	left: 20px;
}

h1 a {
	display: block;
	width: 230px;
	height: 88px;
	text-indent: -9999px;
}

h2 {
	position: absolute;
	top: 75px;
	right: 30px;
	font-weight: lighter;
	color: #fff;
	font-size: 1.6em;
	text-align: right;
	letter-spacing: -0.02em;
}

h2 strong {
	color: #c9c9c9;
	font-weight: lighter;
}

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

}

.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;
}

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

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

/* @group navigation */

ul#nav {
	margin: 0;
	padding: 0 0 8px 15px;
	width: 845px;
	height: 30px;
	float: left;
	background: #c9c9c9 url(../images/nav_res.jpg) top left repeat-x;
}

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

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

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

   color: #fff;
}

ul#nav li.selected a {
	background: #ec2090;
	color: #fff;
}
/* @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: 820px;
	height: 30px;
	background: #2a2a2a;
	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 #ec2090;
	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 */

/* @group student button */

p.stu_button {
	margin: 0;
	padding: 0;
}

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

/* @end */

/* @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: #ec2090;
	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 {
	width: 420px;
	margin-top: 0;
}

.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;
	padding: 2px;
}

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%;
	margin: 0;
	padding: 0;
	line-height: 0;
	
}

p.scheme {
	background: #4e4e4e;
	margin: 0;
	padding: 5px 0 10px 0;
}