/*
Theme Name: Hillcroft
Theme URI: http://hillcroft.co.uk/
Description: The default Hillcroft theme developed by Morecambe.NET.
Version: 1.6
Author: Morecambe.NET
Author URI: http://morecambe.net/
*/

/*---------------------------------------------------

	-- -- -- -- -- -- -- -- -- -- -- -- --
	Morecambe.NET CSS
	last edit: 16 September 08
	-- -- -- -- -- -- -- -- -- -- -- -- --
	
----------------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/

* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #292929;
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #f2db9a url(i/bg_body.png) repeat center 0;
	}
body * {
	font-size: 95%;
	line-height: 1.75;
	}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .msfeatureupdater { display: none;	}
label { display: block; }

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.hr, .br {
	width: 100%;
	height: 1px;
	display: block;
	line-height: 1px;
	clear: both;
	border: none;
	} * html .hr, * html .br { line-height: 0; font-size: 1px; }

a, a:link, a:visited, a:hover { color: #5b2022; }

a.pdf { display: block; width: 165px; height: 38px; background: transparent url(i/pdf-button.gif) no-repeat; text-indent: -999em; }
 
/*-------------------------------------------

    Core Strucutre

-------------------------------------------*/
/* --->>> Header <<<--- */
#header {
	min-width: 976px;
	text-align: center;
	background: transparent url(i/bg_header.png) repeat-x center 0;
	}

	#header-wrapper {
		width: 976px;
		height: 468px;
		margin: 0 auto;
		position: relative;
		z-index: 1100;
		background: transparent url(i/bg_header-wrapper.png) no-repeat center 0;
		overflow:visible;
		} * html #header-wrapper { background-image: url(i/ie6/bg_header-wrapper.png); background-position: 1px 0; }

	
/* logo */	
#header h1 {
	width: 260px;
	height: 110px;
	position: absolute;
	top: 75px; left: 48px;	
	}
	#header h1 a {
		width: 260px;
		height: 110px;
		display: block;
		text-indent: -9999px;
		outline: none;
		}
	
/* address */
#header address {
	width: 305px;
	height: 30px;
	position: absolute;
	top: 125px; right: 48px;
	text-indent: -9999px;
	}

/* top navigation */
ul#top-nav  {
	position: absolute;
	bottom: 0; left: 17px;
	z-index: 1100 !important;
	line-height:normal;
	margin:0;
	border-right: 1px solid #9a6e52;			
	}

	ul#top-nav li {
		float: left;
		position: relative;
		border-left: 1px solid #9a6e52;		
		border-right: 1px solid #3f2921;
		background: transparent url(i/bg_top-nav.png) repeat-x 0 -9999px;
		}
		ul#top-nav li.first { border-left-color: transparent; }		
		ul#top-nav li:hover,
		ul#top-nav li.sfhover { 
			padding: 0 1px 0 0;
			border-left-color: #9a6e52; 
			border-right: none; 
			background-position: 0 bottom;
			}

	ul#top-nav li a {
		float: left;
		display: block;
		padding: 0 15px;
		}

	ul#top-nav a:link, ul#top-nav a:visited  {
		color: #fff;
		font: 1em/34px Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		}	
	
	/* products dropdown  */
	ul#top-nav li {
		position: relative;
		}
	ul#top-nav li ul {
		width: 220px;
		position: absolute;
		top: 34px; left: 0;
		z-index: 1100;
		padding: 5px 0;
		left: -9999px;
		background: #866047 url(i/bg_sub-nav.png) repeat-x 0 bottom;
		border: none;
		}

	ul#top-nav li:hover ul,  
	ul#top-nav li.sfhover ul { left: -1px; 	}

	ul#top-nav li:hover ul li,  
	ul#top-nav li.sfhover ul li { background-position: 0 -9999px; 	}

	ul#top-nav li ul li {
		width: 220px;
		float: left;
		display: list-item;
		border: none;
		}		
	
	ul#top-nav li ul li a {
		width: auto;
		min-height: 1.5em;
		display: block;
		float: none;
		margin: 0 10px; padding: 0 10px;
		outline: none;
		border-style: solid none;
		border-width: 1px;
		border-color: #6f4d3a transparent #a27457;
		}
		ul#top-nav li ul li.first a { border-top: none; }
		ul#top-nav li ul li.last a { border-bottom: none; }	

	ul#top-nav li ul li a:link, ul#top-nav li ul li a:visited {
		color: #fff;
		font: .75em/2 Arial, Helvetica, sans-serif;
		}
		ul#top-nav li ul a:hover { text-decoration: underline; }
			
/* masthead image */
p.masthead {
	width: 928px;
	height: 203px;
	position: absolute;
	top: 223px; left: 25px;
	}
			
/* --->>> Container <<<--- */
#container {
	width: 976px;
	margin: -1px auto 0; padding: 0;
	background: transparent url(i/bg_container.png) repeat-y center 0;
	} * html #container { background-image: url(i/ie6/bg_container.png); }
	#container-wrapper {
		width: 976px;
		position: relative;
		z-index: 1000;	
		padding: 15px 0;	
		}

/* --->>> Main <<<--- */
#main {
	width: 590px;
	min-height: 800px;
	float: left;
	border-right: 1px dashed #dfd8ae;
	} * html #main { height: 800px; }
	
	#main-wrapper { margin: 0 25px 0 35px; }


/* homepage info col */
div.info-col {
	width: 270px; 
	float: left;
	}
div.info-col p {
	padding: 0 30px 0 10px;
	text-align: justify;
	}
	div.info-col p.img { padding: 0; }

div.last-col { width: 250px; }

div.last-col p { padding-right: 10px; }	


/* heading 1 + 2 */
#main h1, #main h2,
#main h3, #main h4,
#main h5, #main h6  {
	color: #46200c;
	font: 1.75em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	border-bottom: 1px dashed #dfd8ae;
	}
#main h2 { font-size: 1.6em; }

#main h1 span {
	color: #fff;
	line-height: 2em;
	background: #523529;
	padding: 5px 50px 5px 10px;
	margin-bottom: 5px;
	}

/* heading 3 */
#main h3 {
	font-size: 1.5em;
	}

/* heading 4 */
#main h4 {
	font-size: 1.25em;
	}

/* heading 5 + 6 */
#main h5, #main h6 {
	font-size: 1.125em;
	font-weight: normal;
	text-transform: none;
	}
#main h6 { font-size: 1em; }

/* paragraphs */
#main p {
	margin-bottom: 1em;
	}

#main p.intro {
	font-size: 1.125em;
	line-height: 1.75;
	font-weight: bold;
	}
		
/* lists */
#main ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
#main ul, #main ol { padding: 5px 10px .5em 15px; }
#main ul li {
	margin-left: 10px;
	list-style: disc;
	}

/* links */
#main a:link, #main a:visited {
	color: #5b2022;
	text-decoration: underline;
	}
	
/* cite */
#main p cite {
	color: #5b2022;
	font: italic 1.5em/1.25 Georgia, "Times New Roman", Times, serif;
	}
	#main p cite strong { line-height: 1.25; font-style: inherit; }
	#main p cite br { height: 1px; font-size: 1px; line-height: 1px; }

/* Homes pages main image */
       #main p img.homes {
       background: transparent;
       padding: 4px;
       border: 3px solid #A5A078;
}
		
/* --->>> Sidebar <<<--- */
#sidebar {
	width: 365px;
	float: right;
	} #sidebar-wrapper { margin: 0 25px 0 0; }

/* sidebar address */
#sidebar address {
	color: #774d3e;
	padding: 25px 30px;
	margin: 25px 0;
	background: transparent url(i/bg_sidebar-address.png) no-repeat 0 bottom;	
	}
	
#sidebar address span.location {
	display: block;
	color: #53191b;
	font: bold 1.125em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
	}

#sidebar address span.phone {
	display: block;
	font: italic 1.125em Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	}


/* --->>> Footer <<<--- */
#footer {
	min-width: 976px;
	text-align: center;	
	margin: -1px 0 0;	
	background: transparent url(i/bg_footer.png) repeat-x center 0;
	}
	#footer-wrapper {
		width: 976px;
		height: 191px;
		margin: 0 auto;
		position: relative;
		background: transparent url(i/bg_footer-wrapper.png) no-repeat center 0;
		} * html #footer-wrapper { background-position: 1px 0; }

/* footer logo */
#footer h3 {
	width: 240px;
	height: 110px;
	position: absolute;
	top: 50px; right: 100px;	
	}
	#footer h3 a {
		width: 240px;
		height: 110px;
		display: block;
		text-indent: -9999px;
		outline: none;
		}

/* footer navigation */
ul#footer-nav {
	padding: 50px 0 0 50px;
	}

ul#footer-nav li a {
	color: #654235;
	text-decoration: underline;
	line-height: 2em;
	}
	
/* --->>> General Formatting <<<--- */
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-left { text-align: center; }

/* --->>> Notices <<<--- */
#main p.notice, #main p.error,
#main p.success {
	color: #000;
	margin: 20px 0;
	padding: 10px 10px 10px 30px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #333;
	}
#main p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
#main p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }

#main p.notice span, #main p.error span,
#main p.success span { font-weight: bold; }

/* --->>> Contact Form <<<--- */
#main .form form p.error {
	color: inherit;
	margin: inherit;
	padding: inherit;
	background: none;
	border: none;
	}
#contact { /*margin: 20px 0 0 0;*/ }

.form fieldset {
	position: relative;
	margin: 0; padding: 0;
	background: 0;
	border: 0;
	} .form fieldset legend { display: none; }
	
/* standard input */
.form p.input label,
.form p.select label,
.form p.textarea label,
.form div.radio-label p,
.form div.checkbox-label p {
	width: 150px;
	float: left;
	color: #3b010c;	
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0; padding: 0;
	} .form div.checkbox-label p { padding-top: 5px; }
	
.form p.label-full {
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

	#main .form form p.error,
	#main .form form div.error {
		padding: 5px 0 5px 0;
		margin: 0 0 5px;
		background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
		border: 1px solid #333;
		}

	.form p.checkbox label {
		font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0; padding: 0;
		}
	

.form div.radio,
.form div.checkbox-multi {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px;
	}	

.form p.input input,
.form p.select select,
.form p.textarea textarea,
.form div.radio-values,
.form div.checkbox-values {
	width: 180px;
	float: left;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	margin: .25em 0 .5em 10px;
	}

	.form div.radio-values,
	.form div.checkbox-values { width: 150px; float: left; }


#main .form div.radio-values p,
#main .form div.checkbox-values p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .25em 0 .5em 0;
	white-space: nowrap;
	}	
	
.form p.textarea textarea {
	width: 250px;
	height: 100px;
	}
#main .form p.input,
#main .form p.select,
#main .form p.textarea {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
	}

.form fieldset p.checkbox { margin-left: 150px; }

.form fieldset p.checkbox label {
	display: inline;
	text-align: left;
	margin: 0; padding: 0;
	}

.form fieldset p.full label {
	width: 100%;
	text-align: left;
	margin: 0; padding: 0;
	}

.form fieldset p.full input,
.form fieldset p.full select {
	clear: both;
	margin-left: 160px;
	}

/* submit  */
.form p.button {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	}
.form p.button input {
	margin-left: 160px;
	}

.form .radio-label span,
.form label span {
	display: block;
	position: relative;
	margin: -5px 0 0;
	padding: 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}