/*  
Site Name: Memorials of Distinction
Version: 1.0
Author: Andy Pearson
Date: 17.10.06
*/
body {
	margin:0;
	padding:0;
	font:62.5% Arial, Helvetica, sans-serif;
}
h1 {
	margin:0;
	padding:0;
	width:192px;
	font-size:1.2em;
	float:left;
}
	h1 a {
		width:192px;
		height:99px;
		display:block;
		float:left;
		background:#fff url(../images/mod.jpg) no-repeat top left;
		text-indent:-9000px;
		overflow:hidden;
	}

hr { display:none; }
ol {
	font-size:1.1em;
	line-height:1.6em;
}
	ol li {
		margin-bottom:1.6em;
	}
	
h5 {
	margin:0;
	padding:0 0 0 3px;
	font-size:1.2em;
}
strong span { text-decoration:underline; }

pre {
  clear:both;
  margin-top:36px;
  font-size:1.2em;
  line-height:1.4;
  color:#e2e1dc;
  background-color:#232323;
  border:3px solid #1c1c1c;
  padding:15px;
  overflow:auto;
  font-family:"Monaco", "Courier New", Courier;
}

/*
---- Structure
*/
#container {
	margin:0 auto 25px auto;
	padding:0;
	width:726px;
	border-bottom:3px solid #9eb3be;
	background:#fff url(../images/angel.jpg) no-repeat top right;
}

/*
---- Header
*/
#header {
	margin:0;
	padding:30px 0 0 0;
	float:left;
}
	#header p {
		margin:0;
		padding:0;
		width:314px;
		height:84px;
		background:#fff url(../images/banner-text.gif) no-repeat top left;
		float:left;
		text-indent:-9000px;
		border-bottom:13px solid #fff;
	}
	
	#header .contact {
		float:left;
		width:184px;
		padding:60px 0 0 36px;
		font-size:1.4em;
	}
		#header .contact a {
			padding:3px 16px;
			display:block;
			float:right;
			text-decoration:none;
			font-weight:bold;
			color:#707c84;
			background-color:#fff;
			border:3px solid #707c84;
		}
		#header .contact a:hover {
			color:#000;
			border-color:#000;
		}

/*
---- Navi
*/
#navi {
	clear:both;
	background-color:#9eb3be;
	border-top:1px solid #9eb3be;
}
	#navi ul {
		margin:0;
		padding:7px 0 8px 0;
		list-style:none;
		text-align:center;
	}
		#navi ul li {
			margin:0;
			padding:0 6px;
			display:inline;
			font-size:1.2em;
			font-weight:bold;
			border-right:1px solid #fff;
		}
		#navi ul li.first { padding-left:0px; }
		#navi ul li.last { padding-right:0px; border:none; }

			#navi ul li a {
				color:#fff;
				text-decoration:none;
			}
			#navi ul li a:hover { color:#c4d8e2; }
			
	#navi p {
		margin:0;
		padding:5px 11px;
		background-color:#cce5ba;
		font-size:0.9em;
	}
		#navi p a {
			color:#000;
			text-decoration:none;
		}
/*
---- Content
*/
#content {
	background:#fff url(../images/sidebar.gif) repeat-y top left;
}

#intro {
	width:131px;
	float:left;
	padding:20px 0;
}
	#intro h2 {
		margin:0;
		padding:0 0 0 11px;
		font-size:1.9em;
		color:#98acb2;
	}
	#intro h3 {
		margin:0;
		padding:0 11px;
		font-size:1.2em;
	}
	#intro p {
		padding:0 11px;
		font-size:1.1em;
		line-height:1.4em;
	}
	#intro ul {
		margin:0 11px;
		padding:0;
		font-size:1.1em;
		line-height:1.4em;
	}
	#intro p.request { padding:12px 0 0 5px; }
	#intro p.request a { border:none; }
	#intro p.request img { border:none; }
	
#main {
	width:595px;
	float:right;
	padding:0 0 35px 0;
}
	#main p {
		padding:0 20px;
		font-size:1.2em;
		line-height:1.8em;
	}
	#main a,
	#intro a {
		color:#000;
		border-bottom:1px solid #9EB3BE;
		text-decoration:none;
	}
		#main a:hover,
		#intro a:hover { color:#9EB3BE; }
	#main h3 {
		margin-top:0;
		padding:23px 20px 0 20px;
		font-size:1.6em;
	}
		#main h3 span{ font-size:0.8em; }
		
	#main h4 {
		margin:0;
		padding:15px 0 0 20px;
		font-size:1.2em;
		font-weight:bold;
	}
	
#main dl {
	padding:0 20px;
	font-size:1.2em;
	line-height:1.8em;
}
	#main dl dt {
		font-weight:bold;
		width:90px;
		float:left;
	}
	#main dl dd {
		margin:0;
		padding:0 0 0 90px;
		border-bottom:5px #fff solid;
	}

/*
---- Subnavi
*/
#subnavi { list-style:none; }
	#subnavi li { margin:3px 0; }
		#subnavi li a {
			text-decoration:none;
			color:#728286;
		}
		#subnavi li a:hover { color:#4F5A5F; }

/*
---- Forms
*/

#brochure-request-form { padding:0 0 0 20px; }
#brochure-request-form div { padding:0 0 9px 0; }
#brochure-request-form div.no-label { padding-left:70px; }
#brochure-request-form div label {
	margin:0;
	padding:5px 5px 0 0;
	display:block;
	float:left;
	width:65px;
	font-size:1.2em;
}
#brochure-request-form div label.multiline {
	padding-top:0;
	line-height:1;
}
#brochure-request-form div label abbr { font-weight:bold; color:#FF3333; border:none; }
#brochure-request-form div input,
#brochure-request-form div textarea  {
	margin:0;
	padding:3px 5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:240px;
}

#brochure-request-form div.checkbox { padding-left:70px; }
#brochure-request-form div.checkbox input { width:auto; }
#brochure-request-form div.checkbox label { width:auto; padding:0 0 0 3px; font-weight:bold; }

#brochure-request-form p { clear:both; margin:0; padding:3px 0 0 0 !important; }

#brochure-request-form div.submit { padding-left:70px; }
#brochure-request-form div.submit input {
	padding:4px 7px;
	border:none;
	color:#fff;
	background-color:#9EB3BE;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:auto;
}

#brochure-request-form div.error-message {
	clear:both;
	color:#C60000;
	font-size:1.1em;
	padding:3px 0 0 70px;
	font-weight:bold;
}
div.form-error p {
	margin-top:0 !important;
	padding-top:23px !important;
	font-weight:bold;
	color:#C60000;
}

.mandatory { color:#FF3333; }
div.form-error p.mandatory {
	color:#FF3333;
	margin:1em 0 !important;
	padding-top:0 !important;
	font-weight:normal;
}


/*
---- Area Finder
*/
#areafinder { padding-top:0; }
#areafinder label { font-size:1.2em; }
#areafinder #postcode {
	margin:0;
	padding:3px 5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

/*
---- Sitemap
*/
#sitemap {
	margin:0;
	padding:25px 0 0 20px;
	list-style:none;
	font-size:1.2em;
}
#sitemap li {
	line-height:1.8em;
}
#sitemap ul {
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
}	

/*
---- Links
*/
#links {
	margin:0;
	padding:4px 0 0 44px;
	font-size:1.2em;
}
	#links li { margin:0 0 3px 0; }
	
/*
---- Offers
*/
#offer-block {
	border:2px solid #dd003c;
	text-align:center;
	padding:8px 0;
	width:190px;
	position:absolute;
	top:352px;
	left:10px;
	background-color:#fff;
}
	#offer-block h5 {
		font-size:1.5em;
		line-height:1.1;
		color:#dd003c;
	}
	#offer-block p {
		margin:0;
		padding:0;
		font-size:1em;
		line-height:1.2;
	}

/*
---- Errors
*/
#main div.error p.noheader {
	font-weight:bold;
	color:#C60000;
}
#main div.error ul {
	color:#C60000;
	font-size:1.2em;
}	
#main p.success {
	font-weight:bold;
}


/*
---- Misc
*/
#main #namm,
#intro #namm { 
	float:left;
	border-right:15px solid #fff;
}
#main #bramm,
#intro #bramm {
	padding:0;
	border:none;
}
#main #bramm img,
#intro #bramm img {
	border:none;
}
#main a.button {
	margin:0 8px 0 0;
	background-color:#9EB3BE;
	padding:4px 9px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#main p.noheader {
	margin-top:0;
	padding-top:23px;
}
img.right {
	float:right;
}
strong.telephone {
	font-size:1.2em;
}

#main div.address {
	padding-top:26px;
	width:297px;
	float:left;
}
	#main div.address p {
		margin:0;
		padding-bottom:10px;
		line-height:1.4em;
	}
	#main div.address div {
		padding-top:23px;
	}

/*
---- Footer
*/
#footer {
	padding:5px 0 5px 141px;
	background:#fff url(../images/sidebar.gif) repeat-y top left;
}
	#footer p {
		margin:0;
		padding:0;
		float:left;
		font-size:1em;
	}
	#footer ul {
		margin:0;
		padding:0;
		list-style:none;
		float:right;
		font-size:1em;
	}
		#footer ul li {
			display:inline;
			padding:0 0 0 14px;
		}
			#footer ul li a {
				text-decoration:none;
				color:#9eb3be;
			}
			#footer ul li a:hover { color:#4f5a5f; }
			
/*
---- JS Only
*/
.js_hide {
	display:none;
}


/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */