/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2008.   */

/* div {border: 1px solid #FFF000; } */

   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #a70319 url("/img/back-page.gif") repeat;
}   

a img {
	border: none;
	border:0;
	}	

a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline;
	}
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
img a { border: none;}

h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #888788; margin-bottom:4px;}
h2 {font: bold 1.4em 'lucida grande',tahoma,sans-serif; text-transform: uppercase; color: #BB031A; margin-top: 9px;} /*Georgia, "Times New Roman", serif; */
h3 {font: bold 1em Verdana, Arial, sans-serif; text-transform: uppercase;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; }

ul {list-style: none;}

#theonediv { position: relative; }  /* set a stacking context for the child divs */


 
  /* header and footer elements
----------------------------------------------------------------------------*/
#head-logo {
	position: absolute;
	top: 0;
	left: 20px;
	width: 236px;
	height: 129px;
}

#music {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 90px;
	height: 24px;
}
  
#global-inner, #top-inner, #foot, #designcredit  { 
 	position: relative;   
	margin: 0 auto;  		 
 	width: 960px; 
 	z-index: 1; /* can not hide a child of #header */
}	
#page-shadow {
	background: transparent url("/img/page-shadow.png") repeat-x;
	height: 150px;
	position: absolute;
	top: 125px;
	left: 0;
	width: 100%;
	/*display: none;*/
}

#menu-sample {
	background: transparent url("/img/menus.png") no-repeat;
	height: 170px;
	width: 240px;
	}
	
#top-wrap { 
 	height: 129px;
 	z-index: 2; /* we set the conflicting sibling lower */
 	position: relative;  
  	background: #F3E2A2 url("/img/header-back.gif") repeat-x;
}	
 
#foot {
  	/* height:69px; */
	font-size: 9px;
	text-align:left;
 	font-family: 'lucida grande', sans-serif;
/*  	position: relative;  */
 	margin-bottom: 24px;
}
	#foot a { margin: 0 1em 0 0; color:#000; }
	

#footer-right {
	position: absolute;
	right: 65px;
	top:22px;
	color: #FFF;
	}
#footer-right a { color: #FFF; }

#footpad { padding: 30px 45px 0 0; }
	#footpad p {margin-bottom: 5px; }
#footextra { 
	width: 970px;
	margin:0 auto;
	position: relative;
	text-align:right;
}
#designcredit { 
	font-size: 9px;
	color: #FFF;
	margin-bottom: 24px;
	}
#designcredit a { 	color: #FFF; }
	
#cse-search-box .search {
 	font-size: 10px;
	background-color: #4797E0;
 	color: #fff;
	border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
 background: #CDEBFF;
 color: #4F4F4F;
 }

#cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }
 
 

#iexplore { display: none; } 

  /* home page elements
----------------------------------------------------------------------------*/

#home-top-wrap {  position: relative; }
 
#homephoto {width: 607px; }



#home-left {  
	width: 320px; 	
}

#flash-promo { 
	width: 616px;  
	float:right;
	margin-top: 24px;
}

#welcometext {
	font: 1.3em/1.5 Georgia, serif;
	color: #FFF;
	padding: 24px 24px 0 24px;
}

#quotebox {
	background: url(/img/Quote-box.png) no-repeat;	
	width: 317px;
	height: 205px;
	padding-top: 15px;
	font: 1.3em/1.5 Georgia, serif;
	color: #FFF;
}
#home-bottom { margin-top: 22px;}

.home-special {
	float: left;
	width: 275px;
	margin-right: 30px;
}

.home-special a  { color: #FFF; }

.dropcap {
	float:left;
	color:#D4D4C7;
	font-size:50px;
	line-height:30px;
	padding-top:2px;
}

  /* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 46px;
	width: 680px;
}

#navigation-primary {
	position: absolute; 
	z-index: 1000;
	top: 73px;
	right: 15px;
	}

	#navigation-primary ul {
		width: 690px;
		list-style: none;
		}

	#navigation-primary li {
		float: left;
		height: 46px;
		position: relative;
		}

	#navigation-primary a {
		display: block;
		height: 46px;
		text-indent: -3000px; 
		overflow: hidden;		 
		}

	#navigation-primary a:hover {
		background-position: 0 -46px;		 
		}

		#nav-home a {
			width: 81px;
			background: transparent url(/img/nav_01.gif) no-repeat;
			}
		#nav-about a {
			width: 101px;
			background: transparent url(/img/nav_02.gif) no-repeat;
			}
		#nav-menu a {
			width: 108px;
			background: transparent url(/img/nav_03.gif) no-repeat;
			}
		#nav-specials a {
			width: 92px;
			background: transparent url(/img/nav_04.gif) no-repeat;
			}		
 		#nav-giftcards a {
			width: 106px;
			background: transparent url(/img/nav_05.gif) no-repeat;
			}
		#nav-locations a {
			width: 103px;
			background: transparent url(/img/nav_06.gif) no-repeat;
			}
 		#nav-contact a {
			width: 99px;
			background: transparent url(/img/nav_07.gif) no-repeat;
			}

	#navigation-primary li ul li {
		height: auto;
		}

	#navigation-primary li ul li a {
		display: block;
		height: auto;
		padding: 4px 16px;
		background: transparent; 
		color: #fff;
		text-indent: 0;
		text-decoration: none;
		border-bottom:1px solid #DDD2A3; /*darker*/
		border-top:1px solid #FFEDAA;
		color: #000;
		position: relative;
		width: 178px;
		font: normal 13px/22px 'lucida grande', arial, sans-serif;
		text-align:left;
		}

	#navigation-primary li ul a:hover {
		color:#FFF;
		background:#BB031A;
		}

	#navigation-primary li ul {
		position: absolute;
		left: -3000px;
		width: 210px;
		background: #FDF0BA;
		padding: 0;
		z-index: 200000;
		}

	#navigation-primary li:hover ul, #navigation-primary li.sfhover ul {
		left: auto;
		}
 
body#home #nav-home	a,
body#about #nav-about a,
body#menu #nav-menu a,
body#specials #nav-specials a,
body#giftcards #nav-giftcards a,
body#locations #nav-locations a,
body#contact #nav-contact a
{background-position: 0 -46px;}
 


  /* inside page elements
----------------------------------------------------------------------------*/
#inside-wrap {
	width: 960px;
 	padding: 20px 0;
} 
	
#inside { 
	width: 650px;
	font: 1.2em/1.5em 'lucida grande', sans-serif; 
	}
#inside2 { 
	width: 470px;
	margin-left: 90px;
	}

#inside-gallery {
	width: 870px;
	padding-left: 10px;
	padding-top: 10px;	 
	}

#inside-wide {
	width: 695px;
	padding-left: 100px;
	padding-top: 10px;
	}

#inside h1 { color: #BB031A; }	
#inside p { margin-bottom: 6px; }

#inside ol { margin-left: 3em; font-size: 90%;}

.inside-feature {
	margin: 10px 5px;
	padding: 10px;
	border: 1px solid #539FE5;
	}

#rightside {
	width: 275px;
	float:right;
	}
	
 
.h2pad { margin-left: 15px; }

#rightpad { 
padding: 5px;	
color: #FFF; 
font: 1.1em/1.4em 'lucida grande', sans-serif;
}

 

	div#menu-wrap1 {
		position:relative;
		padding: 26px 0;
	}
	
	div#menu-wrap2 {
		padding: 12px 0;
		width:675px;
		background:url("/img/menu-parts_02.png") repeat-y;
	}
	div#menu-top {
		position: absolute;
		top: 0; left: 0;		 
		width:675px;
		height:42px;
		background:url("/img/menu-parts_01.png") no-repeat;
	}
	div#menu-pad {
		padding:0 25px 10px 25px;
		margin:0 15px;
		position:relative;
		/* min-height: 500px; */
	}
	div#menu-bottom {
		position: absolute;
		bottom: 0; left: 0;		 
		width:675px;
		height:52px;
		background:url("/img/menu-parts_04.png") no-repeat;
	}
 	

  /* misc elements
----------------------------------------------------------------------------*/

 

#skip {display:none;}	

.float-r {float:right;}
.float-l {float:left;}

.promo {font: 1em/2em Verdana; }
   
.button a { 
	display:block;  
	width: 100px;
	background: #234A7A; 
	color:#FFF; 
	padding: 0 5px; 
	font-weight: normal;
	text-decoration:none;
	font-size: 10px;
	text-align:center;
}
.button a:hover { 
	background: #142A44; 
	color:#FFF; 
	text-decoration: none; 
	}
 
#top-port { background: #1e3967; width: 527px; padding: 7px; }

.port-size { width: 170px;  border:1px solid #FFF; }
#port-table table {padding:0; margin: 0; } 
.pad1 {padding-right:6px;}
.pad2 {padding-right:0px;}

#port-large { background: #1e3967; padding: 8px; width: 362px; } 
#port-large img { border: 1px solid #FFF; }

 

.featurebox {
	padding: 19px;
 	float:right;
	color:#FFF;
	}
#side { 
	width: 225px;
	float: left;
	}
#side2 { 
	width: 235px;
	float: left;
	}
#side-gallery { 
	width: 195px;
	float: left;
	}
 
.blogentries ul, #sidebar ul {
	list-style: none;
	margin: 0;
	padding-left: 12px;
	}
.blogentries ul li {
	padding: 0 0 4px 12px;
	line-height: 1.2em;
	background: url(/img/bullet.gif) no-repeat 0 4px;
	}

#sidebar ul li {
	padding: 0 0 4px 16px;
	line-height: 1.4em;
	background: url(/img/arrow-blue.gif) no-repeat 0 1px;
	}

.blogimg { float: right; padding: 5px; }

.green-list ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 18px;
 
	}
.green-list ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url(/img/arrow2.gif) no-repeat 0 4px;
	}

 .featured { 
 	background: #1e3967;
 	height: 50px;
 	width: 90%;
 	margin-top: 5px;
 	}
 
 .side-port { 
 	background: #1e3967;
 	padding: 6px;
 	width: 206px;
 	}
 .featured-port { 
 	/*
background: #1e3967;
 	padding: 6px;
*/
 	width: 249px;
 	margin-top: 5px;
 	}
 .featured-port2 { 
 	border-top:1px solid #555;
 	border-bottom:1px solid #555;
  	}
.classybox-r {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
 	float:right;
 	margin-left: 7px;
	}
.classybox-l {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
 	float:left;
 	margin-right: 7px;
	}
.classybox img {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
	}

.featured-port img { border: 1px solid #A2A2A2; }	

#searchbox {
	position: absolute;
	top: 68px;
	left: 570px;
	width: 200px;
	height: 65px;
}
#searchbox input {
	font-size: 10px;
}

#bnav, #bnav a { color: #FFF;}

.side-quote { 
	padding: 10px 20px; 
	text-indent: 18px;
	font: 13px Georgia, serif;
	line-height: 20px;
 	font-style: italic;
	background: transparent url(/img/quote-mark-grey.gif) no-repeat 10px 8px;
}

.rowshade {background: #D1EEE0;  }

.quoter { text-align:right; font-size: 90%;}

.smallcaps { font-variant: small-caps; }

.fineprint {font: normal 10px/14px 'lucida grande',tahoma,sans-serif;}

.dots-x {background: transparent url('/img/dot-h.gif') 0 -2px repeat-x; height: 1px;}

.dots-y {background: transparent url('/img/dot-v.gif') repeat-y; width: 10px; }

.tiny {
	font-size: 9px;
	margin-left:10px;
	text-align: center;
}	

#subnav-head {
	background: #81B79D;
	color: #FFF;
	font-size: 14px;
	font-family: Georgia, Times, sans-serif;
	padding: 4px;
	height: 1.2em;
	} 
	
#subnav li { 
	padding: 4px 0 6px 6px;
	height: 13px;
	border-top: 1px dotted #81B79D;	
	border-bottom: none;
	border-right: 1px solid #81B79D;	
	border-left: 1px solid #81B79D;
	background: url(/img/gradiant.gif) bottom left repeat-x;
	}
	
#subnav {
	border-bottom: 1px solid #81B79D;
	}
	

.credent-box { 
	width: 120px; 
	margin-right:10px; 
	float:left; 
	text-align: center; 
	padding-top:7px;
}
.credent-box a, .credent-box {font-size: 10px; font-weight: normal; }

	
.accent { 
	float:left;
	padding: 10px;
	}

.trans { text-indent: -3000px; overflow:hidden; float:left; }	
	
.CSS_Text {
     text-align:      right;
     font-family:     'Arial';
     font-size:       10px
}

.CSS_Butt {
    background-color: Blue;
    color:            White;
    font-family:      'Arial';
    font-size:        14px;
    font-weight:      bold;
    font-style:       normal
}

.line {
	border-top: 1px solid #666;
	width: 100%;
	height: 1px;
	margin: 20px 0 10px 0;
}


  /* form elements
----------------------------------------------------------------------------*/

/*
.staff {
	height: 160px;
	font-size: 10px;
	padding: 7px;
	border-top: 1px solid #666;
	width: 260px;
	float:left;
	margin-right: 3px;
	}

.staffname {
	font-family: Georgia, Times, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	}

.staff p { padding: 0; margin: 0; }

.staff img { float: right; border: 1px solid #666; }
	
	
.formstyle {
   font-size: 10px;
   color: #FFF; 
   background: #8BB1D9; 
   width: 80px;
}


#buttonset {
	width: auto;
	width: 90px;
	text-align: center;
}


#quotetable input, #quotetable select, #quotetable textarea {
  	font: 11px Verdana, Arial, sans-serif;
	border: 1px inset #CCC;
	height: auto;
	padding: 1px;
	background: #EEE;
	color: #777;
  }
  
#submit input, #button1 input {
	font: 11px Verdana;
	padding: 2px;  
	border: 3px double;
	border-color: #FFF; 
	background: #BB031A;
	display: block;
	margin: 5px 0;
	cursor: pointer;
	color: #FFF;
	width: 140px;
}	
	
#submit input:focus, #button1 input:focus {
	border: 3px double;
	border-color: #FFF; 
	background: #800212;
	cursor: pointer;
	color: #FFF;
	}
	
.textfield {width: 145px;} 
.textfield-w {width: 320px;} 

fieldset {border: 1px solid #888788; padding: 10px; margin: 10px 0; }

legend { 
	margin: 10px 0 10px;
	padding: 2px 4px;
	border-top: 1px solid #94A4D2;
	border-right: 1px solid #94A4D2;
	border-left: 1px solid #94A4D2;
}
	
 .req {color: #B00000; font-size:  9px; }

input:focus, textarea:focus, #quotetable input:focus, #quotetable textarea:focus {
	background: #D1EEE0; border: 1px solid #AF351D; 
}  
  
div.form  { display: none; } 
*/

/*
table.t1 {border-collapse: collapse; font-size: 10px;}
td.td1 { border-style: solid; border-width: 1.0px; border-color: #bfbfbf; padding: 0.0px 5.0px}

*/
#infobox {
	width: 207px; background: url(/img/infobox_02.gif) top left repeat-y;
	}
.infotop {	background: url(/img/infobox_01.gif) top left no-repeat; padding: 10px; }
.infobot {	background: url(/img/infobox_04.gif) top left no-repeat; height: 13px }

/* contact form */
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#DBCB92; background:#F3E9C1;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/send-button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;padding:3px; width:108px;}


/* the mordor of unused stuff
.quotes p {
	display: inline;
	padding: 0 32px 5px 0;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(/img/quote-mark-grey.gif);
	}
 
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
*/

#fillerdiv {height: 400px; }


/*      Domtab CSS        */
#tabwrapper {min-height:595px;  float:left; position:relative; }

/*
.insidetab ul li {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 5px 0px 5px 5px; padding: 0;
	text-align: left;
	list-style: none;
	}
*/

div.insidetab a {color:#1A623D;}
.insidetab li { line-height: 16px; }

div.insidetab a {display:inline;}

 

 
div.domtab{
	min-width:535px;
	font-size:11px;
	font-family: arial, sans-serif;
	width: 570px;
}
.domtabs { height: 26px;}
ul.domtabs{
	float:left;
	width:100%;	
}
ul.domtabs li{
	float:left;
	padding:0; margin-right:7px;
	font-weight: bold;

}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
	padding: .5em 5px;
	display:block;
	background:#BD1523;
	color:#FFF;
	height:1.5em;
	text-decoration:none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
	height:auto;
	min-height:1.5em;
}

ul.domtabs a:hover{
	background:#BD1523;
	color:#FFF;
}
div.domtab div{   /*main div color here*/
	
	/* background:#FFF0C8;
	padding:1em 2em;
	border-bottom: 1px solid #CBCBCB; */ 
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
	background:#000;
	color:#FFF;
}
#domtabprintview{
	float:right;
	padding-right:1em;
	text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
	color:#095AA6;
}

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
	color:#095AA6;
}

#crumbtrail
{
	font-size: 9px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#crumbtrail a {color: #F3E2A2; }


#hours {
	background: #F3E2A2;
	padding: 10px;
	width: 230px;
	border: 6px solid #FFF;
	color:#000;
	margin-top: 14px;
}

#special-snip {
	background: #F3E2A2;
	padding: 10px;
	width: 235px;
	border: 6px solid #FFF;
	color:#000;
	margin-top: 25px;

}

.loc-special {
	float:left; 
	background: url(/img/specials-board-back.gif) top left no-repeat; 
	width: 157px;
	height: 205px;
	padding: 20px;
	margin: 0 7px 25px 0;
	color: #FFF;
	/*border: 1px solid #555;*/
}

.loc-special2 {
	background: url(/img/specials-board.png) top left no-repeat; 
	width: 160px;
	height: 215px;
	padding: 20px 30px 20px 20px;
	color: #FFF;
	margin: 20px 0 20px 30px;
	/*border: 1px solid #555;*/
}



 


#editform {
	margin: 10px 30px;
}


.menu-feature {
	background:  #F3EDD6;
	padding: 7px;
}