/* ------ NOTES ---------------------------------------------------------------

Global CSS for Mendelssohns Manor, lovingly crafted by Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
See ancilliary file for IE patches.
V:10/06/09
--------- CONTENTS ------------------------------------------------------------

1: GLOBAL RESET
2: BODY & CONTAINER STYLES
	a) Skip Links
	b) Main Content Container
	c) Masthead
	d) H1 - logo
	e) Primary Nav
3: SEARCH
	a) Search Results
4: MAIN CONTENT DIVISIONS
5: FOOTER
6: TYPOGRAPHY
	a) Inline Image Styles
7: PARTNERS PAGE
8: CONTACT PAGE
9: MISC

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

/* 1. Global Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: small;
	font-family: inherit;
	vertical-align: baseline;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

strong {font-weight:bold;}

em {font-style:italic;}

img {display:block;}

/* 2. Body & Container Styles
============================================================================ */

body {
	text-align: center;
	background-color:#333;
	color:#FFF;
	font-family: Georgia, Times, serif;
	font-size:small;
	}

/* 2a. Skip links
============================================================================ */

ul#accessibility {
	text-align:center;
	margin-bottom:5px;
	}

#accessibility li {
	display:inline;
	}

#accessibility a:link, #accessibility a:visited {
	color:#333;
	}

#accessibility a:hover, #accessibility a:active {
	color:#FEFEFE;
	}

/* 2b. Main Content Container
============================================================================ */

#container {
	text-align:left;
	margin:10px auto;
	overflow:hidden;
	width:760px;
	background-color:#FFF;
	color:#333;
	border:1px solid #CCC;
	padding-bottom:10px;
	}

/* 2c. Masthead
============================================================================ */

#masthead {
	position:relative;
	overflow:hidden;
	text-align:left;
	}

/* 2d. h1 - logo
============================================================================ */

h1 {
	width:760px;
	height:200px;
	background:#FFF url(../images/banner_img.jpg) no-repeat top right;
	position:relative;
	border-bottom:2px solid #666;
	}

h1 a {
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	display:block;
	width:200px;
	height:200px;
	}

h1 a span {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:200px;
	background:transparent url(../images/h1_bg.jpg) no-repeat top left;
	}

/* 2e. Primary Nav
============================================================================ */

ul.primaryNav {
	position:relative;
	width:500px;
	float:left;
	border-top:5px solid #CCC;
	padding:7px 0;
	}

.primaryNav li {
	display:inline;
	float:left;
	}

.primaryNav li a {
	display: block;
	padding:2px 10px;
	border-right:1px solid #CCC;
	border-bottom:2px solid #FFF;
	font-size:130%;
	font-style:italic;
	}

.primaryNav li a#contact {border-right:none;}

.primaryNav a:link, .primaryNav a:visited {
	color:#333;
	text-decoration:none;
	}

.primaryNav a:hover, .primaryNav a:active, .primaryNav a.active {
	color:#000;
	border-bottom-color:#CCC;
	}

/* 3. Search
============================================================================ */

form#search {
	padding:9px 0;
	width:260px;
	float:right;
	border-top:5px solid #CCC;
	text-align:right;
	}

#search label {
	font-size:130%;
	font-style:italic;	
	}

#search input {
	display:inline;
	margin:0 5px;
	}

#searchBox {
	width:110px;
	margin:0 5px;
	}

/* 3a Search Results
============================================================================ */

div.searchResults {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #CCC;
	}

/* 4. Main Content Divisions
============================================================================ */

#content, #sidebar {
	display:inline;
	overflow:hidden;
	}

#content {
	width:550px;
	float:right;
	margin-right:10px;
	}

#sidebar {
	float:left;
	width:153px;
	border:1px solid #CCC;
	padding:10px;
	margin-left:10px;
	}

#content a:link, #content a:visited {
	color:#333;
	}

#content a:hover, #content a:active {
	color:#333;
	background-color:#CCC;
	}

/* 5. Footer
============================================================================ */

#footer {
	margin:5px auto;
	width:760px;
	line-height:80px;
	color:#FEFEFE;
	background:#333 url(../images/footer_scroll.gif) no-repeat top left;
	}

#footer a:link, #footer a:visited {
	color:#FEFEFE;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#FEFEFE;
	text-decoration:underline;
	}

/* 6. Typography
============================================================================ */

#content p, #sidebar p {
	font-size:1em;
	margin-bottom:0.5em;
	line-height:1.25em;
	}

#sidebar p {
	font-style:italic;
	font-size:1.1em;
	text-align:center;
	}

h2, caption {
	font-size:140%;
	font-style:italic;
	margin-bottom:0.5em;
	line-height:1.25em;
	}

#content h2, caption {
	padding-top:10px;
	border-top:1px solid #CCC;
	}

h3 {
	font-size:125%;
	font-style:italic;
	margin-bottom:0.5em;
	line-height:1.25em;
	}

h4, h5 {
	margin-bottom:0.5em;
	line-height:1.25em;
	font-weight:bold;
	}

/* 6a. Inline Images
============================================================================ */

img.left {
	float:left;
	margin:0 7px 7px 0;
	}

img.right {
	float:right;
	margin:0 0 7px 7px;
	}

img.centre {
	text-align:center;
	margin:10px auto 5px;
	}

/* 7. Partners Page
============================================================================ */

.partners #content {
	width:740px;
	}

table#partnerListing {
	width:738px;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	}

table#partnerListing th, table#partnerListing td {
	padding:5px;
	border:1px solid #CCC;
	border-width:0 1px 1px 0;
	}

table#partnerListing th {
	font-weight:bold;
	}

table#partnerListing th.business {
	font-weight:normal;
	}

.business a {
	display:block;
	background: #FFF url(/images/world_go.png) no-repeat 0 50%;
	padding-left:25px;
	}

.name a {
	display:block;
	background: #FFF url(/images/email_go.png) no-repeat 0 50%;
	padding-left:25px;
	}

#partnerListing a:link, #partnerListing a:visited {
	text-decoration:none;
	}

#partnerListing a:hover, #partnerListing a:active {
	background-color:#FFF;
	color:#C00;
	}

td.telephone, td.address {
	width:7em;
	}

/* 8.Contact Form
============================================================================ */

#zemContactForm ul.zemError {
	padding:10px;
	margin:10px 0;
	background-color:#CCC;
	border:1px solid #999;
	}

#zemContactForm .zemError li {
	padding-left:0;
	margin:0 0 0.5em 0;
	list-style:none;
	}

/* vCard */

#sidebar div.vcard, #sidebar .vcard p {
	text-align:left;
	}

div.vcard div.adr {margin-bottom:0.5em;}

#sidebar a:link, #sidebar a:visited {color:#333;}

/* 9: Misc
============================================================================ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}