/*  
	----- DESIGN.CSS -----
	This css document controls the colors, fonts, background, links and other visual elements
*/


/* Overall (tags, body, wrappers, containers, etc) 
-----------------------------------------------------------------------------*/ 
	body
	{
		background-color: #5f5542;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		
	}
	
	#shadow
	{
		background-image: url(/images/back_shadow.jpg);
		background-repeat: repeat-y;		
		background-color: #FFFFFF;
		background-position: center;
	}
	
	.main_content
	{	
		color: #666666;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 150%;
	}
	
	

/* Header (not including menu specific classed/ids)
-----------------------------------------------------------------------------*/  
	#header
	{
		background-color: #ACA684;		
		background-image: url(/images/header_bg.jpg);
		background-position: right;
		background-repeat: no-repeat;
		border-bottom: #C2BCA4 1px solid;
		
	}
	
	.header_redbar
	{
		background-color: #660000;
		
	}
	
	
	
/* Content  (includes homepage footer, but not general page footers)
-----------------------------------------------------------------------------*/  
	.showcase
	{
		background-color: #D6D1B4;
	}
	
	.showcaseTestimonial
	{
		background-color: #D6D1B4;
	}
	.showcaseHomeVid
	{
		background-color: #D6D1B4;
	}
	
	.sidebar
	{
		background-color: #CCCCCC;
		color: #818181;
		font-size: 10px;
		line-height: 130%;
		padding: 3px 3px;
	}
	.sidebar p
	{
		padding: 0px 12px;
	}
	
	.copyright_item
	{
		text-align: left;
		width: 100%
	}
	.copyright_item_home
	{
		text-align: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 9px;
		width: 100%;
		padding-top: 0px;
		padding-left: 20px;
	}
	
/* Top Navigation (specific to menu items, includes drop down look and feel) 
-----------------------------------------------------------------------------*/ 
#top_nav { 
	width:680px;
	margin-left:100px;
	
	 }
	 
	#top_nav_home a { 
	background: url(/images/top_nav_home.jpg);
	
	 }
	#top_nav_about 			a { background: url(/images/top_nav_about.jpg); }
	#top_nav_gallery 		a { background: url(/images/top_nav_gallery.jpg); }
	#top_nav_contact 		a { background: url(/images/top_nav_contact.jpg); }
	#top_nav_testimonials 	a { background: url(/images/top_nav_testimonials.jpg); }
	
	#nav li 			
	{ 
		background-color: #ACA684;
		
	}
	#nav li ul li a 	/* granularity needed to not affect top_nav */
	{
		background-image: none;
		background-color: #ACA684;
		padding: 3px 3px;
		line-height: 100%;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		text-transform: uppercase;
		
	}
	#nav li ul li a:link, #nav li ul li a:visited { color: #433e35; }
	#nav li ul li a:hover, #nav li ul li a:active {	color: #ffffff; background: #9C9679; }
	#nav ul				/* just the dropdown menu part #742a21*/
	{		
		border: solid #d0cab3 1px;
		border-top: none;
		padding: 3px 3px;
		z-index: 15;
	}



/* Image Scroller (border colors)
-----------------------------------------------------------------------------*/ 	
	#motioncontainer a img 
	{
		border: 7px solid #FFFFFF;
	}
	
	#motioncontainer a:hover img 
	{
		border: 7px solid #EEEEEE;
	}
	
	#motioncontainer a:hover 
	{
		color: red; /* Dummy definition to overcome IE bug */
	}

	
		
	
/* Extras  (bars, rules, spacers, "the truck", etc)
-----------------------------------------------------------------------------*/  
	.brown_bar
	{
		background-color: #211e17;
	}
		
		