﻿body
{
}
/*
	ODG 2007 Front Stylesheet
	Creation Date: January 10, 2007
	Author: Chris Riehl
*/

/* body Element Styles
-----------------------------------------------*/
html, body {
	height: 100%;
}

body 
{
	margin: 0px 0px 0px 0px;
	background: #a29576 url("../_images/background.jpg");
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #333333;
}

form 
{
	margin: 0;
	padding: 0;
}

#AdjustableContent
{
    float:left;
    min-height: 427px;
}

* html #AdjustableContent
{
   height: 423px;
}

/*--------------------------------------------------------------------------------------------------*/
/*------------------------------- Outer shadow around web Content ----------------------------------*/
/*--------------------------------------------------------------------------------------------------*/



div.Shadow
{
    float: left;
	width: 990px;
	padding: 0px 0px 0px 10px;
	background: #a29576 url("../_images/shadow.jpg") repeat-y;
}
div.ShadowTop
{
    float: left;
	width: 1002px;
	height: 8px;
	font-size: 2px;
	background: #a29576 url("../_images/shadowTop.jpg");
}
div.ShadowBottom
{
    float: left;
	width: 1002px;
	height: 8px;
	background: #a29576 url("../_images/shadowBottom.jpg") no-repeat; 
	font-size: 2px;
}





div.Container
{
	float: left;
	width: 982px;
	background: #888888 url("../_images/containerBack.jpg");
}


div.AdjustableContent
{
    float: left;
}

div.ScrollableContent
{
    width:700px;
   
    overflow:auto;
}


/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------- Header Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Header
{
	position: relative;
	z-index: 125;
	width: 982px;
	height: 102px;
	background: url("../_images/recHeaderBack.jpg");
}

	div.HeaderDivisions
	{
		float: left;
		width: 227px;
		text-align: center;
		padding: 30px 50px 0px 50px;
	}

	div.Logo
	{
		float: left;
		width: 100px;
		padding: 8px 0px 0px 10px;
	}
	
	div.LogoLinks
	{
		float: left;
		width: 87px;
		padding: 9px 0px 0px 0px;
		border: none;
	}

		div.LogoImage
		{
			float: left;
			width: 107px;
			padding: 0px 0px 0px 0px;
			text-align: center;
		}	
		
    div.Slogan
    {
        float: left;
        width: 595px;
        padding: 18px 0px 0px 10px;
    }


.logos
{
    position:relative;
    height: 140px;
    width: 240px;
    top: 0;
    float: left;
    margin: -140px 0 0 0;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------- Body Styles --------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Body
{
	position: relative;
	width: 982px;
}
	
		div.Breadcrumbs
		{
			float: left;
			width: 445px;
		}
		
		div.BreadcrumbsVehicle
		{
			float: left;
			width: 350px;
		}
		
    div.ContentBody
    {
        float: left;
	    width: 700px;
	   /* height: 470px;*/
	    margin: 0px 0px 0px 0px;
	    padding: 10px 0px 10px 10px;
    }
    
		div.ContentBodyScroll
		{
			overflow: auto;
			width: 720px;
			height: 350px;
			padding: 0px 10px 0px 0px;
		}

        div.ContentBody img
        {
            padding: 10px 10px 10px 10px;
        }
		
    div.ContentBodyVehicle
    {
        position: relative;
	    width: 700px;
	    margin: 0px 0px 0px 0px;
	    padding: 10px 0px 10px 10px;
    }
		
	
div.BodyVehicles
{
	float: left;
	width: 742px;
	height: 423px;
}


		

/*--------------------------------------------------------------------------------------------------*/
/*-------------------------------------- Test Drive Styles -----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/

			
	div.TestDriveBottom
	{
		position:absolute;
		top: 336px;
		left: 850px;
		z-index: 100;
	}
	
	div.TestDrive
	{
	    float: left;
	   /* padding: 20px 0px 0px 15px;*/
	}

div.PromoItems {
    float: right;
    height: 85px;
    position: relative;
    right: 10px;
}

.TestDriveBottom:hover, .TestDrive:hover
{
	background:url(http://argome.argoatv.com/recreational/_images/bookDriveHover.png) no-repeat;
}

.PromoItems:hover
{
	background:url(../_images/argoPromoHover.png) no-repeat;	
}
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------- Footer Styles -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/


div.Footer
{
	float: left;
	width: 982px;
	left: 10px;
	/* height: 27px; */
	background: #4f4e5c;
	text-align: center;
	padding: 10px 0px 10px 0px;

}


a.footerLink, a.footerLink:active, a.footerLink:visited
{
	color: #BCBCAF !important;
	text-decoration: none !important;
}

a.footerLink:hover
{
	color: #FFFFFF !important;
}

div.FooterWhite
{
    float: left;
    width: 375px;
    text-align: left;
    color: #BCBCAF;
    font-size: 11px;
    padding: 0px 0px 0px 10px;
}

div.FooterTread
{
    float: left;
}

div.FooterContact
{
    float: right;
    width: 264px;
}



div.NewsHeader
{
    float: left;
    padding: 10px 0px 0px 10px;
    width: 157px;
}



.footerProudtobe
{
    float: left;
    width: 182px;
}