/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/body.png) #fed17c repeat-x top; line-height: 1; color: #8e551e; font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding: 0 0 11px 0; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { color:#8e551e; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }*
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
input[type="button"] { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; padding: 2px; margin: 5px; border: 1px solid black; background-color: #A69E83; }
input[type="submit"] { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; padding: 2px; margin: 5px; border: 1px solid black; background-color: #A69E83; }
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #8e551e; line-height:1.1em; }
a:visited { color: #8e551e; }
a:hover { color: #8e551e; }
a strong { color: #8e551e; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/

.inline { display:inline !important; }
.block { display:block !important; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/required.png) no-repeat 99% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }
.font-01,.font-02 { visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }

select { border: 1px solid #999; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
input[type="text"] { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
input[type="password"] { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
button.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 971px; text-align:left; margin: 26px auto 0 auto; border:solid #9a6e0e; border-width: 1px 1px 2px 1px; padding:0 0 75px 0; background:url(../images/site.jpg) 0 100% no-repeat; }

/* HEADER */
#header { height: 116px; width:971px; background: url(../images/header.jpg) no-repeat #efe2bc; position:relative; z-index:100; }
#header a { color:#700d2d; }
#logo { width: 256px; height: 192px; position:absolute; top: 15px; left: 60px; background:url(../images/logo.png) no-repeat; text-indent:-6000px; z-index:20; }
#logo a { display:block; width: 100%; height: 100%; }
#logo span { display:block; width: 70px; height: 80px; position:absolute; bottom:0; right:0; z-index:10; }
#tagline { background:url(../images/tagline.jpg) no-repeat; text-indent:-6000px; width: 432px; height: 28px; border: solid #df9042; border-width: 1px 1px 0 1px; margin: 51px 74px 0 0; display:inline; padding:0; float:right; }

/*NAV*/
#nav { clear:right; float:right; display:inline; height: 18px; width:562px; background: url(../images/nav.png) repeat-x #a16924; list-style:none; margin:0;padding:8px 0 7px 24px; position:relative; }
#nav a { text-align:left; display: block;text-decoration:none; display:inline-block; height: 18px; padding:0 10px; text-indent:-6000px; background-position: 8px 0; background-repeat: no-repeat;  }
* html #nav a { float:left; }
*+html #nav a { float:left; }

#nav a:hover { }
#nav li.level1 { float: left; display: inline; display:inline-block; margin: 0 0; border-right:1px solid #b5b38e;  }/*menu category styling*/
#nav li.level1 a { }
#nav li.first {}
#nav li.last { background:0; border: 0; padding-right:0; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav ul { display:none; position: absolute; top: 18px;left: 0px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:url(../images/nav-ul.png) repeat-y 0 0; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: url(../images/nav-li.png); }
* html #nav li ul li { height: 1%; float:left; }
*+html #nav li ul li { height: 1%; float:left; }

#nav li ul li.first { padding:5px 0 0 0; }
#nav li ul li:hover { }
#nav li ul a { padding: 5px 3px 5px 30px; text-indent: 0; text-transform:none; height: auto; width: 138px !important; color: #fff; text-decoration: none; background:none !important; } /* reset for dropdown */
#nav li ul a:hover { color:#fed17c; }
#nav ul ul {}
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

#nav li ul li a.flyout { background-image:url(../images/nav-flyout.png); background-repeat: no-repeat; background-position: 97% 9px; }

/* nav categories */
#nav #nav-menus a { background-image: url(../images/nav-menus.png); width: 49px; }
#nav #nav-menus:hover a {background-position: 8px bottom; }
#nav #nav-music-entertainment a { background-image: url(../images/nav-music-entertainment.png); width: 178px; }
#nav #nav-music-entertainment:hover a {background-position: 8px bottom; }
#nav #nav-catering a { background-image: url(../images/nav-catering.png); width: 71px; }
#nav #nav-catering:hover a {background-position: 8px bottom; }
#nav #nav-events a { background-image: url(../images/nav-events.png); width: 55px; }
#nav #nav-events:hover a {background-position: 8px bottom; }
#nav #nav-our-story a { background-image: url(../images/nav-our-story.png); width: 82px; }
#nav #nav-our-story:hover a {background-position: 8px bottom; }

/*MAIN*/
#main{ width:100%; overflow:hidden; background:url(../images/main.png) 0 100% repeat-x #f1e6be; }
#internal #main { padding: 0 0 41px 0; }

/*WELCOME*/
#welcome { float:left; width: 385px; height:423px; background:url(../images/welcome.jpg) no-repeat 0 0; text-align:center; }
#welcome h2 { background:url(../images/welcome-h2.png); height:18px; width:144px; text-indent:-6000px; margin: 107px auto 0 auto; padding:0; }
#welcome .cms { margin: 11px 0 0 0; line-height: 1.7em; }
#btn-gelato-flavors-of-the-week { background:url(../images/btn-gelato-flavors-of-the-week.png); width:306px; height: 44px; text-indent:-6000px; margin:21px 0 0 47px;padding:0;}
#btn-gelato-flavors-of-the-week a { display:block; height: 100%; width:100%; }

/* SLIDESHOW */
#slideshow { position:relative; float:right; width:586px; height: 423px; background:url(../images/slideshow.jpg) 0 0; margin: 0 0 0 0; }
#slideshow span { display:block; position:absolute; top:14px; right:0; z-index:8; height: 393px; width:569px; background-repeat:no-repeat; }
#slideshow span.active { z-index:10; }
#slideshow span.last-active { z-index:9; }

#photo-01 { background-image: url(../images/photo-01.jpg); }
#photo-02 { background-image: url(../images/photo-02.jpg); }
#photo-03 { background-image: url(../images/photo-03.jpg); }
#photo-04 { background-image: url(../images/photo-04.jpg); }
#photo-05 { background-image: url(../images/photo-05.jpg); }
#photo-06 { background-image: url(../images/photo-06.jpg); }

/*NAV SUB*/
#nav-sub { float:left; display:inline; margin:104px 0 0 34px; width: 193px; overflow:visible; padding: 0 0 61px 0; }
#nav-sub h2 { color:#ce545a; margin:0; padding:0; font-size:1.4em; font-weight:800; text-transform: uppercase; }
#nav-sub ul { list-style:none; padding:0; margin:7px 0 0 0; width: 100%; }
#nav-sub li { background:url(../images/nav-sub-li.png) no-repeat 0 7px; padding: 5px 0; width: 100%;  }
#nav-sub li a { white-space:nowrap; text-transform: uppercase; color:#ce545a; display:block; font-size:1.3em; line-height: 1.2em; width: 168px; padding:0 0 0 22px; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/*CONTENT*/
#content { float:right; display:inline; margin:0 24px 0 0; width: 695px; overflow:hidden; padding: 35px 0 0 0; }
#content .cms { margin:18px 0 0 0; }

/*PAGE TITLE*/
#page-title { padding:0;margin:0 0 0 0; background:url(/images/page-title.png) 0 100% repeat-x; position:relative; z-index:50; cursor: default; }
#page-title span.font-01 { display:block; font-weight:normal; font-size:1.8em; color:#ce545a; height: 40px; }
/*#page-title a { display:block; width:54px; height:11px; position:absolute; right:0; top:21px;  }*/

/* FOOTER */
#footer { padding: 1px 0 0 0; text-align: center; position:relative; margin: 4px auto 0 auto; position:relative; width:971px; }
#footer #btn-coupons { margin:0;padding:0; width: 123px; height: 25px; background:url(/images/btn-coupons.png); text-indent:-6000px; border:1px solid #d0a34b; position:absolute; top:4px;left:0; }
#footer #btn-coupons a { height: 100%; width: 100%; display:block; text-indent:-6000px; }
#footer #free-wireless-internet { margin:0;padding:0; width: 191px; height:12px; background:url(/images/free-wireless-internet.png); text-indent:-6000px; position:absolute; top:9px;right:1px; }
#footer address { font-style: normal; margin: 0 0 0 50px; }

/* MISC
-------------------------------------*/
#breadCrumb {
	height: 18px; /* This is the height we wan't on our breadcrumb */
	padding: 0 0 2px 8px;
	/*background: #F; This is our background color */
	font-weight: bold;
	margin-bottom: 10px;
}

#breadCrumb li {
	float: left;
	display: inline;
	margin-right: 4px;
	font-weight: bold;
	color: #000000; /*This is our color on the text which isn't a link. We want' they to be light grey */
}

#breadCrumb a {
	/*color: #fff;  Our breadcrumb links are going to be white */
	font-weight: bold; /* And bold */
	background: url(/img/icons/breadcrumb.gif) bottom right no-repeat;
	padding-right: 20px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
	text-decoration: none;
}

#breadCrumb a:hover {
	background:url(/img/icons/breadcrumb.gif) bottom right no-repeat;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}