/* Reset Styles */
	
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;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
	
/* remember to define focus styles! */
:focus {outline: 0}
	
body {line-height: 1;color: black;background: white}

ol, ul {list-style: none}

/* tables still need 'cellspacing="0"' in the markup */
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: "" ""}

/* Standard Styles */
body {background: #e1decd;font-family: Arial, Helvetica, sans-serif;font-size: 0.85em;color: #575757;margin: 0px;padding: 0px}
	
p, td, ul, ol, li, dl, dt, dd {font-family: Arial, Helvetica, sans-serif}
input {font-family: Arial, Helvetica, sans-serif;font-size: 0.90em}

a, a:link, a:visited, a:active {color: #611400}
a:hover{text-decoration: none;color: #611400}
	
p 		{margin: 15px 0; line-height: 1.3em}
strong 	{line-height: 1.3em; font-weight: bold}
img 		{border: 0px;border-style: none;}
h1 		{font-size: 190%; margin: 0 0 10px 0; color: #611400; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
h2 		{font-size: 190%; margin: 10px 0; color: #611400; font-family: Arial, Helvetica, sans-serif; font-weight: bold}

/* Weird Fix to aid consistant look cross browser */
hr 		{border: none;border-bottom: 1px solid #dedede;height: 0px; margin-bottom: 10px}

/* Site Layout Specific */
.mainbody 	{text-align: center; padding: 0px; margin: 0}
.contentbody 	{width: 800px; background: #f3efe8 url(../images/bg-body-main.gif) repeat-x; text-align: left;margin: 20px auto 0px auto; padding: 0px;border: 1px solid #eae3d7}
.contentnav 	{width: 760px; text-align: left;margin: 0 auto;}

.headerarea {width: 760px; height: 113px; text-align: left; background: #772e1b url(../images/bg-logo-area.png) repeat-x; margin: 0 auto}

.containtop {width:776px; height: 7px; background:url(../images/bg-shadow-top.png) no-repeat; margin: 10px auto 0 auto}
.containmiddle {width:776px; background:url(../images/bg-shadow-middle.png) repeat-y;margin: 0 auto}
.containbottom {width:776px; height: 11px; background:url(../images/bg-shadow-bottom.png) no-repeat;margin: 0 auto 10px auto}

.bodypad {width: 720px; text-align: left; background-color:#FFFFFF; padding: 20px;margin: 0 auto}
.hpimage {width: 760px; height: 232px; text-align: left; margin: 0 auto; background-color:#fff}

.navblock { height: 43px; background:url(../images/bg-navigation-bar.png) repeat-x}

.bodygrad {width: 440px; background:url(../images/bg-body-gradient.png) repeat-x; padding: 10px}
.formbox {padding: 10px; background-color: #F7F7F7}

#logopos {margin:25px 0 0 20px}
#telpos {margin: 15px 20px 0 0}

.galmarg {margin: 0 5px 5px 0}
.menubox {width: 420px; height: 26px; background:url(../images/bg-pdf-menu-strip.png) repeat-x; padding: 10px}

.noborder {border: 0}

/* Nav */
a.home {background:url(../images/nav-home.png) repeat 0px 0px;width: 63px;height: 43px;display: block}
a.home span {display: none}
a.home:hover {background: url(../images/nav-home.png) repeat 0px -43px}
	
a.homeOn {background:url(../images/nav-home.png) repeat 0px -43px;width: 63px;height: 43px;display: block}
a.homeOn span {display: none}
	
a.menu {background:url(../images/nav-menu.png) repeat 0px 0px;width: 60px;height: 43px;display: block}
a.menu span {display: none}
a.menu:hover {background: url(../images/nav-menu.png) repeat 0px -43px}
	
a.menuOn {background:url(../images/nav-menu.png) repeat 0px -43px;width: 60px;height: 43px;display: block}
a.menuOn span {display: none}
	
a.gallery {background:url(../images/nav-gallery.png) repeat 0px 0px;width: 71px;height: 43px;display: block}
a.gallery span {display: none}
a.gallery:hover {background: url(../images/nav-gallery.png) repeat 0px -43px}
	
a.galleryOn {background:url(../images/nav-gallery.png) repeat 0px -43px;width: 71px;height: 43px;display: block}
a.galleryOn span {display: none}
	
a.view {background:url(../images/nav-360-view.png) repeat 0px 0px;width: 96px;height: 43px;display: block}
a.view span {display: none}
a.view:hover {background: url(../images/nav-360-view.png) repeat 0px -43px}
	
a.viewOn {background:url(../images/nav-360-view.png) repeat 0px -43px;width: 96px;height: 43px;display: block}
a.viewOn span {display: none}
	
a.findus {background:url(../images/nav-find-us.png) repeat 0px 0px;width: 71px;height: 43px;display: block}
a.findus span {display: none}
a.findus:hover {background: url(../images/nav-find-us.png) repeat 0px -43px}
	
a.findusOn {background:url(../images/nav-find-us.png) repeat 0px -43px;width: 71px;height: 43px;display: block}
a.findusOn span {display: none}
	
a.bookings {background:url(../images/nav-bookings.png) repeat 0px 0px;width: 86px;height: 43px;display: block}
a.bookings span {display: none}
a.bookings:hover {background: url(../images/nav-bookings.png) repeat 0px -43px}
	
a.bookingsOn {background:url(../images/nav-bookings.png) repeat 0px -43px;width: 86px;height: 43px;display: block}
a.bookingsOn span {display: none}

a.contactus {background:url(../images/nav-contact-us.png) repeat 0px 0px;width: 95px;height: 43px;display: block}
a.contactus span {display: none}
a.contactus:hover {background: url(../images/nav-contact-us.png) repeat 0px -43px}
	
a.contactusOn {background:url(../images/nav-contact-us.png) repeat 0px -43px;width: 95px;height: 43px;display: block}
a.contactusOn span {display: none}

/* Custom Site Styles */
ul {padding: 10px 0px}

/* No bullets in use */
li {padding-left: 15px;margin-bottom: 7px;background: url(../images/img-bullt.gif) no-repeat left 50%}
	
/* Basic additions */
.center {text-align: center}
.clear {clear: both; height: 0px; overflow: hidden}
.clearl {clear: left; height: 0px; overflow: hidden}
.clearr {clear: right; height: 0px; overflow: hidden}
.floatr {float: right}
.floatl {float: left}
	
.font120 {font-size: 120%}
.font130 {font-size: 130%}
.font80 {font-size: 80%}

.w240px {width:240px}

/* Margins, Padding */

.marg0 {margin:0}

.margt5 {margin-top: 5px}
.margt10 {margin-top: 10px}
.margt15 {margin-top: 15px}
.margt20 {margin-top: 20px}
.margt0 {margin-top: 0}
	
.margb3 {margin-bottom: 3px}
.margb5 {margin-bottom: 5px}
.margb10 {margin-bottom: 10px}
.margb15 {margin-bottom: 15px}

.margr2 {margin-right:2px}
.margr40 {margin-right: 60px}
.margr15 {margin-right: 15px}

.margtb10 {margin: 20px 0}

.pad0 {padding: 0}
.pad5 {padding: 5px}
.pad10 {padding: 10px}
.padt0 {padding-top: 0}
.padt5 {padding-top:5px}
.padr3 {padding-right: 5px}

.errbox {width: 520px; border: 1px solid #ffe2af; background-color: #fff9d7; padding: 10px}

.gmap {width:440px;height:300px; border: 1px solid #ccc; margin: 20px 0}

/* Colors */
.red {color:#FF0000}
.white {color: white}
.grey {color: #bbb}
.brown {color: #692e04}