@charset "utf-8";
/* Sample CSS for proper design of buttons on a background image
Created by Pete Lamonica and Emilie Ohanian with images courtesy of Emilie Ohanian
Images are property of their owners and may not be redistributed without permission.

Code is property of Pete Lamonica and by Emilie Ohanian may be redistributed and modified, but credit must be given
to the author.
 */

body {
	text-align:center;
	background-color:#000000;
	margin:0; 
	border:0; 
	pattern:0;
}

/* Hides the header and footer - this will show up when styles are removed */
#header {
	display:none;
}


#footer {
	display:none;
	vertical-align: bottom;
}

/* This is a container for the main picture, it helps with centering */
#container
{
	text-align:center;
	border: 0px;
	padding:0px;
	margin:0px;
}

/* this is the main image */

#myback
{
	background: url(bg3.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 509px;
	margin:auto;
	text-align:left;
	padding:0px;
	border:0; 
}

/* Remove formatting from the unordered list */
#myback ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	border:0;
}

/* Make the links into block level elements to increase their size and then set their position as relative */
#myback ul li a.image {
	background: url(trans.gif);
	display:block;
	margin: 0;
	height: 200px;
	width: 100px;
	position:relative;
	border:0; 
	pattern:0;
	
}

ul, li, li a {box-sizing:content-box; vertical-align:bottom;}

/* Hide the internal text... this will show back up if styles are removed */
#myback ul li a span {
	display:none;
	margin:0; 
	border:0; 
	pattern:0;
}

/* 
Button placement:
This will place the buttons, see the demostrated style for doing this.
Please note that this uses RELATIVE POSITIONING... this means that if you change the 
order of the links, it will mess up your positions... I recommend using dreamweaver
to help with the positioning....

The animated background images should be created inside the hover version of the link...
*/
#Holidays
{
	top: 18px;
	left:50px;
}

#Holidays:hover
{
	background:url(menuImages/animated2.jpg) no-repeat top right;
	background-position: -6px -27px;
	margin:0; 
	border:0; 
	pattern:0;
	
}
#AboutUs
{
	top: 0px;
	left: 576px;
}

#AboutUs:hover
{
	background:url(menuImages/animated.jpg) no-repeat top right;
	background-position: -7px 41px;
	width: 200px;
	margin:0; 
	border:0; 
	pattern:0;
}

#Weddings
{
	top: -205px;
	left: 378px;
}


#TableCent
{
	top: -258px;
	left: 257px;
}

#TableCent:hover
{
	background:url(menuImages/animated3.jpg) no-repeat top right;
	background-position: -5px -145px;
	height: 300px;
	width: 150px;
	margin:0; 
	border:0; 
	pattern:0;
}
#Weddings:hover
{
	background:url(menuImages/animated4.jpg) no-repeat top right;
	background-position: 0px -100px;
	width: 150px;
	height: 200px;
	margin:0; 
	border:0; 
	pattern:0;
}
#FoodDisp
{
	top: -620px;
	left: 565px;
}

#FoodDisp:hover
{
	background:url(menuImages/animated5.jpg) no-repeat top right;
	background-position: -20px -0px;
	height: 300px;
	width: 200px;
	margin:0; 
	border:0; 
	pattern:0;
}

#Weddings2
{
	top: -685px;
	left: 418px;
}

#Weddings2:hover
{
	background:url(menuImages/animated6.jpg) no-repeat top right;
	background-position: -40px -220px;
	width: 170px;
	height: 200px;
	margin:0; 
	border:0; 
	pattern:0;
}
#Corp
{
	top: -865px;
	left: 275px;
}

#Corp:hover
{
	background:url(menuImages/animated6.jpg) no-repeat top right;
	background-position: -5px -145px;
	height: 300px;
	width: 150px;
	margin:0; 
	border:0; 
	pattern:0;
}

a:link.video
{
	color: #0066CC;
	font-style: normal;
	text-decoration: none;
	
}

a:hover.video
{
	color: #0066CC;
	font-style: normal;
	text-decoration: underline;
	
}

a:visited.video
{
	color: #0066CC;
	font-style: normal;
	text-decoration: underline;
	
}

a.bio
{
	display: inline;
	background: none;
	background-image:none;
	color: #FFFFFF;

}

a:link.bio
{
	background: none;
	background-image:none;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none; 
	
}

a:hover.bio
{
	background: none;
	background-image:none;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: underline;
	
}

a:visited.bio
{
	background: none;
	background-image:none;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: underline;
	
}
h3.video
{
	color: #FFFFFF;
}
h4.video
{
	color: #FFFFFF;
}
h5.video
{
	color: #FFFFFF;
}
h2.bio
{
	color: #FFFFFF;
}
.error {
	color: #FF0000;
}
.links {
width: 450px;
}