body {
	margin-top: 0px;
	background-color: #ffffff;
	background-image: url(images/hess_sm_tr3.jpg);
	text-align: center;
	font-size: 105%;
}
p, div, ul, li {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}
h1 {
	font-family: Kingthings Trypewriter 2, Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
h2 {
	font-family: Kingthings Trypewriter 2, Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
}
h3 {
	font-family: Kingthings Trypewriter 2, Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	font-weight: normal;
}
.floatleft {
	float: left;
}
.pagecontainersm {
	margin-top: 0px;
	margin-bottom: 0px;/*  	border: 1px solid red;   */
}
.pagecontainertop {
	width: 840px;
	overflow: auto;
	background-image: url(images/hess_tr0.jpg);
	text-align: left;
	padding-top: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


/*
.picturesbox {
	float: right;
}
.picture {
	float: left;
	padding: 5px;
	border: 1px solid green;
}

*/



.pagepicmenu {
	float: left;
	margin-top: 60px;
	margin-left: 20px;
	text-align: center;
	width: 280px;
	height: 200px;
	background-image: url(images/BC_350-1729.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}
.pagepicwedd {
	float: left;
	margin-top: 70px;
	margin-left: 20px;
	text-align: center;
	width: 260px;
	height: 358px;
	background-image: url(images/wedding1.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}
.pagepicstory {
	float: left;
	margin-top: 90px;
	margin-left: 20px;
	text-align: center;
	width: 280px;
	height: 420px;
	background-image: url(images/ourstorypic1.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}


.pagepictrek {
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	text-align: center;
	width: 320px;
	height: 345px;
	background-image: url(images/timelesspic2.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}

.pagepicpizza {
	float: left;
	margin-top: 100px;
	margin-left: 20px;
	text-align: center;
	width: 280px;
	height: 420px;
	background-image: url(images/pizzapic.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}

.pagepicshop {
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	text-align: center;
	width: 310px;
	height: 316px;
	background-image: url(images/shoppic2.jpg);
	background-repeat:no-repeat;
	box-shadow: -6px 6px 6px #888;	
}



.whitepage350 {
	float: left;
	width: 420px;
	text-align: left;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 20px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/hess_tr0.jpg);
	border: 3px solid #f2f2f2;
}





.pagephoto {
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0px;
	border: 1px solid red;

	box-shadow: -6px 6px 6px #888;	
}

.photomontage {
	text-align: center;
	padding-top:20px;
	width: 840px;
	height: auto;
	padding-bottom: 40px;
	background-image: url(images/hess_tr0.jpg); 
/*	background-image: url(images/footercolour.png); */
}


.shadowpic {
	margin-top: 20px;
	margin-bottom: 30px;
	width: auto;
	height: auto;
	padding: 0px;
	box-shadow: -3px 3px 3px #999;	

}



	/*		
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
		border-right:3px solid #666;
			border-bottom:3px solid #666;  */




.header {
	width: 200px;
	margin-top: 15px;
}
.fronttext300 {
	margin-left: 0px;
	margin-right: 0px;
}
.menupic {
	float: left;
	border: 10px solid white;
	background-color: white;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 330px;
	height: 220px;
	margin-left: 5px;
	background-image: url(images/BC_350-1729.jpg)
}
.pagepicsm {
	float: right;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 255px;
	border: 1px solid green;
}
.whitepage {
	width: 810px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 15px;
	margin-bottom: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/hess_tr0.jpg);
	border: 3px solid #f2f2f2;
}
.whitepageClear {
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 840px;
	clear: both;
	margin-left: auto;
	margin-right: auto;/*	background-image: url(images/hess_tr00.jpg);  */

}
.fronttextquote {
	font-style: italic;
	overflow: auto;
	width: 840px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(images/hess_tr1.jpg);
}
.fronttextquote h2 {
	color: #667ea5;
}
.fronttextquotemarkL {
	float: left;
	height: 70px;
	vertical-align: text-top;
	margin-left: 20px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	background-image: url(images/quoteleft.png);
	background-repeat: no-repeat;
	z-index: 0;
}
.fronttextquotemarkR {
	float: right;
	height: 120px;
	margin-right: 30px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 20px;
	background-image: url(images/quoteright.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: 0;
}
.quoteauthor {
	margin-top: -20px;
	float: right;
	font-size: 1em;
	font-style: italic;

	color: #667ea5;
	margin-right: 60px;
}
.fronttext {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 0px;
}
.fronttext p {
	text-align: justify;
	font-size: 1.1em;
	line-height: 1.2em;
}
.indent50 {
	margin-left: 50px;
	margin-right: 100px;
}
.indent100 {
	margin-left: 100px;
	margin-right: 100px;
}
.indent120 {
	margin-left: 120px;
	margin-right: auto;
}
.indent150 {
	margin-left: 150px;
	margin-right: auto;
}
.pageline {
	width: 60%;
	border-top: 1px solid #99ccff;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
img {
	border-style: none;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.col2container {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;/*  	border: 1px solid red;   */
}
/*  front page smaller pics       */

.colcontainersm {
	clear: both;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;/*  	border: 1px solid red;   */
}
.polaroidsm {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -2px 3px 3px #777;
}
/*   picture rotation set for each of 6 front page images      */	
.polaroidsmA {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 8px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(1.2deg);
	-webkit-transform: rotate(1.2deg);
	-o-transform: rotate(1.2deg);
	-moz-transform: rotate(1.2deg);
}
.polaroidsmB {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 7px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
}
.polaroidsmC {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(-.7deg);
	-webkit-transform: rotate(-.7deg);
	-o-transform: rotate(-.7deg);
	-moz-transform: rotate(-.7deg);
}
.polaroidsmD {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(.4deg);
	-webkit-transform: rotate(.4deg);
	-o-transform: rotate(.4deg);
	-moz-transform: rotate(.4deg);
}
.polaroidsmE {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
}
.polaroidsmF {
	width: 250px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 6px 6px;
	background-color: white;
	border-radius: 5px;
	box-shadow: -5px 5px 6px #777;
	transform: rotate(deg);
	-ms-transform: rotate(1.2deg);
	-webkit-transform: rotate(1.2deg);
	-o-transform: rotate(1.2deg);
	-moz-transform: rotate(1.2deg);
}
.polaroidsmA:hover {
	box-shadow: -1px 2px 2px #888;
}
.polaroidsmB:hover {
	box-shadow: -1px 2px 2px #888;
}
.polaroidsmC:hover {
	box-shadow: -1px 2px 2px #888;
}
.polaroidsmD:hover {
	box-shadow: -1px 2px 2px #888;
}
.polaroidsmE:hover {
	box-shadow: -1px 2px 2px #888;
}
.polaroidsmF:hover {
	box-shadow: -1px 2px 2px #888;
}
.colFsm {
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 255px;/*	border: 1px solid green;  */
}
.colFsm:hover {
	transform: rotate(deg);
	-ms-transform: rotate(0.7deg);
	-webkit-transform: rotate(0.7deg);
	-o-transform: rotate(0.7deg);
	-moz-transform: rotate(0.7deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transform-origin: top;
}
/*   rotate other way    */
.colFsmanti {
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 255px;/*	border: 1px solid green;  */
}
.colFsmanti:hover {
	transform: rotate(deg);
	-ms-transform: rotate(-0.9deg);
	-webkit-transform: rotate(-0.9deg);
	-o-transform: rotate(-0.9deg);
	-moz-transform: rotate(-0.9deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	transform-origin: top;
}
/*  end picture rotation set for each of 6 front page images      */


.footerboxmenu {
	width: auto;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-bottom: 4px;
	margin-top: 0px;
	border: 1px solid #D6D6D6;
	background-color: #FFF5D2;
	/*	background-image:url(images/footercolour.png);	*/
	box-shadow: -2px 2px 2px #999;
}

.button190_menu {
	position: relative;
	background-image: url(images/menu190.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 95px;
	width: 70px;
	height: 30px;
}
.button190_menu:hover {
	background-position: -190px 0;
}
.button190_pizza {
	position: relative;
	background-image: url(images/pizza190.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 45px;
	width: 160px;
	height: 30px;
}
.button190_pizza:hover {
	background-position: -190px 0;
}
.button190_weddings {
	position: relative;
	background-image: url(images/weddings190.png);
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-left: 65px;
	width: 150px;
	height: 30px;
}
.button190_weddings:hover {
	background-position: -190px 0;
}
.button190_shop {
	position: relative;
	background-image: url(images/shop190.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 95px;
	width: 80px;
	height: 30px;
}
.button190_shop:hover {
	background-position: -190px 0;
}
.button190_treks {
	position: relative;
	background-image: url(images/treks190.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 45px;
	width: 180px;
	height: 30px;
}
.button190_treks:hover {
	background-position: -190px 0;
}
.button190_story {
	position: relative;
	background-image: url(images/story190.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 55px;
	width: 150px;
	height: 30px;
}
.button190_story:hover {
	background-position: -190px 0;
}
/* end main menu   */








/*  Footer same on everypage       */

.footerbox {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/footercolour.png);
}
.footerboxupper {
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/footercolour.png);
}
.halfbox {
	float: left;
	width: 350px;
	height: auto;

	padding-left: 80px;
	padding-right: 20px;
}

.contacttext {
	text-align: 
	center; 
}

.contacttext a {
	font-weight:bold;
}


.openhours {
	float: left;
	padding-left: 40px;
	width: 300px;
	height: auto;
	text-align: center;
}


.footerboxlower {
	width: auto;
	height: 110px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(images/footercolour.png);
	border-top: 1px solid white;
}

.facebooklink {
	float: left;
	line-height: 2.2em;
  font-size: 1.1em;
}
.menuboxleft {
	float: left;
	width: 250px;
	height: 130px;
	margin: 0px 0px 0px 40px;
	padding-left: 0px;
	padding-right: 0px;
}
.bottomboxleft {
	float: left;
	width: 210px;
	height: 120px;
	margin: 0px 0px 0px 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.bottomboxcredit {
	float: left;
	width: 200px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.bottomboxfacebook {
	float: left;
	width: 230px;
	height: 120px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 40px;
}
/*   footer menu  */



/* footer buttons  */
.footerhome {
	margin-left: 5px;
	margin-right: 25px;
	float: left;
	position: relative;
	background-image: url(images/home_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 50px;
	height: 30px;
}
.footerhome:hover {
	background-position: -125px 0;/*	transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}

.footerstory {
	margin-left: 10px;
	margin-right: 20px;
	float: left;
	position: relative;
	background-image: url(images/story_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 105px;
	height: 30px;
}
.footerstory:hover {
	background-position: -125px 0;/*	transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}
.footermenu {
		margin-left: 10px;
	margin-right: 20px;
	float: left;
	position: relative;
	background-image: url(images/menu_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 50px;
	height: 30px;
}
.footermenu:hover {
	background-position: -125px 0;/*		transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}
.footerweddings {
		margin-left: 10px;
	margin-right: 20px;
	float: left;
	position: relative;
	background-image: url(images/weddings_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 93px;
	height: 30px;
}
.footerweddings:hover {
	background-position: -125px 0;/*	transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}
.footershop {
	margin-left: 10px;
	margin-right: 20px;
	float: left;
	position: relative;
	background-image: url(images/shop_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;

	width: 50px;
	height: 30px;
}
.footershop:hover {
	background-position: -125px 0;/*		transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}
.footerpizza {
	margin-left: 10px;
	margin-right: 20px;
	float: left;
	position: relative;
	background-image: url(images/pizza_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;

	width: 128px;
	height: 30px;
}
.footerpizza:hover {
	background-position: -125px 0;/*		transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/	
}
.footertreks {
	margin-left: 10px;

	float: left;
	position: relative;
	background-image: url(images/treks_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;

	width: 128px;
	height: 30px;
}
.footertreks:hover {
	background-position: -125px 0;/*		transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg);  */	
}
.footercontact {
	margin-left: 10px;

	float: left;
	position: relative;
	background-image: url(images/contact_sm.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 117px;
	height: 30px;
}
.footercontact:hover {
	background-position: -125px 0;/*		transform: rotate(deg);
	-ms-transform: rotate(1.2deg); 
	-webkit-transform: rotate(1.2deg); 
	-o-transform: rotate(1.2deg); 
	-moz-transform: rotate(1.2deg); 	*/
}
.clearBoth {
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
}
a:link, a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	color: #0000ff;
	text-decoration: underline;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.smaller {
	font-size: small;
}
.biggertext {
	font-size: 1.3em;
}

/*
@media only screen and (max-device-width: 480px) {
		div#wrapper {
			width: 400px;
		}

		div#header {
			background-image: url(); 
			height: 93px;
			position: relative;
		}

		div#header h1 {
			font-size: 120%;
		}

		#content {
			float: none;
			width: 100%;
		}

		#navigation {
			float:none;
			width: auto;
		}
	}

*/