* {margin:0; padding:0}

body {
background:#041d38 url(../images/background.jpg) no-repeat top center;
font:14px Arial, Helvetica, sans-serif; font-weight:normal;
}

#logo {
float:left;
height:162px; 
width:151px; 
}

#note {
float:right;
height:134px; 
width:727px; 
background:#fff url(../images/note.jpg) no-repeat top left;
}

a:link {color:#041d38; text-decoration:none; }
a:visited {color:#041d38; text-decoration:none; }
a:hover {color:#041d38; text-decoration:underline; }

img { 
 border: none; 
}

#mast {height:151px;
width:1006px; 
margin:7px auto 0 auto;
background:url(../images/mast-background.jpg) no-repeat;
}

#nav2 {height:81px;
width:1006px; 
margin:0 auto;
background:url(../images/nav2.jpg) no-repeat;
}

#top-content{
width:985px;
height:14px;
background:url(../images/content-top.png) no-repeat top center;
margin:0 auto;
}

#center-content{
width:965px;
height:auto;
background:url(../images/content-center.png) repeat-y top center;
margin:0 auto;
padding:0 10px 0 12px;
}

#bottom-content{
width:985px;
height:16px;
background:url(../images/content-bottom.png) no-repeat top center;
margin:0 auto;
}

#all-content2{
width:722px;
height:auto;
float:left;
}

#top-content2{
width:722px;
height:17px;
background:url(../images/content-top2.png) no-repeat top center;
margin:0 auto;
}

#center-content2{
width:694px;
height:auto;
background:url(../images/content-center2.png) repeat-y top center;
margin:0 auto;
padding:0 14px 14px 14px;
}

#bottom-content2{
width:722px;
height:18px;
background:url(../images/content-bottom2.png) no-repeat top center;
margin:0 auto;
}

#news{
width:271px;
height:42px;
background:url(../images/news.png) no-repeat top center;
float:left;
padding:17px 22px 14px 81px;
}

#email{
width:130px;
height:52px;
background:url(../images/email.png) no-repeat top center;
float:right;
padding:17px 22px 0 81px;
}

#takeout{
width:233px;
height:69px;
float:right;
padding:0;
}

#face{
width:130px;
height:46px;
background:url(../images/face.png) no-repeat top center;
float:right;
padding:21px 22px 0 81px;
}

#directions{
width:130px;
height:57px;
background:url(../images/directions.png) no-repeat top center;
float:right;
padding:17px 22px 0 81px;
}

#hours{
width:205px;
height:207px;
background:url(../images/hours.png) no-repeat top center;
float:right;
padding:24px 14px 0 14px;
}

#menu{
width:285px;
height:102px;
background:url(../images/menu.png) no-repeat top center;
float:right;
padding:14px;
}

#container {
margin:0 auto;
width:1006px; 
height:auto;
}

#container3 {
margin:0 auto;
width:1006px; 
height:auto;
}

.p { text-align:left;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:16px;
}

.left {padding:0 14px 0 14px;
}

#left-column {
margin-top:29px;
float:left;
width:608px; 
height:auto;
border-right: thin solid #a7aaac;
}

#left-column-one {
padding-bottom:25px;
float:left;
width:608px; 
height:auto;
background:#fff url(../images/photo.jpg) no-repeat right top;
border-bottom: thin solid #a7aaac;
text-align:left;
}

#left-column-two {
padding-bottom:5px;
margin-top:25px;
float:left;
width:608px; 
height:auto;
border-bottom: thin solid #a7aaac;
text-align:left;
}
.heading-class {
color:#000;
font-size:24px;
}

#right-column {
margin:0 auto;
float:left;
width:280px; 
height:auto;
}

#right-column-one{
margin-top:29px;
padding-bottom:25px;
float:right;
width:265px; 
height:auto;
}

.footer-holder {
margin:0 auto;
padding:10px 14px 0 14px;
background:url(../images/footer.png) no-repeat center top;
width:958px; 
height:165px;
color:#000000;
font:12px Arial, Helvetica, sans-serif;
text-align:right; font-weight:normal;
line-height:14px;
}

.footer-holder a, .footer-holder a:active, .footer-holder a:visited {text-decoration:none; font:10px Arial, Helvetica, sans-serif; text-align:right; font-weight:normal; color:#000; text-align:right;}
.footer-holder a:hover {color:#db509d}

/* slide show effect code */
.sm {list-style:none; width:896px; height:289px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
.slide1 {width:520px;
height:289px;
background:#fff url(../images/slide1.jpg) no-repeat left top;
}
.slide2 {width:520px;
height:289px;
background:#fff url(../images/slide2.jpg) no-repeat left top;
}
.slide3 {width:520px;
height:289px;
background:#fff url(../images/slide3.jpg) no-repeat left top;
}
.slide4 {width:520px;
height:289px;
background:#fff url(../images/slide4.jpg) no-repeat left top;
}
.slide5 {width:520px;
height:289px;
background:#fff url(../images/slide5.jpg) no-repeat left top;
}
.slide-box {
font:normal 16px/20px Arial, Helvetica, sans-serif;
color:#000;
width:300px;
height:150px;
padding:25px;
position:relative;
top:50px;
left:100px;
background: url(../images/transparent.png);
}

/* menu code */

.menu {position:relative; height:35px; width:746px; float:right;}
.menu ul {list-style:none; z-index:100; padding:9px 10px;}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#000; padding:15px; text-align:right;}
.menu a:hover {color:#db509d}
#slide {position:absolute; bottom:0; height:7px; background:#db509d; z-index:10}

ul.sidenav {
	font-size: 1em;
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #a2a6a9;
	border-bottom: 1px solid #777676;
	border-top: 1px solid #000;
	border-right: 1px solid #777676;
	border-left: 1px solid #000;
}
ul.sidenav li a{
	display: block;
	color: #fff;
	text-decoration: none;
	width: 205px;
	padding: 10px 10px 10px 35px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #777676;
	border-right: 1px solid #777676;
	border-left: 1px solid #000;
}

ul.sidenav li a:hover {
	background-color: #da529e;
	border-top: 1px solid #000;
}
ul.sidenav li span{	display: none; }
ul.sidenav li a:hover span {
	display: block;
	font-size: 0.8em;
	padding: 10px 0;
}

a, a img               { border: 0; text-decoration: none; }

#page-wrap, #demo2     { width: 90%; padding:0; margin: 0 auto 0; position: relative; }

pre, code              { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; padding: 5px; background: #f5f5f5; block: inline; }
blockquote             { margin-left: 30px; }

ul                     { margin: 0 0 25px 20px; list-style:none; list-style-type:none; }
ul li                  { font: 18px Arial, Helvetica, sans-serif; list-style:none; list-style-type:none;}

#dl                    { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover              { background: #666; }

.themeselector         { margin: 0 auto; text-align: center; }

#status                { color: #00a; font-weight: bold; }
.alert                 { color: #f00; font-weight: bold; }
.alert a               { color: #a00; }
.data                  { width: 100%; border: #555 1px solid; border-collapse: collapse; }
.data td, .data th     { border: #555 1px solid; padding: 0 5px; }
.data th               { background: #eee; }
.data .col             { width: 200px; }

/* For Specific Slides */
.textSlide2             { padding: 10px 30px; float:right; width:360px; }
.textSlide             { padding: 10px 30px; float:right; width:810px; }
.textSlide h3          { font: 20px Georgia, Serif; }
.textSlide h4          { font: 17px/19px Arial, Helvetica, sans-serif; text-align: left; font-weight:normal; padding:20px 0 20px 0;}
.textSlide ul          { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li       { display: list-item; }
.rightside             { float: right; margin: 0 0 2px 10px; }

.quoteSlide            { padding: 30px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */
#slider1 .panel5 ul    { width: 225px; margin: 0 5px 0 15px; }