/* init */
body, h1,h2,h3,h4,h5,h6,a,ul,li,p,div,span,table,td,tr,blockquote
					{ margin: 0 0 0 0; padding: 0 0 0 0; }
.hide 			{ display: none; }
body 				{ font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(matthews_bg_body.gif) repeat 0 0; color:#FFFFFF }
h1, h2, h3 		{ margin: 0 0 0.57em 0; clear: left;  }
h1 				{ font-size: 1.4em; color: #FC6800; line-height: 1.5em; }
h2 				{ font-size: 1.1em; margin-bottom: 0.2em;}
h3 				{ font-size: 1em; margin-bottom: 0.2em; color: #FFA01D; }
h4 				{ font-size: .9em; margin-bottom: 0.2em; color: #FFA01D; }
#content p 		{ margin-bottom: 1.2em; line-height: 1.4em; }
ul, ol 			{ margin: 0 0 0.57em 2em; line-height: 1.4em; }
dd 				{ margin:0 0 0.5em 1em }
a 					{ text-decoration: none; color:#FFA01D; color: #FFD08E}
a:hover 			{ text-decoration: underline; }
.small			{ font-size: smaller; }
table 			{ clear: both; }

#main { width: 990px; margin: 10px auto; }
#navColumn,
#navColumn a { color: #4F6F19; }
#logo { height: 78px; width: 210px; background: url(matthews_lg.png) no-repeat 0 0; border: none; text-decoration: none; display: block; }
#logo img { display: none; }

#nav { font-size: 13px; font-family: Verdana; font-weight: bold; margin: 0 0 1em 0; width: 200px; list-style: none; }
#nav li { padding-left: 30px; }

#nav a { display: block; background: url(matthews_nav-line.png) no-repeat 0 bottom; padding: 4px 0; width: 165px; text-indent: 5px; }

#nav a:hover { text-decoration: none; }
#header span { color: #4F6F19; font-size: 1.5em; }
#location { background-color: #FFA01D; margin-left: 3px; padding: 8px; margin-bottom: 1em; position: relative; }
#openingHours { background-color: #BF311A; color: #FFFFFF; margin: 0 0 1em 3px; padding: 8px; text-align: center; }
#header span { background: #FFA01D url(matthews_bg_header.gif) no-repeat 0 0; height: 64px; line-height: 64px; display: block; width: 20em; text-indent: 82px; }
#header span,
#location h2,
#openingHours h2 { text-transform: uppercase; }
#navColumn h2 {font-size: 1em;}
#navColumn, #contentColumn { float: left; display: inline; }
#navColumn { width: 200px; margin: 0 15px 0 25px; }
#contentColumn { width: 723px; margin: 3px 17px 0 0; }
#content { background: url(test_bg.gif) repeat-y 0 0; min-height: 560px; padding: 15px; float: left; width: 693px; position: relative; }
#content img { border: 2px solid white; float: right; display: inline; }

body.location #content img { width: 488px; margin: 0 auto; float: none; display: block; }

#footer, #header { background-color: #FFA01D; }

#footer,
#header { background: #FFA01D url(test2_bg.gif) no-repeat 0 0; height: 65px; line-height: 68px; }
#footer { height: 30px; line-height: normal; padding: 0 10px; }
#flash_picture { position: relative; z-index: 5; margin-top: -55px; }
.flashFrame { border-bottom: 2px solid white; width: 532px; }
#partner {position:absolute; top:450px; left:555px}
#partner h2 { display:none; }
#partner img { border:none; float:none; display:inline; }

h1.title { background: url(matthews_content_title.gif) no-repeat 0 0; width: 436px; text-indent: -1000em; margin-bottom:1em; }

#footer { float: left; width: 703px; color: #BF311A; font-size: 0.9em; }
#footer a { color: #BF311A; }
#footer div { width: 49.9%; float: left; display: inline; }
#footer #credits { text-align: right; } 

body.home #nav li.home,
body.about #nav li.aboutUs,
body.staff #nav li.staff,
body.menu #nav li.menu,
body.testimonials #nav li.testimonials,
body.links #nav li.links,
body.reservations #nav li.reservations,
body.events #nav li.events,
body.groups #nav li.groups,
body.certificates #nav li.giftCertificates,
body.contactUs #nav li.contactUs  { background: url(navigation-curl.gif) no-repeat 0 center; padding-left: 30px; }

#nav li a:hover,
body.home #nav li.home a,
body.about #nav li.aboutUs a,
body.staff #nav li.staff a,
body.menu #nav li.menu a,
body.testimonials #nav li.testimonials a,
body.links #nav li.links a,
body.reservations #nav li.reservations a,
body.events #nav li.events a,
body.groups #nav li.groups a,
body.certificates #nav li.giftCertificates a,
body.contactUs #nav li.contactUs a  { background-color: #FFA01D; }

#map { margin-left: 3px; }
#map img { border: none; }

/*#flash_picture,
#header,
#footer { display:none; }*/

/* home page slide show */
#presentation-album { border: 2px solid white; height: 600px; width: 399px; }
#presentation-album embed,
#presentation-album object { border: none; }

#hometext { position: absolute; right: 20px; top: 275px; width: 20em; }

/* forms */
#content h2 {font-size: 1.4em; color:white }
form h3 {font-style: italic; color: #FFA01D}
label { float: left; width: 12em; }
.field { padding-bottom: 3px; }
#expirationDate {float:left; clear:left; width:30em; margin-bottom:.5em;}
#expirationDate .label {float:left; width:12em;}
#expirationDate label {display:none;}
#expirationDate .field {display:inline}
legend { font-weight: bold; color: white; }
fieldset { margin: .5em; width: 37em; border-color: #FFA01D;}
textarea { clear: left; }
#submitButton { clear: both; margin: .5em; }
.optin label, .conditions label { width: 20em; float: none; }

.confirm-reservation dt { float: left; width: 10em; font-weight: bold; }
.confirm-reservation dd { text-indent: 1em; margin: 0; }
.confirm-reservation dl br { line-height: .5em; }

.error {
	background-image: url(../images/error_icon.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
.conditions .error { background: gray; border: 1px solid red; }

#content .js-kit-comments { clear: both; }
#content .js-singleCommentKarma,
#content .js-commentTool, 
#content .js-poweredBy,
#content .js-singleCommentReplyable { display: none; }
#content .js-singleCommentINFO { color: white; }

#content .js-kit-comments textarea { width: 30em; height: 10em; font-family: Arial; }
#content .js-commentFieldNote { color: silver; }

body.links .recLogo 		{ border: 1px solid white; float: none; display: block; }
body.links #content a:hover 	{ text-decoration: none;}
body.links #spaceFill {	float: right;}
body.links #list { float: left; clear: left; }
body.links #list h2 { width:9em; }

#content .menu-preview		{ margin: 0 1.5em 1.5em 2em; }
#content .menu-preview p 	{ margin-bottom: 0; }
#content .menu-preview a	{ background:transparent url(../images/matthews_button.jpg) no-repeat scroll 0pt 50%;color:white;display:block;font-size:1.4em;height:2em;line-height:2em;text-align:center;width:150px; }
#content .menu-preview .preview a { color: white; margin-bottom: 0.2em; position:relative; padding-right:100px; }
#content .menu-preview a:hover { text-decoration: none; position:static;}
#content .menu-preview img { position: absolute; top: 0; right: 2em; width:300px; height:auto; z-index:1; }
#content .menu-preview a img { display: block; width:0; border:none; }
#content .menu-preview .preview a:hover img { display: block; width:300px;}

body.events #content p { font-family: 'Comic Sans MS', arial, sans-serif; font-size: 1.2em; }
body.events #content h2 { font-family: 'Comic Sans MS', arial, sans-serif; font-size: 1.5em; }
body.testimonials .author {text-align: right; margin-top:0;}
body.testimonials #writeYourOwn { margin:1em;}
body.testimonials #content p span { display:inline; font-family:times New Roman; font-size:4em; padding:0.2em; position:relative; top:0.2em; vertical-align:bottom; }
body.links #content img { padding-bottom: 1em; margin-bottom: 1em;}

body.about h1 { text-indent: -1000em; background: url(matthews_heading_about-us.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.menu h1  { text-indent: -1000em; background: url(matthews_heading_menu.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.testimonials h1  { text-indent: -1000em; background: url(matthews_heading_testimonials.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.groups h1  { text-indent: -1000em; background: url(matthews_heading_groups.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.links h1  { text-indent: -1000em; background: url(matthews_heading_links.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.events h1  { text-indent: -1000em; background: url(matthews_heading_events.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.reservations h1  { text-indent: -1000em; background: url(matthews_heading_reservations.gif) no-repeat 0 0; overflow: hidden; height: 29px; margin-bottom: 0; }
body.certificates h1  { text-indent: -1000em; background: url(matthews_heading_certificates.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.contactUs h1  { text-indent: -1000em; background: url(matthews_heading_contact.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.location h1  { text-indent: -1000em; background: url(matthews_heading_location.gif) no-repeat 0 0; overflow: hidden; height: 29px; }
body.staff h1  { text-indent: -1000em; background: url(matthews_heading_staff.gif) no-repeat 0 0; overflow: hidden; height: 29px; }

body.testimonials #content img,
body.reservations #content img { margin-top: 2.4em; margin-left:10px; }

#travel-date-calendar,
#reservation-date-calendar  { text-indent: -1000em; border: none; background: url(p_cal.gif) no-repeat 0 0; width: 17px; height: 17px; }

#mapIcon { position: absolute; top: 60px; right: 10px; display: block; width: 55px; height: 40px; background: url(matthews_view_map.gif) no-repeat 0 0; }
#mapIcon:hover { text-decoration: none; }

/* weddings and groups */
#weddings-album { text-align:center; }

/* gift certificates */
/* ================= */
.checkout input { width:15em; }
.checkbox label { width: 100%; }
#content .product img { float:none; clear:left; display:block; margin-bottom:1em;}
/* confirmation */
.confirm dl {margin-left:4em}
.confirm dt {float:left; font-weight:bold; width:14em}
.confirm form {display:inline; }
.confirm form input {width:auto;}
.confirm #submitButton {margin:0 0 0 0;display:inline; }
/* download */
.downloadLink { height: 33px; line-height: 33px; vertical-align: middle; display: block; width: 360px; padding: 20px; font-size: 1.5em; }
.downloadLink:hover { text-decoration: underline; }
.downloadLink img { margin-right: 1em; height: 33px; line-height: 33px; vertical-align: middle; }
.download h3 { margin-top: 2em; }
#content #giftCertificate img { float:none; }

/* Staff  */

body.staff .recStaff { border: 1px solid white; float: none; display: block; background-color: #fff}
body.staff #list { float: left; clear: left; }
body.staff #list h2 { width:9em; }


/* IE Hacks */
* html #nav a { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/styles/matthews_nav-line.png", sizingMethod="crop"); }
* html #logo { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/styles/matthews_lg.png", sizingMethod="crop"); }
* html #mapIcon { right: 20px; }
* html #content { height: 550px; }
* html body.reservations #content img { margin-top: 3.5em; }
* html body.testimonials #content p span { font-size:2em; position:static}

body.staff #list h2 { clear: both; float: left; font-size: 1em; margin-bottom: 1em; overflow: hidden; width: 10em; }
body.staff .recStaff { margin-bottom:1em; }
body.staff .col1,
 body.staff .col2 { float:left; margin-right:2em;}