@import url(http://fonts.googleapis.com/css?family=Rammetto+One);
/* = RESET STYLES = */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a img {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}

/* = DEFAULT STYLES = */
body {text-align: center;margin: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;background: #1a1007 url(images/background.jpg) top center no-repeat fixed;}
/* DEFAULT - LINKS */
a {text-decoration: none;font-weight: bold;color:#8bbafd;}
a:hover {text-decoration: underline;}
/* DEFAULT - HEADINGS */
h1 {font-family: Arial, Helvetica, sans-serif;font-size:24px;border-bottom:1px solid #881433;color:#f3f1da; letter-spacing:-.5px;}
h1 span.sub-header {color: #881433;font-size: 19px;letter-spacing: 0pt; font-weight:bold; }
h2 {font-family: Arial, Helvetica, sans-serif;font-size:20px;color:#f3f1da;text-transform:uppercase;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size:18px;border-bottom:1px solid #000;color:#f3f1da;margin:0 0 5px 0; padding: 0 0 3px 0;}
h3 span.header-spacing {font-family: Arial, Helvetica, sans-serif;font-size:18px;border-bottom: none;color:#f3f1da;margin:10px 0 5px 0; padding: 0 0 3px 0; line-height: 36px; display: block;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin:  15px 0 10px 0; padding: 0 0 2px 0; text-shadow: 2px 2px 1px #000; border-bottom: 1px solid #000; color:#f3f1da;}
h5 {}
/* DEFAULT - CLEARS */
.clear {clear: both;height: 0;width: 0;}
.clear-right {clear: right;height: 0;width: 0;}
.clear-left {clear: left;height: 0;width: 0;}

/* = CONTAINER = */
#page {width: 100%;margin: 0 auto;}

/* = HEADER = */
#header-container {width:100%; height: 150px;}
#header {width: 1000px;position: relative;margin:0 auto;}
/* HEADER - LOGO */
#header #logo {position: absolute;left:0px;}
#header #logo:hover img {opacity: .7;}

/* HEADER - CALL TO ACTION */
#header #c2a {position: absolute;top:40px;right: 0px;font-family: Arial, Helvetica, sans-serif;text-align:right;letter-spacing:1px;font-weight:bold;text-shadow: 2px 2px 10px #000;}
#header #c2a div.slogan {font-size:24px; color:#f3f1da;padding:0px 0 0 0;font-family: 'Rammetto One', cursive; font-weight:normal;}
#header #c2a div.number {font-size:26px;color:#f3f1da;text-shadow: 0px 1px 1px #000;}
#header #c2a div.address {font-size:14px; color:#f3f1da;}
#header #special {background-image:url(images/pick-up-delivery-eatin.png);width:303px;height:95px;position:absolute;top:105px;right:15px;}

/* HEADER - CALL TO ACTION - SOCIAL ICONS */
#social-icons {width:300px;position: absolute;top:10px;left: 360px;display: block;margin:  0px 0 0 0px;}
#social-icons a {float: left;margin: 0px;}
#social-icons a img {opacity: .8;margin:1px 0 0 0;}
#social-icons a:hover img {opacity: 1;}

/* = NAVIGATION = */
#nav-container {height:74px;background:url(images/bg-nav.png) repeat-x;margin:0 0 0px 0;}
#nav {padding: 0;position:relative;width:1000px;margin:0 auto;font-size:18px;font-weight:normal;line-height:28px;}
#nav ul {padding: 0;margin: 0;list-style-type: none;}
#nav ul li {float: left;}
#nav ul li a, #nav ul:hover li.current a {font-family: Arial, Helvetica, sans-serif;float: left;display: block;padding:0 20px;margin:9px 40px 0 0;background:none;border:0;position:relative;top:2px;color:#f3f1da;}
#nav ul li a:hover, #nav ul li.current a, #nav ul:hover li.current:hover a {background:#fff;border-radius:4px;border-top:1px solid #999;border-bottom:1px solid #FFF;text-decoration:none; color:#000;}
/* = DROP-DOWN = */
#nav ul ul {position: absolute;top:0;left:0;visibility: hidden;width: auto;height: auto;}
#nav ul li:hover ul {visibility: visible;}
#nav ul ul li {float: none;}
#nav ul ul li a {float:none;}
#nav ul ul li a.first {}
#nav ul ul li a:hover {}

/* = BANNER = */
#banner-container {}
#banner {width: 1000px;height: 325px;margin:0 auto;border: 3px solid #1a1007; background:none;}
#banner #slider {width: inherit;height: inherit; }
#shadow {background:url(images/slider-shadow.png);width:1000px;height:39px;margin:0 auto 10px auto;}

/* = MAIN = */
#content-container {width:100%;}
#content {width: 940px;text-align: left;line-height: 24px;margin:0 auto; background:url(images/content-bg.png); padding:30px;}

/* = CONTENT = */
#primary-container {}
#primary {float: left;padding: 0px 0 0 0;margin: 0px;width: 940px;}
#primary.full-width {width: 900px;}
#primary p {margin: 10px 0; font-size:16px; line-height:28px;color:#f3f1da;}
#primary .quote {font-size:20px; line-height:24px; color:#303092; font-style:italic;}
#primary .signature {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#primary .important {font-size:18px; color: #C00;}
#primary img.graphic {margin: 5px 15px 5px 0px;border: 1px solid #686142; float:left; padding:2px;}
#primary img.graphic:hover {opacity: .7;border: 1px solid #C00;}
#primary.full-width .paragraph-left {float: left; width: 620px; display: block;}
#primary.full-width p {margin: 10px 0; font-size:16px; line-height:28px;color:#f3f1da;}


* {
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

-------------------------------------
IMAGE HOVER EFFECT
-------------------------------------
*/


#primary.full-width .image-right {display: block;width: 250px; height: 200px;margin: 20px 0 20px 15px;overflow: hidden;float: right;}
#primary.full-width .image-right img {display: block;width: 250px;height: 200px;float: right;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; margin: 30px 0 20px 20px;}
#primary.full-width .image-right img:hover {opacity: 0.7;cursor: pointer;}
#primary.full-width .image-right span {float: right;width: 250px; height: 200px;}


-------------------------------------

ul.gift-cards {}
ul.gift-cards li { line-height: 26px; font-size: 14px; color:#000; text-shadow: 1px 1px 1px #FFF;text-align: center;font-family: 'Rammetto One', cursive; list-style: none;}
ul.gift-cards li a { background:#710135;  -moz-border-radius:8px;font-size:18px;font-family: 'Rammetto One', cursive;text-transform:uppercase;color:#FFF; text-shadow: 1px 1px 1px #000; border: 1px solid #006863;transition: all 0.3s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2); text-decoration: none; padding: 5px;}
ul.gift-cards li a:hover {text-shadow: 0 1px rgba(255,255,255,0.7); background:#a90350; color: #000;}
ul.gift-cards li a .embossed-link {box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2),inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.15), inset 0 20px 10px rgba(255,255,255,.12), 0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);}
ul.gift-cards li a .embossed-link:hover {box-shadow: inset 0 -2px 1px rgba(255,255,255,0.2),inset 0 3px 2px rgba(0,0,0,0.12);}

/* = SIDEBAR = */
#sidebar-container {}
#sidebar {float: left;padding: 25px;margin: 20px 25px 0 0;width: 346px; background:#ededed;border:2px solid #ccc;}
#sidebar ul {list-style-type: none;padding: 0;margin: 0 0 25px 0;}
#sidebar ul li {font-size: 16px;font-family: "Open Sans", arial, sans-serif;text-transform: normal;padding: 8px 0 8px 8px;margin: 0;border-bottom: 1px solid #eb1c24;}
#sidebar ul li:hover {background: #f9ed38;}
#sidebar ul li:hover a {color: #000;}
#sidebar a {color: #000;font-weight: bold;}
#sidebar a:hover {color: #d05804;text-decoration: none;}

/* = QUICKLINKS = */
#feature-container {display: block; width: 940px; margin: 0px 0px; padding: 0; }
#feature {display: block; float: left; width: 245px; min-height: 485px; padding: 0 15px 15px 15px;margin: 10px 17px 20px 17px; color: #fff; text-align: center;background: url(images/feature-bg.jpg) #000;border-radius:8px;border:2px solid #f3f1da; }
#feature img {border:0px solid #686142; margin:0px 0 0 0;}
#feature p {color: #f3f1da; line-height:18px; padding: 0px 0 10px 0; font-size:16px;}
#feature a {display: block; color: #1a1007; font-family: 'Ubuntu', sans-serif; font-size: 12px;background: #f3f1da; width: 180px; margin: 0px auto; padding: 6px 6px 6px 6px; border-radius: 10px; border: 1px solid #1a1007;}
#feature a:hover { background: #1a1007; text-decoration: none; color:#fff;}

/* = CONTACT = */
#contact-container {background:url(images/bg-nav.png) top repeat-x;line-height:50px; margin: 20px 0 0 0;}
#contact {width:1000px;margin:0 auto;color:#fff; font-weight:bold;}
#contact a {color: #fff;}

/* = FOOTER = */
#footer-container {height:40px;background:url(images/footer-bg.jpg) repeat-x center top;line-height:40px;}
#footer {width: 1000px;margin:0 auto;}
#footer #sitemap {float: left;width: 600px;text-align:left;}
#footer #copyright {float: left;width: 400px;text-align: right;}
/* FOOTER - LINKS */
#footer a {color:#fff;font-weight:normal;}
#footer a:hover {}
#footer ul {list-style-type: none;}
#footer ul li {float: left;margin:0 20px 0 0;}

/* = CONTACT FORM RIGHT = */
#contact-right {text-align: left;list-style-type: none;font-size: 12px; width:380px;}
#contact-right li {margin: 0 0 10px 0;clear: both; padding:0px 0; color:#fff;}
#contact-right span.contact-input {float: right;}
#contact-right span.contact-input input { width: 300px;}
#contact-right span.contact-textarea textarea {resize: vertical;}
#contact-right #captcharesult {color: #F00;}
#contact-right .contact-button {width:100%;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto 20px auto;display: block; width: 450px;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a {text-decoration: none; text-shadow: 1px 1px 0 #CCC, 2px 2px 0 #222, 3px 3px 0 #444; color:#710135; font-family: 'Rammetto One', cursive; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 26px; line-height: 46px; display: block; background: #f3f1da; padding: 5px;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; margin: 30px 0 20px 20px;}
ul.sitemap-page li a:hover {color: #006863; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #CCC, 3px 3px 0 #444;}

/* = BANQUET LINKS = */
ul.banquet-links {margin: 20px auto 20px auto;display: block; width: 450px;}
ul.banquet-links li { list-style: none;}
ul.banquet-links li a {text-decoration: none; text-shadow: 1px 1px 0 #CCC, 2px 2px 0 #222, 3px 3px 0 #444; color:#710135; font-family: 'Rammetto One', cursive; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 26px; line-height: 46px; display: block; background: #f3f1da; padding: 5px;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; margin: 30px 0 20px 20px;}
ul.banquet-links li a:hover {color: #006863; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #CCC, 3px 3px 0 #444;}


/* = CONTACT PAGE FORM = */
#primary.full-width #contact-form-container {background: #f3f1da; width:465px; min-height: 600px; padding:20px; margin: 50px auto;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; position:relative;}

#primary.full-width #contact-form-container form textarea {}
#primary.full-width #contact-form-container form input[type="submit"] {}


#primary.full-width #contact-page span.contact-description { margin-bottom:20px;line-height: 26px; font-size: 16px; display:block; padding-bottom: 20px; }

#primary.full-width .contact-box-container {width: 860px;background: #f3f1da;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding: 20px; }
#primary.full-width .contact-box {float: left;min-height: 355px; min-width: 235px;line-height: 26px; margin: 5px;}
#primary.full-width .contact-box span.address { display: block;margin: 20px auto;line-height: 26px; font-size: 13px; color:#000; text-shadow: 1px 1px 1px #FFF;text-align: center;font-family: 'Rammetto One', cursive;}
#primary.full-width .contact-box span.address a { font-size: 13px; font-weight: normal;}


/* = FORM = */
#primary.full-width form {text-align:left;list-style-type:none;}
/* FORM - LABEL */
#primary.full-width form label {cursor:pointer;float: left;clear: both;margin: 5px 0 0 0; font-size: 16px; text-shadow: 1px 1px 1px #FFF;font-family: 'Rammetto One', cursive;}
#primary.full-width form .required { font-weight:bold; color:#F00; }
#primary.full-width form #req-field-desc { font-style:italic; font-size: 16px; text-shadow: 1px 1px 1px #FFF;font-family: 'Rammetto One', cursive; color: #000;}
/* FORM - INPUT FIELDS */
#primary.full-width form input[type="text"] {border-radius: 3px;}
#primary.full-width form input {border: 1px solid #006863;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width form input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
#primary.full-width form textarea {resize:vertical;float: left;clear: both;height: 80px;width: 97%;border: 1px solid #006863;font-family:arial, sans-serif;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
/* FORM - CAPTCHA */
#primary.full-width form img {float: left;clear: both;}
#primary.full-width form #captcharesult {color:#F00;float: left;clear: both;}
#primary.full-width form a {display: block;float: left;clear: both;}
/* FORM - SUBMIT BUTTON */
#primary.full-width form input[type="submit"] {margin:10px 0;float: left;width: 100%;display:block;clear: both;height:40px; background:#710135;  -moz-border-radius:8px;font-size:18px;font-family: 'Rammetto One', cursive;text-transform:uppercase;color:#FFF; text-shadow: 1px 1px 1px #000; border: 1px solid #006863;transition: all 0.3s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2);}
#primary.full-width form input[type="submit"]:hover {text-shadow: 0 1px rgba(255,255,255,0.7); background:#a90350; color: #000;}

#primary.full-width form input[type="submit"].embossed-link {box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2),inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.15), inset 0 20px 10px rgba(255,255,255,.12), 0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);}
#primary.full-width form input[type="submit"].embossed-link:hover {box-shadow: inset 0 -2px 1px rgba(255,255,255,0.2),inset 0 3px 2px rgba(0,0,0,0.12);}



#primary.full-width .gift-card-form-container {float: left;margin: 20px 0 20px 30px;width: 500px;background: #f3f1da;box-shadow: 0px 0px 0px 5px #006863, 0px 0px 0px 10px #f3f1da, 0px 0px 0px 15px #710135; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding: 20px;}
/* = GIFT CARD FORM = */
#primary.full-width form {text-align:left;list-style-type:none;}
/* FORM - LABEL */
#primary.full-width form label {cursor:pointer;float: left;clear: both;margin: 5px 0 0 0; font-size: 14px; text-shadow: 1px 1px 1px #FFF;font-family: 'Rammetto One', cursive;}
#primary.full-width form .required { font-weight:bold; color:#F00; }
#primary.full-width form #req-field-desc { font-style:italic; font-size: 14px; text-shadow: 1px 1px 1px #FFF;font-family: 'Rammetto One', cursive; color: #000;}
/* FORM - INPUT FIELDS */
#primary.full-width form input[type="text"] {border-radius: 3px;}
#primary.full-width form input {border: 1px solid #006863;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width form input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
#primary.full-width form textarea {resize:vertical;float: left;clear: both;height: 80px;width: 97%;border: 1px solid #006863;font-family:arial, sans-serif;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
/* FORM - CAPTCHA */
#primary.full-width form img {float: left;clear: both;}
#primary.full-width form #captcharesult {color:#F00;float: left;clear: both;}
#primary.full-width form a {display: block;float: left;clear: both;}
/* FORM - SUBMIT BUTTON */
#primary.full-width form input[type="submit"] {margin:10px 0;float: left;width: 100%;display:block;clear: both;height:40px; background:#710135;  -moz-border-radius:8px;font-size:18px;font-family: 'Rammetto One', cursive;text-transform:uppercase;color:#FFF; text-shadow: 1px 1px 1px #000; border: 1px solid #006863;transition: all 0.3s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2);}
#primary.full-width form input[type="submit"]:hover {text-shadow: 0 1px rgba(255,255,255,0.7); background:#a90350; color: #000;}

#primary.full-width form input[type="submit"].embossed-link {box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2),inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.15), inset 0 20px 10px rgba(255,255,255,.12), 0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);}
#primary.full-width form input[type="submit"].embossed-link:hover {box-shadow: inset 0 -2px 1px rgba(255,255,255,0.2),inset 0 3px 2px rgba(0,0,0,0.12);}

