/*  
	----- LAYOUT.CSS -----
	This css document controls the positioning, dimensions, paddings, float and structual properites 
*/



/* Overall (tags, body, wrappers, containers, etc) 
-----------------------------------------------------------------------------*/ 
	body
	{
		margin: 0px;
		padding: 0px;		
	}
	
	div, p
	{
		text-align: left;
	}	
		
	img
	{
		border: 0px none;
	}
	
	#shadow
	{
		width: 1018px;

	}
	
	#shadow_popup
	{
		width: 500px;

	}
	
	#container
	{
		width: 991px;
		position: relative;
		left: 13px;
	}
	
	#container_videohome
	{
		width: 450px;
		position: left;
		left: 10px;
		padding: 50px;
	}



/* Header (not including menu specific classed/ids)
-----------------------------------------------------------------------------*/  
	#header
	{
		height: 81px;
	}
	
	#header_logo
	{	
		float: left;
		padding: 0px;
		position: relative;
		left: 20px;
		top: 15px;
	}

	.header_redbar
	{
		height: 7px;
		font-size: 5px;
	}



/* Top Navigation (specfic to menu items)
-----------------------------------------------------------------------------*/ 
	#top_nav
	{
		float: right;
		position: relative;
		right: 172px;
		top: 53px;
	}
	
	#top_nav a
	{
		float: left;
		
		background-position: 0px 0px;
		cursor:pointer;
	}

	#top_nav a:hover, #top_nav a:active	
	{ 
		background-position: 0px -27px; 
	}
	
	#top_nav a.top_nav_selected
	{
		background-position: 0px -27px;
		cursor: auto;
	}
	
	#top_nav_home 			a { height: 26px; width: 86px; }
	#top_nav_about 			a { height: 26px; width: 200px; }
	#top_nav_gallery 		a { height: 26px; width: 105px; }
	#top_nav_contact 		a { height: 26px; width: 164px; }
	#top_nav_testimonials 	a { height: 26px; width: 103px; }
	
	
	
/* Content (includes homepage footer, but not general page footers)
-----------------------------------------------------------------------------*/ 
	.slideshow
	{
		width: 100%;
		text-align: center;
	}
	
	.home_footer_item
	{
		display: inline;
	}
	
	.home_featured
	{
		text-align: center;
	}
	
	.showcase
	{		
		text-align: center;
		float: right;
		
		height: 340px;
		width: 430px;
	}
	
	.showcaseTestimonial
	{		
		text-align: center;
		float: right;
		
		height: 323px;
		width: 440px;
	}
	.showcaseHomeVid
	{		
		text-align: center;
		float: right;
		
		height: 323px;
		width: 430px;
	}
	.main_content_about
	{
		width: 375px;
		float: right;
	}
	
	.main_content_contact
	{
		width: 375px;
		float: right;
	}
	
	.main_content_gallery
	{
		margin: auto;
	}
			
	.inside_content
	{
		padding: 10px;
	}
	
	.sidebar
	{
		width: 170px;
		float: left;
	}
	
	.content_text
	{
		padding: 10px 30px;
	}
	
	.content_title
	{
		padding: 10px;
	}
	
	.testimonial
	{
		
		color: #000000;
		font-size: 11px;
		line-height: 130%;
		padding: 3px 3px;
	}
	
	.copyright_item
	{
		
		color: #818181;
		font-size: 10px;
		line-height: 130%;
		padding: 3px 3px;
	}
	
	
/* Image Scroller
-----------------------------------------------------------------------------*/ 	
	#motioncontainer 
	{
		margin: 0px auto; 
		height: 130px; /* Set to gallery height */
	}
	
	#motioncontainer a:hover 
	{
		color: red; /* Dummy definition to overcome IE bug */
	}
	
	#motioncontainer img
	{
		margin: 0px 5px;
	}



/* Extras (bars, rules, spacers, "the truck", etc)
-----------------------------------------------------------------------------*/ 
	.brown_bar
	{
		height: 5px;
		font-size: 5px;
	}

	.truck_floater
    {   
		float: right;
        z-index: 10;
        position: relative;
        bottom: 267px;
           
		height: 198px;
		width: 247px;
		
		margin-bottom: -180px;
		   
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/truck.png');
    }
	
	/* IE ignores styles with [attributes], so it will skip the following. */
	* > .truck_floater
	{
		float: right;
        z-index: 10;
        position: relative;
        bottom: 267px;
		
		height: 198px;
		width: 247px;
		
		margin-bottom: -180px;
		
	   background: url(/images/truck.png) no-repeat;
		
	}
	
	.bottom_shadow
	{
		width: 1018px;
		height: 5px;
		font-size: 5px;
		clear: both;
	}
	.bottom_shadow_popup
	{
		width: 500px;
		height: 5px;
		font-size: 5px;
		clear: both;
	}
	
	.clear
	{
		clear: both;
	}