/* CSS Document */


body, html
{
	height: 100%; padding: 0; margin: 0;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #650460;
}


h1 {
	font-size: 14px;
}

h4 { 
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-top: 20px; 
	margin-bottom: 10px; 
	}
	
	td h4 { margin-top: 0; }

a:link,
a:visited,
a:hover
{
	color: #AC4CA7;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}


a.bodylink { color: #AC4CA7 }
a.footerlink { color: #A7A9AC; font-weight: normal }
a.greylink { color: #787a7d }

ul { 
	list-style: circle;
	margin: 10px 0;
	padding: 10px 20px;
	}



/* IDs  --------------------------------------------------------------------------------------------- */



#supercontainer
{
	margin: 0px auto;
	width: 780px;
}

#container
{
	float: left; width: 780px;
}

	#containerTop
	{
		float: left; clear: both; width: 780px; height: 37px;
		background: url(img/int/back_top.gif) no-repeat top left;
	}

	#containerBottom
	{
		float: left; clear: both; width: 780px; height: 51px;
		background: url(img/int/back_bottom.gif) no-repeat top left;
	}

		#containerBottom.home
		{
			height: 10px;
			background-position: top ;
		}
	
	#containerMid
	{
		background: url(img/int/back_tile.jpg) repeat-y top left;
		float: left;
		width: 780px;
	}
	
	#container #top
	{
		text-align: center;
	}
	
	#containerMenu
	{
		float: left;
		width: 185px;
		padding-top: 5px;
	}
	
	#containerContent
	{
		float: left; width: 595px !important;
		clear: right;
	}
	
	#content
	{
		padding: 13px;
		padding-right: 43px;
		margin: 0;
		text-align: justify;
		clear: both;
	}



	#footer span.address
	{
		
	}

	
	#footer span.copyrights
	{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #a7a9ac;
	}

	#footer img.footerImg
	{
		float: left;
	}
	
	#footer p.footerPara
	{
		float: left;
		margin: 0;
		padding-top: 15px;
	}


/* Home  --------------------------------------------------------------------------------------------- */

#homeFlash
{
	padding: 15px 0;
	float: left;
}


#homeTextContainer
{
	float: left; width: 780px; clear: both;
	background: url(img/int/back_tile_dark.jpg) repeat-y top left;
}
	
	#homeTextContainer #columnLeft
	{
		float: left; width: 350px;
		padding-left: 200px;
	}
	
		#homeTextContainer #columnLeft h1 {margin: 0;}
		#homeTextContainer #columnLeft p {margin: 0;}


	#homeTextContainer #vSpace
	{
		background: url(img/int/vspacer.gif) no-repeat top left;
		float: left;
		width: 1px;
		height: 200px;
		margin: 0 10px;
	}
	
	#homeTextContainer #columnRight
	{
		float: left; width: 170px;
		color: #787a7d;
	}
		#homeTextContainer #columnRight h1 {margin: 0;}
		#homeTextContainer #columnRight p {margin: 0;}
	
	#containerBottomHome
	{
		float: left; width: 780px; height: 41px; clear: both;
		background: url(img/int/back_bottom_home.gif) top left no-repeat;
		
	}

	
/* Subpages --------------------------------------------------------------------------------------------- */

#cAddress
{
	float: left; width: 40%;
	padding-top: 20px;
}

#cForm
{
	float: right; width: 55%;
	padding-bottom: 20px;
	padding-top: 20px;
}
	
	#cForm h1
	{
		font-size: 11px;
	}
	
	td.menu { width: 45%; padding-right: 5%; text-align: left }
	
	.subName { margin-top: 30px; border-bottom: 1px solid #ECE0EB; }
	
	
/* Contact Form --------------------------------------------------------------------------------------------- */		
		
label 
{
	float: left; display: block;
	width: 280px;
	margin: 5px 0;
	clear: both;
}
	label span
	{
		display: block;
		float: left;
		width: 80px;
		text-align: left;
	}

input.inputNormal, 
select.inputNormal, 
textarea.inputNormal,
input.inputNormalButton
{
	border: 1px solid #D0B4CE;
	background-color: #E9EAEA;
	width: 180px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	select.inputNormal
	{
		width: 180px !important;
		width: 185px;
	}
textarea.inputNormal
{
	height: 100px;
}

input.inputNormalButton
{
	width: 100px;
	text-align: center;
	padding: 3px 0;
	background-color: #D0B4CE;
	border: 1px solid #650460;
	color: #650460;
	font-weight: bold;
}





/* Navigation --------------------------------------------------------------------------------------------- */


#sampleMenusNav { 
	width: 562px;
	height: 33px;
	float: left;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(img/menu-bgr.gif) no-repeat;
	text-align: center;
	line-height: 30px;
	/*display: none;*/
	}
	
	#menu_1,
	#menu_2,
	#menu_3,
	#menu_4 { /*display: none */}
	
	
	
#sampleMenuImages { 
	width: 534px; height: 120px;
	margin: 0;
	padding: 80px 0;
	float: left;
	clear: both;
	}
	
	#sampleMenuImages li { 
		margin: 0; padding: 0; 
		list-style: none; 
		float: left;;
		padding-right: 2px;
		}
	
		#sampleMenuImages li, 
		#sampleMenuImages a { 
			width: 176px; 
			height: 120px; 
			display: block;
			text-indent: -1999px;
			}
			
			#sm1 { 
				background: url(img/int/sample_menu_1.gif) no-repeat 0 0;
				}
			
			#sm3 { 
				background: url(img/int/sample_menu_3.gif) no-repeat 0 0;
				}
			
			#sm4 { 
				background: url(img/int/sample_menu_4.gif) no-repeat 0 0;
				padding-right: 0px;
				}
	
	
		


#skyline 
{
	width: 185px;
	height: 250px;
	background: url(img/int/menu.gif);
	margin: 10px 0;
	padding: 0;
	position: relative;
}

#skyline li 
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#skyline li, 
#skyline a 
{
	width: 185px;
	height: 25px;
	display: block;
}



#panel1 {text-indent: -100em; top: 0}
#panel2 {text-indent: -100em; top: 25px}
#panel3 {text-indent: -100em; top: 50px}
#panel4 {text-indent: -100em; top: 75px}
#panel5 {text-indent: -100em; top: 100px}
#panel6 {text-indent: -100em; top: 125px}
#panel7 {text-indent: -100em; top: 150px}
#panel8 {text-indent: -100em; top: 175px}
#panel9 {text-indent: -100em; top: 200px}
#panel10{text-indent: -100em; top: 225px}


#panel1 a:hover { background: transparent url(img/int/menu.gif) -185px -0px no-repeat;}
#panel2 a:hover { background: transparent url(img/int/menu.gif) -185px -25px no-repeat;}
#panel3 a:hover { background: transparent url(img/int/menu.gif) -185px -50px no-repeat;}
#panel4 a:hover { background: transparent url(img/int/menu.gif) -185px -75px no-repeat;}
#panel5 a:hover { background: transparent url(img/int/menu.gif) -185px -100px no-repeat;}
#panel6 a:hover { background: transparent url(img/int/menu.gif) -185px -125px no-repeat;}
#panel7 a:hover { background: transparent url(img/int/menu.gif) -185px -150px no-repeat;}
#panel8 a:hover { background: transparent url(img/int/menu.gif) -185px -175px no-repeat;}
#panel9 a:hover { background: transparent url(img/int/menu.gif) -185px -200px no-repeat;}
#panel10 a:hover{ background: transparent url(img/int/menu.gif) -185px -225px no-repeat;}


#panel1 a.active:link,
#panel1 a.active:visited { background: transparent url('img/int/menu.gif') -370px -0px; }
#panel1 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -0px; }

#panel2 a.active:link,
#panel2 a.active:visited { background: transparent url('img/int/menu.gif') -370px -25px; }
#panel2 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -25px; }

#panel3 a.active:link,
#panel3 a.active:visited { background: transparent url('img/int/menu.gif') -370px -50px; }
#panel3 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -50px; }

#panel4 a.active:link,
#panel4 a.active:visited { background: transparent url('img/int/menu.gif') -370px -75px; }
#panel4 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -75px; }

#panel5 a.active:link,
#panel5 a.active:visited { background: transparent url('img/int/menu.gif') -370px -100px; }
#panel5 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -100px; }

#panel6 a.active:link,
#panel6 a.active:visited { background: transparent url('img/int/menu.gif') -370px -125px; }
#panel6 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -125px; }

#panel7 a.active:link,
#panel7 a.active:visited { background: transparent url('img/int/menu.gif') -370px -150px; }
#panel7 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -150px; }

#panel8 a.active:link,
#panel8 a.active:visited { background: transparent url('img/int/menu.gif') -370px -175px; }
#panel8 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -175px; }

#panel9 a.active:link,
#panel9 a.active:visited { background: transparent url('img/int/menu.gif') -370px -200px; }
#panel9 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -200px; }

#panel10 a.active:link,
#panel10 a.active:visited { background: transparent url('img/int/menu.gif') -370px -225px; }
#panel10 a.active:hover   { background: transparent url('img/int/menu.gif') -555px -225px; }





/* Headers --------------------------------------------------------------------------------------------- */

	

#homeInfo,
#homeContact,
#contact
{
	width: 350px;
	height: 30px;
	position: relative;
	top: 0px;
}
	#homeInfo span,
	#homeContact span,
	#contact span
	{
		background: url(img/hdr/sip_eat_savor.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#homeContact
{
	width: 160px;
}

	#homeContact span
	{
		background: url(img/hdr/contactus.gif) no-repeat;
	}





#contact,
#contactform,
#inforequest,
#accolades,
#venues,
#clients,
#samplemenus,
#samplemenus_1,
#samplemenus_2,
#samplemenus_3,
#samplemenus_4,
#services,
#aboutus,
#companyinfo
{
	width: 562px;
	height: 75px;
	position: relative;
	top: 15px !important;
	top: 11px;
	margin: 0;
}

	#contact span,
	#inforequest span,
	#accolades span,
	#venues span,
	#clients span,
	#samplemenus span,
	#samplemenus_1 span,
	#samplemenus_2 span,
	#samplemenus_3 span,
	#samplemenus_4 span,
	#services span,
	#aboutus span,
	#companyinfo span,
	#contactform span
	{
		background: url(img/hdrimg/contact.jpg) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#inforequest span 	{background: url(img/hdrimg/informationrequest.jpg)}
	#accolades span		{background: url(img/hdrimg/accolades.jpg)}
	#venues span		{background: url(img/hdrimg/venues.jpg)}
	#clients span		{background: url(img/hdrimg/clients.jpg)}
	#samplemenus span	{background: url(img/hdrimg/samplemenus.jpg)}
	#samplemenus_1 span	{background: url(img/hdrimg/menu_1.jpg)}
	#samplemenus_2 span	{background: url(img/hdrimg/menu_2.jpg)}
	#samplemenus_3 span	{background: url(img/hdrimg/menu_3.jpg)}
	#samplemenus_4 span	{background: url(img/hdrimg/menu_4.jpg)}
	#venues span		{background: url(img/hdrimg/venues.jpg)}
	#services span		{background: url(img/hdrimg/services.jpg)}
	#aboutus span		{background: url(img/hdrimg/aboutus.jpg)}
	#companyinfo span	{background: url(img/hdrimg/companyinfo.jpg)}
	#contactform span	{background: url(img/hdrimg/contactform.jpg)}