/**
 * Global.css
 * Main Stylesheet
 *
 * @author       Lewis Howles
 * @date
 * @lastmodified
 * @site
 */

/**
 * COLOURS
 * Highlight Red: 	#822d2d
 * Background: 		#f1efed
 * Menu Colour:		#a9a8a8
 * Text:			#403f3f
 * Introductory:	#232323
 *
 * Footer:			#c3c3c3
 * Footer Highlight:#565656
 */

@import url(default.css);

/**
 * GLOBAL
 */

html {
	background:#f1efed;
}

body {
	color:#403f3f;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:10pt;
	margin:0 auto;
	width:1000px;
}

#warning {
	background:url(../images/out-of-date.png) 50% 0 no-repeat;
	height:20px;
	text-indent:-9999px;
}

.highlight {

}

.standout, a {
	color:#822d2d;
}

/**
 * HEADER
 */

#header {
	margin-top:50px;
	padding-right:30px;
}

#logo {
	float:left;
	height:70px;
	margin:0;
	width:230px;
}

#contact-number {
	color:#822d2d;
	float:right;
	font-size:20pt;
	margin:0;
}

#banner {
	height:252px;
	overflow:hidden;
}

#menu {
	clear:right;
	float:right;
	margin:25px 0 15px;
	text-transform:uppercase;
}

#menu li {
	float:left;
	margin-left:30px;
}

#menu a {
	color:#bcbbba;
	font-weight:bold;
	padding-bottom:3px;
}

#menu a:hover {
	border-bottom:2px solid #bcbbba;
}

body.Home #menu a.Home,
body.Sales #menu a.Sales,
body.Lettings #menu a.Lettings,
body.About #menu a.About,
body.Fees #menu a.Fees {
	background:#822d2d;
	border:none;
	color:#f1efed;
	padding:5px;
}

/**
 * BODY
 */

#column-left {
	display:inline;
	float:left;
	margin-right:25px;
	width:260px;
}

#content {
	float:left;
	width:705px;
}

#content a:hover {
	text-decoration:underline;
}

h1 {
	color:#822d2d;
	font-size:30pt;
	font-style:italic;
	margin:10px 0;
}

h2 {
	color:#822d2d;
	font-size:12pt;
	margin:0 0 15px;
	text-transform:uppercase;
}

/* Search */
#search-body {
	width:205px;
}

#search {
	background:url(../images/shadow.jpg) 0 20px no-repeat;
	font-size:9pt;
	padding:15px;
}

#search-frame {
	background:#f1efed;
	border:1px solid #ddd;
	height:280px;
	padding:10px;
	width:208px;
}

#PropertySearch label {
	display:block;
	margin-top:8px;
}

#PropertySearch .radio label {
	display:inline;
	margin-right:20px;
}

#PropertySearch .select, #PropertySearch .text, #PropertySearch .submit {
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:10pt;
	width:100%;
}

#PropertySearch .text {
	width:99%;
}

#PropertySearch .submit {
	margin-top:18px;
}
/* End Search */

/* Featured */
#featured-wrapper {
	background:url(../images/shadow.jpg) 0 20px no-repeat;
	font-size:9pt;
	padding:15px;
}

#featured-frame {
	background:#f1efed;
	border:1px solid #ddd;
	height:270px;
	padding:10px;
	width:208px;
}
/* End Featured */

.introductory {
	color:#232323;
	font-size:110%;
	font-style:italic;
}
#contact-details {
	float: right;
	margin-left:10px;
	width:200px;
}

#contact-details a {
	color:#000;
}

#results-frame {
	height:800px;
	width:100%;
}

/**
 * FOOTER
 */

#footer {
	background:#c3c3c3 url(../images/bg-footer.jpg) no-repeat;
	margin-top:15px;
	padding:80px 15px 15px;
}

#footer h2 {
	color:#565656;
	font-size:17pt;
	font-style:italic;
	text-transform:none;
}

/* Quick Contact */
#contact {
	float:left;
	margin-bottom:5px;
	width:480px;
}

#quick-contact ol.main {
	width:480px;
}

#quick-contact .text, #quick-contact textarea {
	background:url(../images/bg-contact.jpg) 0 0 no-repeat;
	border:none;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:10pt;
	padding:5px;
	width:225px;
}

#quick-contact textarea {
	height:90px;
}

#quick-contact label {
	display:block;
	margin-bottom:10px;
}

#quick-contact .left {
	clear:left;
	float:left;
	width:240px;
}

#quick-contact .submit {
	background:url(../images/button.jpg) no-repeat;
	border:none;
	float:right;
	height:22px;
	margin:5px 0;
	width:51px;
}

#quick-contact .submit:active {
	background-position:0 100%;
}

#telephoneli {
	margin-top:25px;
}

#queryli {
	float:right;
	width:240px;
}
/* End Quick Contact */

#footer-menu {
	float:right;
	margin:65px 0 15px;
	text-transform:uppercase;
}

#footer-menu li {
	display:inline;
	float:left;
	margin-left:30px;
}

#footer-menu a {
	color:#565656;
	font-weight:bold;
	padding-bottom:3px;
}

#footer-menu a:hover {
	border-bottom:2px solid #565656;
}

body.Home #footer-menu a.Home,
body.Sales #footer-menu a.Sales,
body.Lettings #footer-menu a.Lettings,
body.About #footer-menu a.About,
body.Fees #footer-menu a.Fees {
	background:#565656;
	border:none;
	color:#c3c3c3;
	padding:5px;
}

#footer-line {
	border-top:1px solid #b6b6b6;
	clear:both;
	margin-top:5px;
	padding-top:5px;
}

#footer-line p {
	margin:0;
}

#footer-line a:hover {
	text-decoration:underline;
}

#footer-contact {
	float:left;
}

#accreditations {
	float:right;
}

#accreditations a {
	color:#403F3F;
}

.fancy {
	float:left;
	width:475px;
	margin-top: 10px;
}
#logos {float:right;}
/**
 * _FORMS
 * Fancy Forms Styles
 */

/* Miscellaneous */
form li:before,form li:after{content:"\0020";display:block;height:0;visibility:hidden}
form li:after{clear:both}
form li{zoom:1}

span.required{float:left;padding:0 5px;color:#800;}
.error>li{color:#800;}
.fancy legend{border-bottom:1px solid #bbb;margin-bottom:10px;padding-bottom:5px;width:100%;}

/* List */
.fancy ol{padding-top:10px;}
.fancy li {padding:5px;}
.fancy .focus {background:#f6f6f6;}

/* Labels */
.fancy label{float:left;line-height:32px;margin-right:30px;text-align:right;width:110px;}
.fancy .error label{color:#800;}
.fancy .textarea label{line-height:normal;}

/* Default Input Styling */
.fancy .text, .fancy select, .fancy textarea {
	background-color:#fefefe;
	background-image:-moz-linear-gradient(top, #f6f6f6, #fefefe);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f6f6f6),color-stop(1, #fefefe));
	border:1px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:0px 0px 5px #eee;
	color:#5a5a5a;
	float:left;
	font-family:Arial,sans-serif;
	font-style:italic;
	height:32px;
	line-height:26px;
	padding:2px 7px;
	width:300px;
}

/* Text Inputs */
.ie7 .fancy .text{height:17px;line-height:17px;}
.fancy .text:hover,.fancy .text:focus,.fancy textarea:hover,.fancy textarea:focus{color:#1b3b64;background:#fefefe;}
.fancy textarea{height:93px;}

/* Selects */
.fancy select{background:#fefefe;padding:3px;}
.ie7 .fancy select{height:23px;}
.fancy select:hover,.fancy select:focus{color:#1b3b64;}

/* Checkboxes */
.fancy input[type=checkbox]{float:left;margin-top:10px;}
.ie .fancy input[type=checkbox]{margin-top:6px;}

/* Submit Buttons */
/* Submit Buttons */
.fancy input[type=submit] {
	background-color:#f4f4f4;
	background-image:-moz-linear-gradient(top, #fff, #f4f4f4);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #f4f4f4));
	border:1px solid #bcbbbc;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#464545;
	cursor:pointer;
	display:inline-block;
	font-size:90%;
	height:2.3em;
	line-height:1.5;
	margin-left:140px;
	padding:0 11px;
	text-transform:uppercase;
}
.fancy .ie7 input[type=submit]{height:25px;line-height:23px;padding:0;}
.fancy input[type=submit]:hover,input[type=submit]:focus {
	border:1px solid #666;
	color:#000;
}

