@charset "UTF-8";
@font-face {	font-family: MB;  
  				src: url(fonts/MyriadPro-Bold.otf) format("opentype"); }  
@font-face {	font-family: MBC;  
  				src: url(fonts/MyriadPro-BoldCond.otf) format("opentype"); }
@font-face {	font-family: ML;  
  				src: url(fonts/MyriadPro-It.otf) format("opentype"); }
@font-face {	font-family: MPR;  
  				src: url(fonts/MyriadPro-Regular.otf) format("opentype"); }
 
/* Then use it like you would any other font */  
body {   }  

body {
	font-family:  Trebuchet MS, helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 80%;
	background-color: #fff;
	background-image: url(../img/bg-main.png);
	background-attachment: fixed;
	height:100%;
}
#container {
	width: 900px; 
	margin: 0px auto; padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #fff url(../img/tile-fff-50%25.png);
	height:100%;
	}
	
#main { 
	width: 860px;
	float: left;
	margin: 0 0 -10px 0; 
	padding: 0 0 40px 50px;
	background-image: url(../img/tile-fff-50%25.png);
	height:100%;}


a:link, a:visited {border:none;color:#ec058e; text-decoration:none;}
a:hover {color:#ec058e; text-decoration:underline;}
img {border: none;}
p {padding:0; margin:0;}
.error {
	font-size: 18pt;
	color: #AE2166;
	background-color: #FFF;
	padding: 20px;
	border: 2px solid #EC2F8C;
	display: block;
	line-height: 1.4em;
}

.wide {display:block; float:left; clear:both; width: 800px; margin:10px auto;} /*use this at each div to set standard width. */
.shadow {
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c9c9c9')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c9c9c9');
	padding:0;
}
.mox {display:block; clear:both; width: 800px; margin:0; padding:6px 0;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 2px 2px 2px #000;} /*use this at each div to set standard width. */

.contact {display: block; float:left; padding:10px; margin:10px; width: 760px;}
#banner {width:900px; height:auto; text-align:center; padding: 10px;  margin: 0px auto 10px auto; background:#fff;
font-family: "MBC","Arial Narrow","Arial Rounded MT Bold",Trebuchet MS,helvetica,sans-serif; font-size: 1.5em; color:#333;text-decoration:none;}
#banner img {margin:-20px 0; padding: 10px; align="right"; }


#header { overflow:visible;height:120px;background-image: ;background-position: left top;margin-top: 20px;}
#header h1 {display:block; float:left; padding:0;margin: -10px 0 0 0;}
.hours {display:block; float:right; margin:-10px 0 0 0; padding:4px; border:2px solid #fff; border-top:hidden; background:url(../img/tile-fff-50%25.png);}
.special {display:block; float:left; margin:-30px 0 0 30px; padding:0px; border:0px solid #fff; border-top:hidden; background:none;}

#content {border:2px solid #fff; background-image:url(../img/tile-fff-50%25.png); padding:0 0 6em 0;}
#content h2 {display:block; font-family: "MBC","Arial Rounded MT Bold",Trebuchet MS,helvetica,sans-serif; font-size: 2.0em; color:#333;text-decoration:none; margin: 10px 20px; padding:8px 0; border-bottom:1px dotted #666;}
#content p { text-align:left; padding: 5px 20px;}
#content img {padding:4px; border: 1px solid  #CCC; float:right; margin: 0 20px;}
h4  {display:block; font-family: "MBC","Arial Narrow","Arial Rounded MT Bold",Trebuchet MS,helvetica,sans-serif; font-size: 1.5em; color:#333;text-decoration:none; margin: 4px 20px; padding:4px 0; border-bottom:1px dotted #666;}
h5 {font: 1.0em #C09;}
h6  {display:block; width: 600px; padding: 10px auto; font-family: "MBC","Arial Narrow","Arial Rounded MT Bold",Trebuchet MS,helvetica,sans-serif; font-size: 1.5em; color:#333;text-decoration:none;}


#controls {height: AUTO; background:url(../img/bg-actionBox.png) center no-repeat; padding: 10px 0; font-size:20px; font-weight:bold; line-height:20px; color:#fff; border:2px solid white; }
.click {display:block;float:left;width: 370px;height:auto;border:0px solid #F03;text-align:center;margin-left:20px;padding: 0;background:none;}
.solo  {display:block; width:370px; margin: 5px auto;}

#controls a:link, #controls a:visited {color:#fff; text-decoration:none;}
.click a:hover {color: #C03; text-decoration:none;}

.navbar {height:auto; margin: 20px 0; padding:0; background-image: url(../img/tile-fff-50%25.png); border: 2px solid #fff; text-align:center;}
.navbar ul {display:block; float:left; width: 100%; margin: 0; height: auto; margin:0; padding: 10px 0;list-style:none; text-decoration:none; color:#F9C; text-align:center;}
.navbar ul li {display:inline; text-decoration:none; padding: 10px; border-right: 1px dotted #ccc; }
.navbar a:link, .navbar a:visited {font-family: "MBC","Futura-CondensedExtraBold", Arial Narrow, "Arial Rounded MT Bold",Trebuchet MS,helvetica,sans-serif; font-size: 1.6em; line-height:1.0em; color:#ec058e;text-decoration:none;}
.navbar a:hover {color:#ec058e;text-decoration:underline;}
.firstnav {border-left: 1px dotted #ccc;}
.current a:link, .current a:hover, .current a:visited {color: #000; text-decoration:none;}
.nvx {color: #F9C; font-weight:bold;}


#links {height:90px;background:url(../img/bg-links.png) center no-repeat;border:2px solid white;font-family: "MB", Trebuchet MS, helvetica;color:#fff;display: block;float: left;line-height:1.0em;}
#links ul {display:inline; float:left; width: 760px; height: auto; margin:0; padding: 10px 0 0 10px;list-style:none; display:inline; text-decoration:none; color:#F9C; border: 0px solid dotted red;}
#links ul li {display:inline; float:left; text-decoration:none; padding: 10px 10px 1px 10px; border-right: 1px dotted #666; }
#links a:link, a:visited {text-decoration:none; color:#ec058e;}
#links a:hover {text-decoration:underline; color:#ec058e;}
.linktitle  {font-size: 1.5em; color:#333;}


#modules {height:auto; border:0px solid white; overflow:visible; }
#module1, #module2 {border: 2px solid #fff; display:block; float:left;  width:250px; height:200px; margin:0 19px 0 0; background:url(../img/bg-module.png) top left no-repeat;}
#module3           {border: 2px solid #fff; display:block; float:right; width:250px; height:200px; margin:0; background:url(../img/bg-module.png) top left no-repeat;}

#modules p {font-family: "MPR", Trebuchet MS, helvetica, sans-serif; font-size: .85em;line-height: 1.2em; padding: 6px 10px; }
#modules a:link, #modules a:visited {font-size: 1.4em; font-weight:bold; line-height:1.2em; color:#ec058e;text-decoration:none;}
#modules a:hover {color:#ec058e;text-decoration:underline;}
#modules img {padding:2px; border: 1px solid  #CCC; float:left; margin: 3px 6px 1px 0;}
.gallery {margin: 4px 1px; padding: 2px; border:1px solid #ccc;} 

#map {display:block; width:756px; border: 2px solid #fff; margin:0px 20px 0px 0px;}

#footer {height:auto; margin: 150px 0 0 0; padding:0; background-image: url(../img/tile-fff-50%25.png); border-bottom: 20px solid #666; text-align:center;}
#footer ul {display:block; float:left; width: 100%; margin: 0; height: auto; margin:0; padding: 10px 0;list-style:none; text-decoration:none; color:#F9C; text-align:center; background: #000;}
#footer ul li {display:inline; text-decoration:none; padding: 10px; border-right: 1px dotted #fff; }
#footer a:link, #footer a:visited {font-size: 1.4em; font-weight:bold; line-height:1.2em; color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
.first {border-left: 1px dotted #fff;}

#subscribe {height:auto; margin: 20px 0; padding:0; background-image: url(../img/tile-fff-50%25.png); border: 2px solid #fff; text-align:center;}
.label {display:block; float:left; width: 100%; margin: 0; height: auto; margin:0; padding: 10px 0;list-style:none; text-decoration:none; color:#F9C; text-align:center;}




table {margin: 0px;padding: 0px;}
#book {width: 1000px; border: 2px solid #fff;  margin: 0px auto; background: #fff); z-index: 1;}

dl.table-display {width: 500px;clear:both;padding: 0;border: 0px solid #ec058e;margin: 0 px auto;}

.table-display dt {width: 350px;float: left;margin: 0 0 0 0;padding: 6px 10px 6px 40px;border-top: 1px solid #ec058e;font-weight: bold;text-align:left;}
.info {font-weight:100; font-size:12px;}
#clickMe {display:block; width:200px; font-size:1.0em; color: #fff; background: #999; padding: 2px 10px; border:1px solid #CCC;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;}
#clickMe :hover {background:#666;}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd{font-family: georgia, times, serif; float: left;width: 60px;margin: 0 0 0 0;padding: 6px;border-top: 1px solid #ec058e;text-align:left;}
.tableTitle {text-align: left;color:#333;font-size: 1.5em;line-height: 1em;margin: 12px 0 0 0;border-top: 6px solid #ec058e;padding: 0 0 0 -20px;}


#features {height: 334px; background: none; border:2px solid white; overflow:hidden; }


.main_image {
    width: 579px;
    height: 334px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	
}
.main_image h2 {font-family: "MB","Futura-Medium", "Arial Narrow", "Arial Rounded MT Bold", Trebuchet MS, helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 10px 0 10px;
	color: #fffdc5;
}
.main_image p {
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 0px 10px 10px 20px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../img/btn_collapse.pngx) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    left: 20px;
}
.main_image a.show {background-position: left bottom;}


.image_thumb { padding:0; margin:0;
    float: left;
    width: 218px; 
    background:  none;
    border-right: 1px solid red;
    border-top: 1px solid #ccc;
	border-left: 1px solid #fff;
}
.image_thumb a:link, a:visited {text-decoration:none; color:f963bc;}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 3px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 0;
    background: #f0f0f0 url(../img/bg-featureBtnOver.png) center repeat-x;
    width: 218px; height: 82px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: url(../img/bg-featureBtn.png) right center repeat-x;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: url(../img/bg-feat-selected.png) left center no-repeat;
    cursor: default; overflow:visible;
	width: 240px; height: 84px; padding:0; border-top: 0; border-bottom:0;
	position:relative; left: -20px;
}
html .image_thumb ul li h2 { font-family: "MBC","TrebuchetMS-Bold", "Arial Rounded MT Bold", Trebuchet MS, helvetica, sans-serif; color:#f963bc; text-shadow: 1px 1px 1px #fff;
    font-size: 3.0em;
    margin: 12px;
    padding: 10px 0 0 5px;
	font-weight:normal;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 130px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
.feat2 {color:#ec008c;padding:0px 0 0 20px; line-height:0.8em;}



span.label,span.spacer,span.multiple span {width:auto;float:left;} 
span.multiple {float:left;} 
div.clear {clear:both;padding-top:5px;} 


img, div, a { behavior: url(iepngfix.htc) }
#news {
	width: 890px;
	margin: 0px auto;
	padding:0;
	border:NONE;
	background-color: #FFF;
	text-align: center;
	height:49px;
}

#news img {margin:0; padding:0 20px 0 0;}
#news h3 {display:block;  margin:0;padding: 6px 10px 0 20px; }

#news h3:hover {xackground:#FCF;}
#news p {padding: 0px 10px 6px 0px;}