@charset "UTF-8";
/* CSS Document */


/*
The Carillon Restaurant Style Sheet
Designed by Marketing Staff at AT&T Executive Education and Conference Center copyright July 2010.

-----------------------------------
Colors
-----------------------------------

Brown: rgb(60,34,19)
Tan: rgb(236,229,208)

Gold: rgb(193,133,60)
Gold Dark: rgb(163,113,52)

Green light: rgb(147,196,114)
Green Dark: rgb(0,88,37)


-----------------------------------
Table of Contents
-----------------------------------
0.	CSS Reset
1. 	Main Container
2.	Header » logo div » address div » h1 »  
3.	Navigation
4.	Display Window
5.	Menu » h2 » menu ul » li
6.	Hours » reservations » p
7.	Footer » facebook » credits » executive education logo
8.	Classes » contains custom rules

*/


/*0. CSS Reset ***************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0; border:0; padding:0;
}

body
{
background:rgb(60,34,19) url(/images/Carillon_Bk_Pattern_dk.png) repeat;
}

/*1. Main_Container ***************************************/

#main_container
{
position:relative;
width:960px; height:100%;
margin-left:auto;margin-right:auto;
}

/*2. Header ***************************************/

#header
{
position:relative; float:left;
width:960px; height:77px;
background:url(/images/gold_pixel.jpg) repeat;
}

/*log div*/

h1
{
position:relative;float:left;
width:321px; height:auto;
}

	h1 img[src]
	{
	width:321px; height:77px;
	border:0;
	}


/*address div*/

#address_container
{
position:relative;float:left;
width:639px; height:auto;
top:20%;
}


	#slogan
	{
	position:relative;float:left;
	width:auto; height:auto;
	
	font:normal .85em Arial, Helvetica, sans-serif;
	left:20%; right:20%;
	}
	
	
	#address
	{
	position:relative;float:left;
	width:auto; height:auto;
	left:25%; right:25%;
	font:normal .8em Arial, Helvetica, sans-serif;
	}
	
	
/*3. Navigation ***************************************/

#navigation
{
position:relative; float:left;
width:960px; height:2em;
background:rgb(147,196,114);

font-family:Verdana, Geneva, sans-serif;
text-transform:uppercase;
text-align:center; line-height:1.9em;

letter-spacing:.2em;
}

		#navigation ul
		{
		position:relative; float:left;
		width:850px; height:100%;
		left:11.5%; right:10%;
		}

				#navigation li
				{
				position:relative; float:left; display:inline;
				width:17%; height:2em;
				border-left:rgb(255,255,255) solid .09em;
				}
				
				#navigation li a[href="contact.html"]
				{
				border-right:rgb(255,255,255) solid .09em;
				}
				
						#navigation a:link
						{
						position:relative; float:left; display:inline;
						width:100%; height:2em;
						color:rgb(255,255,255);
						text-decoration:none;
						}
						
						#navigation a:hover
						{
						position:relative; float:left; display:inline;
						width:100%; height:2em;
						background:rgb(0,88,37);
						}
					
						#navigation a:visited
						{
						position:relative; float:left; display:inline;
						width:100%; height:2em;
						color:rgb(163,113,52);
						text-decoration:none;
						}
						
						
/*4. Display Window ***************************************/

#display_window
{
position:relative; float:left;
width:100%; height:400px;
background:white;
}



/*5. Menu ***************************************/

#menu
{
position:relative; float:left;
width:321px; height:200px;
background:rgb(236,229,208) url(/images/Body_Background.jpg);
text-transform:uppercase;
}

		#menu ul
		{
		width:100%;height:auto;
		font:normal .75em/1.3em Verdana, Geneva, sans-serif;
		margin-top:3.7em;
		}
		
		#menu ul li
		{
		position:relative; float:left; display:inline;
		width:97%; height:1.5em;
		margin:.4em .3em;
		background:rgb(60,34,19);
		
		text-indent:.25em;
		}
				
				a[href="/menus/carillon-breakfast-menu.pdf"]
				{
				background:url(/images/menu_tabs.jpg) 0 0px;
				}
				
				a[href="/menus/carillon-bar-drink-menu.pdf"]
				{
				background:url(/images/menu_tabs.jpg) 0 -18px;
				}
				
				a[href="/menus/carillon-dinner-menu.pdf"]
				{
				background:url(/images/menu_tabs.jpg) 0 -36px;
				}
				
				a[href="/menus/carillon-wine-menu.pdf"]
				{
				background:url(/images/menu_tabs.jpg) 0 -54px;
				}
				
				a[href="/menus/carillon-dessert-menu.pdf"]
				{
				background:url(/images/menu_tabs.jpg) 0 -71px;
				}
				
						
						#menu a
						{
						position:relative; float:left; display:inline;
						width:100%; height:1.5em;
						color:rgb(255,255,255);
						text-decoration:none;
						}
						
						#menu a:hover
						{
						position:relative; float:left; display:inline;
						width:100%; height:1.5em;
						color:rgb(255,255,255);
						text-decoration:none;
						background:url(/images/menu_bar_over.jpg);
						}
						
						h2
						{
						position:relative; float:left;
						width:100%; height:35px;
						background:rgb(60,34,19);
						color:rgb(255,255,255);
						border-bottom:rgb(163,113,52) .09em;
						
						font:normal 1em/2em Verdana, Geneva, sans-serif;
						
						text-align:center;
						letter-spacing:.2em;
						}


/*6. Hours ***************************************/

#hours
{
position:relative; float:left;
width:639px; height:200px;

background:rgb(193,133,60);
}

#hours p
{
}

		#hours p a
		{
		color:black;
		}
		
		#hours p a:hover
		{
		text-decoration:none;
		}

		#reservations
		{
		position:relative; float:left;
		width:100%; height:35px;
		background:rgb(60,34,19);
		color:rgb(255,255,255);
		border-bottom:rgb(163,113,52) .09em;
		
		font:normal 1em/2em Verdana, Geneva, sans-serif;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:.2em;
		}
		
			#reservations a
			{
			color:white;
			text-decoration:none;
			}
			
			#reservations a:hover
			{
			color:rgb(193,133,60);
			text-decoration:underline;
			}
			
			#reservations a:visited
			{
			color:rgb(163,113,52);
			}
		
				#hours p
				{
				position:relative; float:left;
				width:auto; height:auto;
				top:10%;left:12%;
				font:.95em/1.2em "Times New Roman", Times, serif;
				text-align:center;
				
				letter-spacing:.03em;
				}
				
				
		a[href="http://www.meetattexas.com/restaurants.html"]:link
		{
		color:rgb(60,34,19); text-decoration:underline;	
		}

		a[href="http://www.meetattexas.com/restaurants.html"]:visited
		{
		color:rgb(60,34,19); text-decoration:none;	
		}

		a[href="http://www.meetattexas.com/restaurants.html"]:hover
		{
		color:rgb(60,34,19); text-decoration:none;	
		}

		a[href="http://www.meetattexas.com/restaurants.html"]:a
		{
		color:rgb(60,34,19); text-decoration:none;	
		}

/*7. Footer ***************************************/

#footer
{
position:relative; float:left;
width:100%; height:60px;
background-color:rgb(60,34,19);
}

#social_media
{
position:relative; float:left;
width:auto; height:auto;
left:.25em;top:.9em;
margin-left:5px;
}
		
		#social_media p
		{
		position:relative; float:left;
		margin-right:.8em;
		text-indent:-9999em;
		overflow:hidden;
		}
		
				/*facebook*/
				
				a[href="http://www.facebook.com/thecarillonrestaurant"]
				{
				background-image:url(/images/facebook_static.png);
				display:block; width:30px; height:31px;
				}
				
				a[href="http://www.facebook.com/meetattexas"]:hover
				{
				background-image:url(/images/facebook_over.png);
				display:block; width:30px; height:31px;
				}
				
				
				/*twitter*/
				
				a[href="http://www.twitter.com/carillonaustin"]
				{
				background-image:url(/images/twitter_static.png);
				display:block; width:30px; height:31px;
				}
				
				a[href="http://www.twitter.com/carillonaustin"]:hover
				{
				background-image:url(/images/twitter_over.png);
				display:block; width:30px; height:31px;
				}
		
		
#credits
{
position:relative;float:left;
width:auto;height:auto;
left:1em;top:2em;
text-align:left;
color:rgb(193,133,60);
font-size:.7em;
}
	
			#credits a
			{
			color:rgb(193,133,60);
			text-decoration:none;
			}
			
			#credits a:hover
			{
			color:rgb(255,255,255);
			}
		
		
#executive_edu_logo
{
position:relative; float:left;
width:auto; height:auto;
top:1em; left:7em;
}

							
/*8. Classes ***************************************/
	

	.gold_dark_rule
	{
	float:left;
	width:100%; height:.09em;
	background:rgb(163,113,52);}
	
	.brown_pixel_rule
	{
	float:left;
	width:100%; height:1px;
	background:url(/images/brown_pixel.jpg) repeat;
	margin:.5em 0;
	}

	.small_caps
	{
	text-transform:uppercase;
	font-size:.7em;
	}

	.error-page
	{
	margin-left:25%;
	font:normal 1em Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
	.error-page span
	{
	font-style:bold;
	text-transform:uppercase;
	}
	
	.mean-time
	{
	font:normal .8em Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:10px 0;

	}