/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Helvetica, Verdana, sans-serif;
	font-size:12px; 
	color:#3f4a4e;
	background-color:#545454;
	background-repeat:x;
}

h2 {  
     margin:0px 0px 10px 0px;  
     font-size:18px;  
     font-family:Helvetica, Arial, Sans-serif;  
     color:#c02026;  
} 

h3 {  
     margin:0px 0px 10px 0px;  
     font-size:12px;  
     font-family:Helvetica, Arial, Sans-serif;  
     color:#c02026;  
} 

small
{
	margin:0px 0px 10px 0px;
	font-size:10px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#666666;
}

/*==============================
	SITE WRAPPER
===============================*/
.site_wrapper
{
	width:800px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:600px; 
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 
 
	border:none; 
}
/*==============================
	HEADER WRAPPER
===============================*/
.header_wrapper
{
	width:800px; 
	height:69px; 
 
 
	background:url('images/header_logo.gif'); 
 
	/* css lets you designate how you want an image to 
	repeat. Along the x-axis, y-axis or not at all. */
	background-repeat:none; 
}

.header_image
{
	width:800px;
	height:231px;
	
	
	background-repeat:none;
}

.header_menu
{
	width:800px;
	height:39px;
	
	
	background:url('images/menu.gif');
	background-repeat:none;
}

/*==============================
		BODY WRAPPER
===============================*/
.body_wrapper
{
	margin-top:0px; 
 
 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	float:left;
	background-color:#fff;
 
	width:800px; 
	min-height:475px; 
}

.inside_wrapper
{
	margin-right:20px;
	margin-left:20px;
		
}

.hours_box
{
	margin-top:20px;
	margin-left:20px;
	padding:0px 10px 0px 10px;
	float:right;
	
	background:url('images/hours_box.gif');
	background-repeat:none;
	
	width:144px;
	height:240px;
		
}

.animated_image
{
	margin-top:60px;
	margin-left:-8px;
	padding:0px 10px 0px 0px;
	width:144px;
	height:126px;
	clear:right;
}

/*==============================
        NAV
===============================*/
#nav
{
	margin:0px;
	padding:18px 0px 0px 0px;
}

#nav li
{
	display:inline;
	margin:0px;
	padding:0px;
}

#nav a:link,
#nav a:visited
{
	color:#666;
	background:none;
	padding:20px 40px 0px 20px;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
}

#nav a:hover
{
	color:#c02026;
}

#nav a:active
{
	color:#000;
}


/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:both; 
	height:30px; 
	background:url(images/footer.gif); 
}