* {behavior: url(iepngfix.htc); /* Internet Explorer PNG fix. */ margin: 0;}

html{background: #515356; }
* html ul {height:1%;}

body {}

/*header images*/

.homebg { background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
.servicesbg { background-image: url(../images/servicesbackground.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
.pricesbg { background-image: url(../images/pricesbackground.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
.contactbg { background-image: url(../images/contactbackground.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
.bookingbg { background-image: url(../images/bookingbg.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
.eventsbg { background-image: url(../images/eventsbackground.jpg); background-repeat: no-repeat; background-position: top; position: relative; top: -7px; }
/*containers*/
	
#wrapper { margin: 0 auto; padding: 0; }
#content { margin: 0 auto; /* This center aligns the div, like table align="center" */ width: 900px; text-align: center; height: 600px; }	
#parallax { position:relative; top: 0; overflow:hidden; width:1000px; height:500px; margin-right: 0; margin-bottom: 1.5em; margin-left: 0; }


/* navigation */

#navigationlinks {position: absolute; top: 475px; width: 600px; height: 60px; margin-left: 85px;} 

#navigation {
    float: left;
    margin: 13px 19px 0 0;
	font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	text-shadow: #fff 0 1px 1px;
}

#navigation li {
	float: left;
	padding-right: 2px; 
	background: url(../images/nav-li.png) no-repeat right 0;
	list-style: none;
}

#navigation li a {
	float: left;
	padding: 1px 20px 5px; 
	background: url(../images/nav-a.png) repeat-x 0 0;
	color: #666;
	text-decoration: none;
}

#navigation li.selected a,
#navigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
}

#navigation li.selected a:focus {
	color: #069;
}

#navigation li a:hover,
#navigation li a:focus {
	color: #333;
	text-decoration: none;
}

#navigation li a:active {
	padding-top: 2px;
	padding-bottom: 4px;
}

#navigation li.first a { 
	background: url(../images/nav-a-first.png) no-repeat 0 0;
	padding-left: 22px;
}

#navigation li.last {
	background: none;
	padding: 0;
}

#navigation li.last a { 
	background: url(../images/nav-a-last.png) no-repeat right 0;
	padding-right: 22px;
}
/*welcome text*/
	 
#logo { position: absolute; top: 16px; width: 335px; height: 64px; margin-left: 475px; }
#welcome { position: absolute; top: 530px; width: 298px; height: 40px; margin-left: 123px; }
#thankyou { position: absolute; top: 540px; width: 98px; height: 34px; margin-left: 123px; }
#welcometext { position: absolute; top: 580px; width: 450px; height: 350px; margin-left: 125px; }
#servicestext { position: absolute; top: 580px; width: 450px; height: 600px; margin-left: 125px; }
#testimonialstext { position: absolute; top: 580px; width: 450px; height: 400px; margin-left: 125px; }
#services { position: absolute; top: 540px; width: 70px; height: 24px; margin-left: 123px; }
#prices { position: absolute; top: 530px; width: 113px; height: 49px; margin-left: 123px; }
#contact { position: absolute; top: 540px; width: 111px; height: 24px; margin-left: 123px; }
#booking { position: absolute; top: 530px; width: 151px; height: 49px; margin-left: 123px; }
#testimonials { position: absolute; top: 540px; width: 111px; height: 32px; margin-left: 123px; }
#faq { position: absolute; top: 530px; width: 236px; height: 39px; margin-left: 123px; }
#links { position: absolute; top: 540px; width: 59px; height: 31px; margin-left: 123px; }
#events { position: absolute; top: 540px; width: 125px; height: 29px; margin-left: 123px; }

/*fonts*/
.bodytext { color: #c7c7c7; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; text-shadow: black 0px 1px 3px; }

.bodytext a:link { color: #c7c7c7; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-style: normal; text-decoration: underline; text-shadow: black 0px 1px 3px; }
.bodytext a:visited { color: #c7c7c7; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-style: normal; text-decoration: underline; text-shadow: black 0px 1px 3px; }
.bodytext a:hover { color: #ffffff; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-style: normal; text-decoration: underline; text-shadow: black 0px 1px 3px; }
.bodytext a:active { color: #c7c7c7; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-style: normal; text-decoration: underline; text-shadow: black 0px 1px 3px; }

#welcometext img {  float: left; margin: 0px 10px 5px 0px;}

#bodytextimage { float: right; margin: 0px 10px 5px 0px;}

.heading { color: #f4e2f0; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; text-shadow: black 0px 1px 3px; }

.subheading { color: #c7c7c7; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: -5px; text-shadow: black 0px -1px 3px; }

.quote { color: #c7c7c7; font-size: 14px; font-family: Georgia, times ; font-style: italic; text-align: left; text-shadow: black 0px 1px 3px; }
.quotesignature { color: #f4e2f0; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; text-shadow: black 0px 1px 3px; }
.quote a:link { color: #c7c7c7; font-size: 14px; font-family: Georgia, times ; font-style: italic; text-decoration: underline; text-align: left; text-shadow: black 0px 1px 3px; }
.quote a:visited { color: #c7c7c7; font-size: 14px; font-family: Georgia, times ; font-style: italic; text-decoration: underline; text-align: left; text-shadow: black 0px 1px 3px; }
.quote a:hover { color: #c7c7c7; font-size: 14px; font-family: Georgia, times ; font-style: italic; text-decoration: underline; text-align: left; text-shadow: black 0px 1px 3px; }
.quote a:active { color: #c7c7c7; font-size: 14px; font-family: Georgia, times ; font-style: italic; text-decoration: underline; text-align: left; text-shadow: black 0px 1px 3px; }

/*right column*/

#recentevents { position: absolute; top: 540px; width: 202px; height: 32px; margin-left: 600px; text-align: center; background-image: url(../images/subheadingbg.png) }
#faqsection { position: absolute; top: 730px; width: 202px; height: 32px; margin-left: 600px; text-align: center; background-image: url(../images/subheadingbg.png) }
#bookmark { position: absolute; top: 845px; width: 202px; height: 32px; margin-left: 600px; text-align: center; background-image: url(../images/subheadingbg.png) }
#download { position: absolute; top: 845px; width: 202px; height: 32px; margin-left: 600px; text-align: center; background-image: url(../images/subheadingbg.png) }
#rightcolumn1 { position: absolute; top: 576px; width: 202px; height: 100px; margin-left: 600px; text-align: center;}
#rightcolumn1 { position: absolute; top: 576px; width: 202px; height: 100px; margin-left: 600px; text-align: center;}
#rightcolumn2 { position: absolute; top: 766px; width: 202px; height: 100px; margin-left: 600px; text-align: center;}
#rightcolumn3 { position: absolute; top: 882px; width: 120px; height: 100px; margin-left: 618px; text-align: left;}
#iphoneicon { position: absolute; top: 880px; width: 67px; height: 75px; margin-left: 718px;}
#pdficon { position: absolute; top: 880px; width: 67px; height: 75px; margin-left: 718px;}

/*recent events images*/

#recenteventslist { position: absolute; top: 575px; width: 470px; margin-left: 125px; }
#recenteventslist ul{ margin: 0; padding-left: 0; overflow: hidden;}
#recenteventslist li{ float: left; display: inline; margin-right: 10px; list-style: none; padding-left: 0px}

#easthampsteadimages { position: absolute; top: 640px; width: 500px; height: 100px; margin-left: 85px; }
#easthampsteadtext { position: absolute; top: 575px; width: 450px; height: 70px; margin-left: 125px; }
#stmarysimages { position: absolute; top: 800px; width: 500px; height: 100px; margin-left: 85px; }
#stmarystext { position: absolute; top: 740px; width: 450px; height: 70px; margin-left: 125px; }
#trunkwellimages { position: absolute; top: 960px; width: 500px; height: 100px; margin-left: 85px; }
#trunkwelltext { position: absolute; top: 900px; width: 450px; height: 70px; margin-left: 125px; }
#highfieldimages { position: absolute; top: 1130px; width: 500px; height: 100px; margin-left: 85px; }
#highfieldtext { position: absolute; top: 1060px; width: 450px; height: 70px; margin-left: 125px; }
#hampdenimages { position: absolute; top: 1300px; width: 500px; height: 100px; margin-left: 85px; }
#hampdentext { position: absolute; top: 1230px; width: 450px; height: 70px; margin-left: 125px; }
#wasingimages { position: absolute; top: 1470px; width: 500px; height: 100px; margin-left: 85px; }
#wasingtext { position: absolute; top: 1400px; width: 450px; height: 70px; margin-left: 125px; }
#cancerreliefimages { position: absolute; top: 1630px; width: 500px; height: 100px; margin-left: 85px; }
#cancerrefieftext { position: absolute; top: 1560px; width: 450px; height: 70px; margin-left: 125px; }
#julieimages { position: absolute; top: 1795px; width: 500px; height: 100px; margin-left: 85px; }
#julietext { position: absolute; top: 1725px; width: 450px; height: 70px; margin-left: 125px; }

/*recent events large image zoom*/
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img {
    border:0;
}

.images ul,li{ margin:0; padding:0; }
.images li{ float:left; display:inline; margin-right:10px; list-style: none; padding-left: 0px}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-size:12px;
	-webkit-box-shadow: 0 0 20px rgb(0,0,0);
    -moz-box-shadow: 0 0 20px rgb(0,0,0);
    box-shadow: 0 0 20px rgb(0,0,0);
	}