@charset "UTF-8";
/* CSS Document */

body, html
{
	margin: 0;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #000000;	
}

body
{
	min-width :1024px;
}

#wrap
{
	margin: 0 auto;
	width: 970px;	
}

#headerwrap
{
	float: left;
	width: 970px;
	height: 115px;
	margin: 0;
	padding: 0;
}

#navwrap
{
	float: left;
	width: 970px;
	height: 36px;
	margin: 0;
	padding: 0;
	background-image: url(images/navbg.jpg);
	background-repeat: repeat-x;
	
}

#nav {
	height: 36px;
	width: 100%;
	margin-left: 0px;
	float: left;
	padding: 0px;
	display: inline;
}

#nav a:link, #nav a:visited
{
	display: block;
	height: 36px;
	background-position: left top;
	color: #FFFFFF;
	text-decoration: none;
	border: 0;
	padding: 0;
}

#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 120px;
	margin-top: 0px;
}

#nav ul li
{
	float: left;
	padding: 0px; /* 0 12px; */
	margin-left: 105px;
	display: inline;
}

#nav span
{
	display: none; 
}

#nav a.Menu
{
	background: url(images/menubut.jpg) no-repeat;
	width: 73px;
}

#nav a.Order
{
	background: url(images/orderbut.jpg) no-repeat;
	width: 176px;
}

#nav a.Gallery
{
	background: url(images/gallerybut.jpg) no-repeat;
	width: 104px;
}

#nav a:hover, #nav a:focus
{
	background-position: left bottom;
}

#nav a.Activegallery
{
	background: url(images/gallerybut.jpg) no-repeat;
	width: 104px;
	background-position: left bottom;
}

#nav a.Activemenu
{
	background: url(images/menubut.jpg) no-repeat;
	width: 73px;
	background-position: left bottom;
}

#nav a.Activeorder
{
	background: url(images/orderbut.jpg) no-repeat;
	width: 176px;
	background-position: left bottom;
}



#homepic
{
	float: left;
	width: 970px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: url(images/mainbg2.jpg) no-repeat;
}

#menupic
{
	float: left;
	width: 970px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: url(images/menubg.jpg) no-repeat;
}

#thankyoupic
{
	float: left;
	width: 970px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: url(images/thankyou.jpg) no-repeat;
}


#orderpic
{
	float: left;
	width: 970px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: url(images/orderbg.jpg) no-repeat;
}

#gallerypic
{
	float: left;
	width: 970px;
	height: 590px;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF
}

#hometext
{
	float: left;
	width: 380px;
	margin-left: 50px;
	display: inline;
	margin-top: 100px;
	
}

.mainphototext {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 1em;
	line-height: 23pt;
	font-weight: normal;
	color: #666666;
}

#mainwrap
{
	float: left;
	width: 970px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#mainleft
{
	float: left;
	width: 220px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
}

#maincenter
{
	float: left;
	width: 220px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
}

#mainright
{
	float: left;
	width: 340px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
	border-style:solid;
	border-width: thin;
	border-color:#f26522
}

#special
{
	float: left;
	width: 420px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
}

#yelp
{
	float: left;
	width: 340px;
	height: auto;
	margin-left: 105px;
	display: inline;
	margin-top: 37px;
}

#orderleft
{
	float: left;
	width: 320px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
}

#orderright
{
	float: left;
	width: 480px;
	height: auto;
	margin-left: 45px;
	display: inline;
	margin-top: 37px;
}

#menuflorish
{
	float: left;
	width: 100%;
	height: 41px;
	margin-left: 0px;
	display: inline;
	margin-top: 37px;
}

#pdfmenuleft
{
	float: left;
	width: 16px;
	height: auto;
	margin-left: 45px;
	display: inline;
}

#pdfmenuright
{
	float: left;
	width: 366px;
	height: auto;
	margin-left: 45px;
	display: inline;
}

.menuheadlinetext {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 23pt;
	line-height: 23pt;
	font-weight: normal;
	color: #f26522;
}

.mainheadlinetext {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 19pt;
	line-height: 23pt;
	font-weight: normal;
	color: #f26522;
}

.menusubheadlinetext {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: normal;
	color: #f26522;
}

.menuitem {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 21pt;
	font-weight: normal;
	color: #333333;
}

.hours {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 15pt;
	font-weight: normal;
	color: #333333;
}

a:link {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 15pt;
	font-weight: normal;
	color: #f26522;
	
}

a:hover {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 15pt;
	font-weight: normal;
	color: #666666;
	
}

a:visited {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 15pt;
	font-weight: normal;
	color: #333333;
	
}

a img { border: 0; } 

.price {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 12pt;
	line-height: 19pt;
	font-weight: normal;
	color: #000000;
}

.menuitemsub {
	font-family: Constantia,Times New Roman,Times, serif;
	text-align: left;
	font-size: 10pt;
	line-height: 12pt;
	font-weight: normal;
	color: #333333;
}

#menuwrap
{
	float: left;
	width: 100%;
	height: auto;
	display: inline;
	margin-top: 20px;
}

.menuleft
{
	float: left;
	width: 520px;
	height: auto;
	margin-left: 45px;
	display: inline;
}

.menuright
{
	float: left;
	width: 312px;
	height: auto;
	margin-left: 30px;
	margin-top: 20px;
	padding-top: 20px;
	display: inline;
}

#form_container
{
	background:#fff;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	width:680px;
}

#formintro
{
	background:#fff;
	margin:0 auto;
	text-align:left;
	width:100%;
	height: auto;
	padding-bottom: 20px;
	padding-left: 10px;
}

#bottomwrap
{
	float: left;
	width: 970px;
	height: 252px;
	margin: 0;
	padding: 0;
	background: url(images/bottombg2.jpg) no-repeat;
}

#footer
{
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#footer a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16pt;
	font-weight: normal;
	text-decoration:none;
	color: #FFFFFF;
}

#footer a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16pt;
	font-weight: normal;
	text-decoration: underline;
	color: #999999;	
}

.copyright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16pt;
	font-weight: normal;
	color: #FFFFFF;
}




/* PIKACHOOSE STUFF These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width: 915px;
	margin:0 auto;}
.pika_main{
	width:970px;
	padding-right:0px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:1px solid #FF6600;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:0px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px; margin-top:10px;text-align:center; font-family: Constantia,Times New Roman,Times, serif;color:#333333;}
.pika_navigation a{font-size: 12px;font-family: Constantia,Times New Roman,Times, serif;color:#333333;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:20px;clear:both;text-align:center;}


/*JUITTER PLUGIN CSS*/
#juitterContainer{} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#ffffff;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #f26522;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList A{color:#f26522;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/*end of Juitter CSS*/