/* 2011-10-28 */

*{outline: none;} /* removes dotted outlines from all links on mouse over or active */

body{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #2b2b2b;
	background-image: url(images/BackgroundRepeater.jpg);
	background-position: 50% top;
	background-color: #b39675;
	margin: 0px;
	padding: 0px;
}

/******* Fade Slideshow *********/

#fadeSlideShowCell{
	background: url(http://www.wickedrestaurant.com/images/FadeSlideshow/FlashBGImage.jpg) no-repeat 50% top;
}

/* ***** [USE FOR IN TEMPLATE-BUILD. Allows for abutting Images, and collapsed tables cross browser] ************************************ */
img.abutting {display:block;}
table.layout {border-collapse: collapse;}
table.layout td.zeroPad{	padding: 0px 0px 0px 0px;}

/********** SEO STYLES *******************/
#SEODiv{
	position: absolute;
	top: 0px;
	z-index: 4;
	font-size: 10px;
	text-align: center;
	width: 100%;
}

#SEODiv table{
	width: 994px;
	margin: auto;
	border: solid 0px pink;
	border-collapse: collapse;
}

#SEODiv table td{
	font-family: arial, helvetica, verdana;
	text-align: left;
	font-size: 10px;
	color: #3c3c3c;
	white-space: nowrap;
	padding: 0px 4px 0px 4px;
}

#SEODiv table td#SEOright{
	text-align: right;
}

#SEODiv a{
	font-size: 10px;
	color: #3c3c3c;
	text-decoration: none;
}

#SEODiv a:hover{
	font-size: 10px;
	color: #3c3c3c;
	text-decoration: underline;
}

/********** SPAGE STYLES *******************/

#pageBound{
	background-image: url(images/BackgroundRepeaterTop.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px auto;
}

#mainAreaWrapper{
	background-image: url(images/MainAreaRepeater.png);
	background-repeat: repeat-y;
	border: solid 0px orange;
	width: 994px;
	text-align: center;
	margin: auto;
}

#mainArea{
	background-image: url(images/MainAreaTopBG.png);
	background-repeat: no-repeat;
	border: solid 0px yellow;
	tex-align: center;
	width: 994px;
}

#phoneNumbers{
	width: 34%;
}

#phoneNumbers img{
	display: block;
	margin: 0px 0px 0px 17px;
}

#socialNetworks{
	width: 34%;
}

#socialNetworks a:link, #socialNetworks a:visited{
	background: url(images/SocialSprite.png) no-repeat 0px 0px;
	display: block;
	margin: 0px 7px 4px 0px;
	width: 38px;
	height: 38px;
	text-decoration: none;
}

#socialNetworks a:hover{
	background: url(images/SocialSprite.png) no-repeat 0px -38px;
	display: block;
	margin: 0px 7px 4px 0px;
	width: 38px;
	height: 38px;
	text-decoration: none;
}

/* Facebook ************************** */

			#socialNetworks a#facebook:link, #socialNetworks a#facebook:visited{
				background-position: 0px 0px;
			}

			#socialNetworks a#facebook:hover{
				background-position: 0px -38px;
			}


/* Twitter ************************** */

			#socialNetworks a#twitter:link, #socialNetworks a#twitter:visited{
				background-position: -44px 0px;
			}

			#socialNetworks a#twitter:hover{
				background-position: -44px -38px;
			}


/* YouTube ************************** */

			#socialNetworks a#youTube:link, #socialNetworks a#youTube:visited{
				background-position: -88px 0px;
			}

			#socialNetworks a#youTube:hover{
				background-position: -88px -38px;
			}


/* Instagram ************************** */

			#socialNetworks a#instagram:link, #socialNetworks a#instagram:visited{
				background-position: -132px 0px;
				margin-right: 17px;
			}

			#socialNetworks a#instagram:hover{
				background-position: -132px -38px;
				margin-right: 17px;
			}

#logo{
	align: left;
	padding: 0px 0px 0px 0px;
	border: solid 0px red;
}

#logo a{
	display: block;
	width: 328px;
	height: 166px;
}

#logo img{
	border: solid 0px blue;
	display: block;
	width: 328px;
	height: 166px;
}

#slideShowBound{
	background: url(images/SlideshowBG.jpg) no-repeat;
	margin: 17px 17px 0px 17px;
	padding: 16px 0px 0px 0px;
	border: solid 0px green;
	height: 527px;
}

#slideShowBound h1{
	color: #e52400;
	font-size: 18px;
	margin: 3px 0px 0px 0px;
}


#footerDivider{
	border: solid 0px orange;
	width: 994px;
	text-align: center;
	margin: auto;
}

#footerDivider img{
	border: solid 0px orange;
	width: 994px;
	height: 18px;
	text-align: center;
	margin: auto;
}

/* ********* HEADING STYLES ****************** */
#h1HeadingCell{
	width: 994px;
	text-align: left;
	padding: 33px 50px 10px 50px;
}

#h1HeadingCell h1{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #0000ff;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#h1HeadingCell h2{
	font-family: arial, helvetica, verdana;
	font-size: 20px;
	color: #ff0000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


/* ********* MAIN CONTENT STYLES ****************** */

#contentCell{
	font-size: 16px;
	padding: 0px 50px 20px 50px;
	line-height: 130%;
}

#contentCell p{
	margin: 0px 0px 14px 0px;
}

#mainAreaBaseImage{
	display: block;
	width: 994px;
	height: 20px;
	text-align: center;
	margin: auto;
}

/********** Keyword Search Field Styles *******************/

.keywordSCHText{
	color: #390056;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}

.searchInput{
	color: #00327C;
	font-size: 12px;
	border: solid 1px #000000;
	background-color: #FFFADB;
	width: 104px;
	height: 18px;
}

.searchSubmit{
	color: #ffffff;
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	border-color: #63A2FD #00327C #00327C #63A2FD;
	background-color: #0C5ED6;
	height: 18px;
	cursor: pointer;
}

/********** STANDARD STYLES *******************/

h1{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h2{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h3{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h4{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


a:link, a:active, a:visited{
	color: #76002d;
	text-decoration: underline;
}

a:hover{
	color: #cb004d;
	text-decoration: underline;
}

/********** FOOTER STYLES ********************/

#footerBound{
	width: 994px;
	margin: auto;
	background: url(images/FooterBG.png) no-repeat 0px bottom;
}

#footerLinks{
	text-align: center;
	width: 994px;
	margin: auto;
	color: #786755;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0px 0px 0px;

}

		#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited{
			color: #740027;
			text-decoration: none;
		}

		#footerLinks a:hover{
			color: #e23800;
			text-decoration: none;
		}


#footerContact{
	width: 994px;
	margin: auto;
	color: #513d2c;
	font-size: 12px;
	padding: 12px 0px 0px 0px;
	text-align: center;
}

		#footerContact a:link, #footerContact a:active, #footerContact a:visited{
			color: #0000ff;
			font-weight: bold;
			text-decoration: none;
		}

		#footerContact a:hover{
			color: #ff0000;
			font-weight: bold;
			text-decoration: underline;
		}

/********** FORM STYLES ********************/
form{
	margin: 0px;
}

.entertext{
	color: #000000;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 190px;
}

.required{
	color: #ff0000;
}


.requiredStar{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}

.formSpacer{
	font-size: 8px;
}

/******* Webfodder Logo *********/
#webfodderCell{
	width: 180px;
	margin: auto;
	padding: 20px 0px 20px 0px;
	text-align: center;
	cursor: default;
}

#webfodderCell a:link, #webfodderCell a:active, #webfodderCell a:visited{
	color: #786755;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell a:hover{
	color: #786755;
	text-decoration: underline;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell img{
	display: block;
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 6px auto 6px auto;
}

/* ** Google Maps ** */
#map_canvas{
	display: none;
	margin:1px 0px 1px 0px;
}

#map_links_container{
	width: 300;
	margin:1px 0px 1px 0px;
}

#Hide_Map{
	display: none;
	font-weight: bold;
}

#View_Map{
	font-weight: bold;
}

/* ************************************************** */
/* ********* Photo Gallery Styles ******************* */
/* ************************************************** */


/* *********photogalleries.asp styles (main gallery landing page styles - makes boxes) ********* */

		.galleryOuterBox{
			font-size: 12px;
			width: 240px;
			height: 210px;
			overflow: auto;
			background-color: #E5E5D8;
			padding: 18px 18px 0px 18px;
		}

		.galleryOuterBox a{         /* link color and style for the category page thumbs */
			color: #000000;
			text-decoration: none;
		}

		.galleryOuterBox a:hover{
			color: #c41130;
			text-decoration: none;
		}

/* ********* photogallery.asp styles (subdirectory showing various galleries) ********* */

		.galleryBoxSpacing{
			padding: 0px 16px 16px 0px;
		}

		.galleryBox{
			width: 225px;
			height: 260px;
			overflow: auto;
			background-color:#E5E5D8;
			padding: 0px;
		}

		.galleryBoxTitle{
			padding: 1px 1px 1px 1px;
			height: 30px;   /* If you know the client will be using one-word or one-line titles, you can eliminate this line */
		}

		.galleryBoxIMG{
			border: 1px solid #00293d;
		}

		.galleryBoxCaption{
			padding: 4px 8px 8px 8px;
			font-size: 12px;
			line-height: 110%;
			text-align: left;
		}

/* ********* photogallerydetails.asp styles (individual photo-set of images within a specific gallery) ********* */

		#galleryBoundingDiv{
			width: 100%;
			padding: 12px 0px 0px 0px;
		}

		#galleryPhotoBound{
			background-color: #E5E5D8;
			padding: 8px 8px 8px 8px;
		}

		#galleryBreadCrumbs{
			padding: 18px 0px 0px 0px;
		}

		#galleryDescriptionBox{
			width: 100%;
			padding: 5px 0px 0px 10px;
			text-align: left;
		}


		#galleryDescriptionBox p{
			padding: 0px 0px 12px 0px;
		}

		#galleryFullSizeIMG{
			margin: 0px 0px 12px 0px;
			border: solid 1px #000000;
		}

		#galleryPhotoCaption{
			height: 35px;
			width: 455px;
			background-color: #F4F4F0; /* Make a slightly different color from the galleryPhotoBound to create a box around caption. */
			padding: 2px 2px 2px 2px;
			color: #000000;
			font-size: 12px;
			overflow: auto;
		}

		#galleryThumbsBound{
			padding: 4px 0px 0px 0px;
		}

		#galleryThumbIMG{
			margin: 0px 6px 6px 0px;
			border: solid #000000 1px;
		}

		.galleryListItem{
			font-size: 12px;
			list-style-type: none;
			line-height: 130%;
		}

		.galleryHelp{
			font-size: 11px;
			color: #7d7d7d;
		}

		.navArrow{
			font-size: 18px;
			font-weight: bold;
		}