/* reset a core set of elements for cross-browser consistency */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	background-color: #FFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/* Force IE to center containers */
	text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #000;
	line-height: normal;
	background-color: transparent;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	line-height: normal;
	background-color: transparent;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	line-height: normal;
	background-color: transparent;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: normal;
	background-color: transparent;
}

p {
	text-align: left;
	margin: 0 0 10px 0;
}

a, a:visited, a:active {
	color: #ba8543;
	text-decoration: underline;
}

a:hover {
	color: #8B6432;
}

a img {
	border: 0;
}

hr {
	height: 1px;
	width: 100%;
	color: #FF9933;
	background-color: #FF9933;
}


/* ========== general classes ========== */
.clearfloat {
	clear: both;
	display: block;
}

.centre_item {
	margin: 0 auto;
}

.centre_text {
	text-align: center;
}

.li_nostyle {
	list-style: none;
}

.preloadimage {
	display: none;
}

/* ========== wrapper ========== */
#mainwrapper {
	width: 930px;
	margin: 0 auto 0 auto;
	background-color: #f6f0e8;
	text-align: left;
}

/* =========== header =========== */
#header {
	width: 930px;
	height: 300px;
	margin: 0 auto;
}

#headertitle {
	float: left;
}

/* ====== main navigation ====== */
#navbar_container {
	height: 42px;
	background: url(../images/navbarbackground.png);
}

#top_nav {
	width: 776px;
	height: 25px;
	margin: 0 auto;
	background: #deb580;
}

#top_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_nav li {
	display: inline;
}

#top_nav a {
	display: block;
	float: left;
	width: 155px;
	height: 25px;
	padding: 5px 0px 0 0px;
	text-align: center;
	background: url('../images/topnav_sep.gif') no-repeat;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6254;
}

#top_nav a:hover {
	color: #272d33;
}

#top_nav .first a {
	background: none;
}

#active a {
	display: block;
	float: left;
	width: 155px;
	height: 25px;
	padding: 5px 0px 0 0px;
	text-align: center;
	background: url('../images/topnav_sep.gif') no-repeat;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #272d33;
	cursor: default;
}

/* ========== content ========== */
#contentwrapper {
	width: 850px;
	margin: 20px auto 0 auto;
}

#contentwrapper.contact {
	height: 270px;
}

#content_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ba8543;
	line-height: normal;
	background-color: transparent;
}

/* SEO home page main title */
#content_title_h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 9px;
	color: #ba8543;
	line-height: normal;
	background-color: transparent;
}
/* centre column title vertical alignment */
#content_title.secondary {
	margin-top: -28px;
}

/* --- text emphasis colour --- */
#annotation {
	color: #ba8543;
}

/* ----- panels ----- */
#panel {
	background-color: #ede1d1;
	color: #4D4D4D;
}

#panel .menu {
	padding: 5px 0 1px 26px;
}

#panel .menu li {
	padding: 0 0 0 10px;
	list-style: none;
}

#panel .thumbs {
	padding: 16px 0 56px 3px;
}

#thumbimages {
	width: 203px;
	height: 153px;
	background: #FFF;
	margin: 0 auto 0 auto;
	padding: 3px 0 0 0;
	text-align: center;
}

/* ----- left column ----- */
#leftcolumn {
	width: 270px;
	float: left;
}

#leftcolumn li {
	margin-left: 12px;
}

#leftcolumn_contact {
	width: 220px;
	float: left;
}

/* ----- centre column ----- */
#centrecolumn {
	margin: 0 290px 0 290px;
}

#centrecolumn li {
	margin-left: 12px;
}

#centrecolumn_contact {
	margin: 0 280px 0 280px;
}

#centrecolumn_gallery {
	margin: 0 125px 0 125px;
}

#centrecolumn_testimonials {
	margin: 0 160px 0 160px;
}

/* ----- right column ----- */
#rightcolumn {
	width: 270px;
	margin-top: -28px;
	float: right;
}

#rightcolumn_contact {
	width: 220px;
	/*margin-top: -28px;*/
	float: right;
}

/* map popup */
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#F6F0E8;
	width:850px;
	height:340px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

/* ----- enquiry form ----- */
#formcontainer {
	width: 50%;
	margin: 120px auto 0 auto;
}

#formcontainer h4 {
	color: #BA8543;
}

.formsectionheader {
	color: #BA8543;
	font-size: 14px;
}

.formsubmit {
	text-align: center;
	margin-top: 20px;
}

.cssform p {
	width: 270px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 210px;/*width of left column containing the label elements*/
	height: 1%;
}

.cssform label {
	font-weight: bold;
	float: left;
	margin-left: -210px;/*should be negative width of left column*/
	width: 190px;/*width of labels. Should be smaller than left column to create some right margin*/
}

.cssform input[type="text"] {/*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform input[type=checkbox] {/* align checkboxes with text */
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

.cssform textarea {
	width: 250px;
	height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;
}

/* ------ wedding date form field popup calendar ------ */
table.calendar {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
border-collapse: collapse;
background-color: white;
border: solid #999999 1px;
background-color: white;
width: 200px;
text-align: center;
/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
/*-moz-user-select: none;*/
/*-khtml-user-select: none;*/
}

table.calendar input, table.calendar select {
font-size: 10px;
}

table.calendar td {
border: 0;
font-size: 10px;
text-align: center;
}

div.mainheading {
margin: 2px;
}

table.caldayheading {
border-collapse: collapse;
cursor: pointer;
empty-cells: show;
margin: 0 6px 0 6px;
}

table.caldayheading td {
border: solid #CCCCCC 1px;
text-align: left;
color: #0054E3;
font-weight: bold;
width: 22px;/*should match calendar cell's width*/
}

table.caldayheading td.wkhead {
border-right: double #CCCCCC 3px;
}

table.calcells {
border-collapse: collapse;
cursor: pointer;
margin: 0 6px 0 6px;
}

table.calcells td {
border: solid #CCCCCC 1px;
vertical-align: top;
text-align: left;
font-weight: bold;
width: 22px;
height: 20px;/*IE doesn't like ems*/
}

table.calcells td div {
padding: 1px;
margin: 0;
}

table.calcells td.wkhead {
background-color: white;
text-align: center;
border-right: double #CCCCCC 3px;
color: #0054E3;
}

table.calcells td.wkday {
background-color: #DDDDDD;
}

table.calcells td.wkend {
background-color: #DDDDDD;
}

table.calcells td.curdate {}

table.calcells td.cell_selected {
background-color: #99CCFF;
color: black;
}

table.calcells td.notmnth {
background-color: #FFFFFF;
color: #CCCCCC;
}

table.calcells td.notallowed {
background-color: white;
color: #EEEEEE;
font-style: italic;
}

table.calcells td.hover {
background-color: #999999;
}

table.calcells td.curdate {
color: red;
}

/* ------ page foot navigation ------*/
#footernav {
	margin: 60px 0 5px 0;/* 30px 0 5px 0; */
	font-size: 10px;
	text-align: center;
	color: #CDAB81;
}

#footernav a {
	color: #CDAB81;
}

#footernav a:hover {
	/*color: #000;*/
	text-decoration: none;
}

/*#footernav .footernavactive {
	color: #000;
	text-decoration: none;
	cursor: default;
}*/

/* =========== footer =========== */
#footer {
	width: 930px;
	height: 22px;
	background: url(../images/footer.png);
	padding-top: 8px;
	text-align: center;
}

#copyright {
	text-align: center;
	font-size: 10px;
	color: #E7E7E7;
}