/* *************************************************************************************** 
GLOBAL RESET
Source - http://cssvault.com/blog/2008/02/03/eric-meyer-rethinking-css-reset/
Resets styles on all elements in all browsers. This helps to make them behave the same
**************************************************************************************** */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }




/* *************************************************************************************** 
TEMPLATE LAYOUT AND STYLING
**************************************************************************************** */

body { background: #f2f2f3; font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 auto 20px; text-align: center; }

/* WRAPPER */
#wrapper { width: 960px; text-align: left; margin: 0 auto; background: #fff url(../media/background.png) repeat-y center top; padding-top: 20px; }

	/* HEADER */
	#header { margin: 0 290px 0 50px; padding: 17px; border-top: solid 5px #000; border-bottom: solid 5px #000; }
	#header h1 { font: 1.8em Georgia, "Times New Roman", Times, serif; color: #000; }
	#header p { font: 1.8em Georgia, "Times New Roman", Times, serif; color: #6b6d6d; margin: 0; }
	#header p strong { font-weight: normal; color: #a7010d; }
	
	/* MAIN NAVIGATION */
	#nav-main { margin: 0 50px; background: #eaeeed; overflow: auto; }
	#nav-main ol { font-size: 1.1em; padding: 0 10px; background: #760018; min-height: 3.8em; }
	#nav-main li { float: left; }
	#nav-main a { display: block; float: left; padding: 12px 10px 22px; color: #fff; }
	#nav-main a:hover { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
	
		/* Currently selected nav link */
		#home #nav-home a { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
		#about #nav-about a { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
		#book #nav-book a { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
		#info #nav-info a { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
		#contact #nav-contact a { background: url(../media/nav-main-arrow.gif) no-repeat center bottom; }
	
	/* CONTENT WRAPPER */
	#content-wrapper { background: #dde3e3; margin: 0 50px; }
		
		/* Image */
		#image { background: #dde3e3; float: right; width: 387px; margin-top: -7px; }
		
		/* Content */
		#content { background: #eaeeed; width: 380px; padding: 28px 72px 80px 20px; min-height: 380px; }
	
	/* FOOTER */
	#footer { padding: 0 50px 30px; background: url(../media/footer-gradient.png) no-repeat center bottom; }
	#footer ol { overflow: auto; padding: 16px 0; }
	#footer li { float: left; margin: 0 21px 0 0; }




/* *************************************************************************************** 
TEXT STYLING
**************************************************************************************** */

/* LINKS */
a { text-decoration: none; color: #a7010d; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h2 { font: 1.8em Georgia, "Times New Roman", Times, serif; color: #516967; margin: 0 0 1.8em; }
h3 { font: 1.7em Georgia, "Times New Roman", Times, serif; color: #000; }

/* PARAGRAPHS */
p, address { font-size: 1.1em; margin: 0 0 1.8em; }

/* LISTS */
.list-dot { font-size: 1.1em; list-style-type: none; margin: 0 0 1.8em; }
.list-dot li { background: url(../media/bullet-dot.gif) no-repeat 0 0.6em; padding-left: 10px; }

/* SEPARATOR */
.separator { border-top: solid 1px #7a7c7c; padding: 13px 0 0; }

/* BOOKINGS */
#content .bookings { background: #f5f7f7; border: solid 1px #b5bfbe; padding: 17px 22px; margin: 45px 0 0; width: 240px; }
#content .bookings h3 { background: url(../media/bullet-arrow-bookings.gif) no-repeat 0 0.4em; margin-left: -8px; padding-left: 8px; }
#content .bookings p { margin: 0; }
#content .bookings a { color: #516967; }

/* FORMS */
form { margin: -1.8em 0 1.8em; }
form input[type="submit"]{ background: none; color: #a7010d; border: none; padding: 0; margin: 0; cursor: pointer; }

/* TABLES */
table { width: 100%; margin: 0 0 1.8em; }
table td { vertical-align: top; font-size: 1.1em; }

/* HOME PAGE */
#home h2 { color: #000; margin-bottom: 1em; }
#home h3 { color: #000; font-size: 1.8em; }
#home p em { color: #516967; font: normal 18px Georgia, "Times New Roman", Times, serif; }
#home .list-dot { margin-top: -1.8em; }
#enter { font: 1.8em Georgia, "Times New Roman", Times, serif; margin: 0; }