@charset "utf-8";
/*  ------------------------------------------------------------------------------------------------------------
	---------------------- CSS FILE - FOR ROMA PALACE RESTAURANT AND BANQUET HALL, GARLAND, TX  ---------------------------
	------------------------------------------------------------------------------------------------------------
	
	*********************************** Developed by: UMER CHAUDHARY *******************************************
	***********************************      Copyright (C) 2010      *******************************************
	************************************************************************************************************
	
	Special Instructions:
	
		1. All CSS sections (ids/classes) are arranged in Alphabetically Order
		2. All the Sections have comments desciring their usage in the files at their begining

*/


/*	---------------------------------------------------------------------------------------------------------
	LAYOOUT
	--------------------------------------------------------------------------------------------------------- */

	
	div.hours
		{
		width:974px;
		height:20px;
		padding: 0px;
		margin: 5px auto 0px auto;	
		background-color:#FFF;
		}
	
	div.main-header
	{
	width:1025px;
	height:71px;
	padding: 0px;
	margin: 0px auto 0px auto;	
	background-color:#FFF;
	}
		
		
		
		div.logo
		{
		width:234px;
		height:66px;
		padding: 0px;
		float:left;
		margin: 5px 0px 0px 0px;	
		background-color:#FFF;
		}
	
	
		div.phone
		{
		width:750px;
		height:28px;
		padding: 0px;
		float:left;
		padding:7px 0px 0px 5px;
		margin: 0px 0px 0px 20px;
		}

		div.navigation
		{
		width:750px;
		height:26px;
		padding: 0px;
		float:left;
		padding:0px 0px 0px 5px;
		margin: 8px 0px 0px 20px;
		background-color:#FFF;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #a8a8a8;
		}
	
	
	div.main-image
	{
	width:994px;
	height:318px;
	padding:2px;
	margin: 10px auto 0px auto;
	background-color:#FFFFFF;	
	}
	
	
	div.main-text-panel
	{
	width:985px;
	height:660px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;	
	background-color:#FFFFFF;
	}
	
			div.text-area-left
			{
			width:270px;
			height:500px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 5px;
			float:left;
			border-right-width: 2px;
			border-right-style: solid;
			border-right-color: #f2f2f2;
			}
			
				
				div.text-area-left-top
				{
				width:200px;
				height:22px;
				padding: 0px 0px 0px 0px;
				margin: 5px 0px 0px 5px;	
				float:left;	
				}
			
				
				div.text-area-left-text
				{
				width:260px;
				height:250px;
				padding: 0px 0px 0px 0px;
				margin: 5px 0px 0px 5px;	
				float:left;	
				}
			
			
				div.text-area-left-image
				{
				width:250px;
				height:191px;
				padding: 0px 0px 0px 0px;
				margin: 10px 0px 0px 5px;	
				float:left;	
				}
				
				
				div.text-area-left-image-2
				{
				width:250px;
				height:191px;
				padding: 2px;
				float:left;
				margin-top: 10px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 5px;
				border: 1px solid #CCC;
				}
				

			div.text-area-middle
			{
			width:400px;
			height:660px;
			padding: 0px 15px 0px 10px;
			margin: 0px 0px 0px 5px;	
			float:left;	
			border-right-width: 2px;
			border-right-style: solid;
			border-right-color: #f2f2f2;
			}
			
			
			div.text-area-middle-2
			{
			width:440px;
			height:500px;
			padding: 0px 15px 0px 10px;
			margin: 0px 0px 0px 20px;	
			float:left;	
			}
			
			
			div.text-area-right
			{
			width:270px;
			height:500px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 5px;	
			float:left;	
			}
			
				div.text-area-right-top
				{
				width:200px;
				height:22px;
				padding: 0px 0px 0px 0px;
				margin: 5px 0px 0px 5px;	
				float:left;	
				}
			
				
				div.text-area-right-text
				{
				width:260px;
				height:250px;
				padding: 0px 0px 0px 0px;
				margin: 5px 0px 0px 5px;	
				float:left;	
				}
			
				
				div.text-area-right-facebook
				{
				width:260px;
				height:78px;
				padding: 0px 0px 0px 0px;
				margin: 5px 0px 0px 5px;	
				float:left;	
				}
			
			
				div.text-area-right-image
				{
				width:256px;
				height:97px;
				padding: 0px 0px 0px 0px;
				margin: 10px 0px 0px 0px;	
				float:left;	
				}
				
				
				div.text-area-right-image-2
				{
					width:256px;
					height:97px;
					padding: 2px;
					float:left;
					margin-top: 10px;
					margin-right: 0px;
					margin-bottom: 0px;
					margin-left: 7px;
					border: 1px solid #CCC;
				}
				
	
	
	div.bottom-panel
	{
	width:985px;
	height:100px;
	padding: 0px 0px 0px 0px;
	margin: 5px auto 0px auto;
	background-color:#000;
	}
	
	
		
	
		div.bottom-panel-top
		{
		width:985px;
		height:30px;
		float:left
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		background-color:#ffc600;
		}
		
		div.bottom-panel-middle
		{
		width:985px;
		height:45px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 0px;
		background-color:#000;
		}
		
		
		div.menu-title
		{
		width:400px;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-color:#FFF;
		}	
		
		
		div.menu-title-1
		{
		width:400px;
		height:auto;
		float:left;
		padding: 0px 0px 2px 0px;
		margin: 0px 0px 0px 0px;
		background-color:#FFF;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
		}	
		
			
			div.menu-line-left
			{
				width:330px;
				height:auto;
				float:left;
				padding: 0px 0px 0px 0px;
				margin: 1px 0px 0px 0px;
				background-color:#FFF;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #CCC;
						}
			
			div.menu-line-right
			{
			width:70px;
			height:auto;
			float:left;
			padding: 0px 0px 0px 0px;
			margin: 1px 0px 0px 0px;
			background-color:#FFF;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #CCC;
			}	
			
			
			div.menu-side-left
			{
			width:200px;
			height:auto;
			float:left;
			padding: 0px 0px 0px 0px;
			margin: 1px 0px 0px 0px;
			background-color:#FFF;
			}
			
			div.menu-side-right
			{
			width:60px;
			height:auto;
			float:left;
			padding: 0px 0px 0px 0px;
			margin: 1px 0px 0px 0px;
			background-color:#FFF;
			}						
				
				
		div.lunch-buffet-image
		{
			width:420px;
			height:200px;
			float:left;
			padding: 2px;
			margin: 10px 0px 0px 10px;
			background-color:#FFF;
			border: 1px solid #CCC;
		}
		
		
		
		div.banquet-image
		{
			width:350px;
			height:233px;
			float:left;
			padding: 2px;
			margin: 60px 0px 0px 8px;
			background-color:#FFF;
			border: 1px solid #CCC;
		}	
		
		
		
		div.banquet-image-area
		{
			width:985px;
			height:380px;
			float:left;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-color:#FFF;
		}	
		
		
		div.banquet-image-1
		{
			width:233px;
			height:350px;
			float:left;
			padding: 2px;
			margin: 10px 0px 0px 8px;
			background-color:#FFF;
			border: 1px solid #CCC;
		}	
	
					

/*	---------------------------------------------------------------------------------------------------------
	BODY
	--------------------------------------------------------------------------------------------------------- */
	body {
		background:#FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 18px;
		font-variant: normal;
		color: #000000;
		margin:0px;
	}


/*	---------------------------------------------------------------------------------------------------------
	HEADINGS AND TEXT
	--------------------------------------------------------------------------------------------------------- */
	
	.h1format
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #45aeff;
	padding: 0px;
	line-height: 22px;
	text-align: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	
	.text-style-paragraph-1
	{
	font-family: Garamond;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:5px 0px 0px 0px;
	}
	
			/* Link Style */
			a.tsp1, a.tsp1:visited, a.tsp1:active, a.tsp1:link
			{
				color: #000;
				text-decoration: none;
			}
			
			a.tsp1:hover
			{
				color: #a64b4d;
			} 
	
	
	.text-style-paragraph-2
	{
	font-family: Garamond;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
			/* Link Style */
			a.tsp2, a.tsp2:visited, a.tsp2:active, a.tsp2:link
			{
				color: #b82626;
				text-decoration: none;
			}
			
			a.tsp2:hover
			{
				color: #45aeff;
				text-decoration:underline;
			} 
	
	
	
	.text-style-paragraph-3
	{
	font-family: Garamond;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:5px 0px 0px 5px;
	}
	
	.text-style-paragraph-4
	{
	font-family: Garamond;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:4px 0px 0px 5px;
	}
	
	
	
	.text-style-paragraph-5
	{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:0px;
	margin:3px 0px 0px 5px;
	}
	
			/* Link Style */
			a.tsp5, a.tsp5:visited, a.tsp5:active, a.tsp5:link
			{
				color: #b82626;
				text-decoration: none;
			}
			
			a.tsp5:hover
			{
				color: #45aeff;
				text-decoration:underline;
			}
	
	
	
	
	.text-style-paragraph-6
	{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	font-style: normal;
	text-align:center;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform:uppercase;
	color: #000;
	padding:7px 0px 0px 0px;
	margin:0px 0px 10px 5px;
	}
	
	
	.text-style-paragraph-7
	{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	text-align:center;
	font-variant: normal;
	color: #FFF;
	padding:0px;
	margin:0px 0px 0px 5px;
	}
	
			/* Link Style */
			a.tsp7, a.tsp7:visited, a.tsp7:active, a.tsp7:link
			{
				color: #FFF;
				text-decoration: none;
			}
			
			a.tsp7:hover
			{
				color: #ffc600;
				text-decoration:underline;
			}
			
			
			/* Link Style */
			a.tsp7a, a.tsp7a:visited, a.tsp7a:active, a.tsp7a:link
			{
				color: #ffc600;
				text-decoration: none;
			}
			
			a.tsp7a:hover
			{
				color: #FFF;
				text-decoration:underline;
			}
	
	
	
	
	.text-style-paragraph-8
	{
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
	
	.text-style-paragraph-9
	{
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #45aeff;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
	
			/* Link Style */
			a.tsp9, a.tsp9:visited, a.tsp9:active, a.tsp9:link
			{
				color: #45aeff;
				text-decoration: none;
			}
			
			a.tsp9:hover
			{
				color: #900;
				text-decoration:underline;
			}
	
	
	
	.text-style-paragraph-10
	{
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:5px 0px 0px 0px;
	}
	
	
	.text-style-paragraph-11
	{
	font-family: Garamond;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	padding:0px;
	margin:5px 0px 0px 0px;
	}
	
	
	.text-style-paragraph-12
	{
	font-family: Garamond;
	font-size: 14px;
	font-style: normal;
	line-height: 28px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
	
	.text-style-bottom-1
	{
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
	text-align:center;
	color: #736F6E;
	padding:0px 0px 0px 0px;
	margin:8px 0px 0px 0px;
	}
	
			/* Link Style */
			a.tsb1, a.tsb1:visited, a.tsb1:active, a.tsb1:link
			{
				color: #736F6E;
				text-decoration: none;
			}
			
			a.tsb1:hover
			{
				color: #FFF;
				text-decoration:underline;
			}
	
	
	.link-style-1
	{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #009;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
		/* Link Style */
			a.ls1, a.ls1:visited, a.ls1:active, a.ls1:link
			{
				color: #009;
				text-decoration: none;
			}
	
			a.ls1:hover
			{
				color: #900;
				text-decoration:underline;
	
			} 


	.link-style-2
	{
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:5px 0px 1px 10px;
	margin:0px 0px 0px 0px;
	}
	
		/* Link Style */
			a.ls2, a.ls2:visited, a.ls2:active, a.ls2:link
			{
				color: #b82626;
				text-decoration: none;
			}
	
			a.ls2:hover
			{
				color: #000;
				text-decoration:underline;
	
			} 

	
	
	.link-style-3
	{
	font-family: Garamond;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:5px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	}
	
		/* Link Style */
			a.ls3, a.ls3:visited, a.ls3:active, a.ls3:link
			{
				color: #b82626;
				text-decoration: none;
			}
	
			a.ls3:hover
			{
				color: #000;
				text-decoration:underline;
	
			} 
	
	
	.link-style-4
	{
	font-family: Garamond;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #b82626;
	padding:5px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	}
	
		/* Link Style */
			a.ls4, a.ls4:visited, a.ls4:active, a.ls4:link
			{
				color: #b82626;
				text-decoration: none;
			}
	
			a.ls4:hover
			{
				color: #000;
				text-decoration:underline;
	
			} 
	
	


	.date-text
	{
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #900;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
	
	.timings-text
	{
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: bold;
	font-variant: normal;
	color: #333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
	
	.phone-text
	{
	font-family: Garamond;
	font-size: 28px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	text-align:right;
	color: #900;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	}