/* GLOBAL         ----------------------------------------- */
/* *    {margin: 0; padding: 0;} /* This forces all elements to have 0 padding and 0 margins */

    /*PLEASE NOTE*/
   /* All Padding and Margins must be set for each element that requres them i.e. p, ul, h1... etc */
  /*Remember to combine like styles into one to lower file size ie: padding, margins, borders, backgroud etc */
 /*If you want to use this rule remove the /* before the attribute */
  
HTML{height: 100%; margin-bottom: 1px;} /* This allows a scroll bar if content doesn't go past fold */
BODY{margin:0; padding:0; background:#214e03 url(../imgs/grassbg.jpg) 0 0 repeat; font:normal 12px arial, sans-serif; color:#5b5d30;}

A            {color:#334391;}
A:hover      {color:#214e03;}
A:active     {color:#214e03;}

h1    {font-size:16px;}
h2    {font-size:13px;}
h3    {font-size:12px;}


img    {border: none;}
blockquote    {padding:0; margin:0;}

/* STRUCTURE    ----------------------------------------- */

#container     {margin:0 auto 0 auto; padding:0; background:#ede7c5 url(../imgs/bg_content.jpg) 0 0 repeat-y; color:#5b5d30; width:820px;}
#logo_left	{float:left; width:155px; height: 305px; background: transparent url(../imgs/logo.jpg) no-repeat top left; }
#logo_left h1, #logo_left span { display: none; }
#logo_left a { display: block; height: 115px; margin-top: 190px; }
#logo_left #left_content a { display: inline; height: auto !important; margin-top: 0 !important; padding: 0;  }
#content_right	{margin-left:155px; }


#footer		{clear:both; width:820px; height:101px;padding-top:20px; background: url(../imgs/footer.jpg) no-repeat bottom left; }
#footer a { display: block; float: left; width: 205px; height: 101px; }
#footer a span { display: none; }
#home		{ padding:30px 0 0 0;}
#home {padding-left:10px;}
#home2		{padding:30px 0 0 20px; }
#homeTXT	{width:310px;}
#right_img	{float:right; margin-right:15px;}
#flash_header	{margin:0 auto 0 auto; width:1024px; height:103px;}
.smallimg	{padding-right:10px;}
#headerimg	{padding:10px 0 15px 0;}

#header_box {
	width: 665px;
	height: 103px;
	background: url(../imgs/header.jpg);
	font: 14px "Century Gothic";
	font-weight: bold;
	color: white;}
	
#header_box	.righty{
	float:right;
	font-size: 30px;
	margin: 0px 35px 0 0 ;
	padding-top: 30px;
	text-align: right;}
	
#header_box	.lefty{
	float:left;
	font-size: 18px;
	margin: 0 0 0 15px;
	padding-top: 37px;
	text-align: left;}
	
	
#header_box .righty a {
	font-size: 18px;
	color: white;}



/* NAVIGATION    ----------------------------------------- */
#navigation { }
#topnav {float:left; width:645px; padding-left:36px; background: url(../imgs/navigation_off.jpg) 0 0 no-repeat;}
#topnav A				{display:block; height:25px; float:left;}
#topnav A SPAN			{display:none;}
#topnav A#homebtn			{width:94px; background: url(../imgs/navigation.jpg) -36px 0 no-repeat;}
#topnav A#ourcompany		{width:94px; background: url(../imgs/navigation.jpg) -130px 0 no-repeat;}
#topnav A#ourproducts		{width:94px; background: url(../imgs/navigation.jpg) -224px 0 no-repeat;}
#topnav A#findadealer		{width:105px; background: url(../imgs/navigation.jpg) -318px 0 no-repeat;}
#topnav A#becomeadealer		{width:105px; background: url(../imgs/navigation.jpg) -423px 0 no-repeat;}
#topnav A#contactus     	{width:92px; background: url(../imgs/navigation.jpg) -528px 0 no-repeat;}

#topnav A#homebtn:hover			{width:94px; background: url(../imgs/navigation.jpg) -36px -25px no-repeat;}
#topnav A#ourcompany:hover		{width:94px; background: url(../imgs/navigation.jpg) -130px -25px no-repeat;}
#topnav A#ourproducts:hover		{width:94px; background: url(../imgs/navigation.jpg) -224px -25px no-repeat;}
#topnav A#findadealer:hover		{width:105px; background: url(../imgs/navigation.jpg) -318px -25px no-repeat;}
#topnav A#becomeadealer:hover	{width:105px; background: url(../imgs/navigation.jpg) -423px -25px no-repeat;}
#topnav A#contactus:hover    	{width:92px; background: url(../imgs/navigation.jpg) -528px -25px no-repeat;}

/* CONTENT        ----------------------------------------- */


/* FORMS,ETC	----------------------------------------- */

#signup table {background-color:#ede7c5; color:#000000; width:320px; border:none; border-collapse:collapse;}
#signup td {border:none; padding-left:4px;}
.labelcell {font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#5b5d30; background-color:transparent; width:220px;}
.fieldcell {background-color:#ede7c5; color:#000000; text-align:right; margin-right:0px; padding-right:0px;}
.fieldcell2 {background-color:#ede7c5; color:#000000; text-align:left; margin-right:0px; padding-right:0px;}
.smalllabelcell {font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ede7c5; color:#5b5d30; width:100px; border:#d2cba3 1px solid;}
.smallfieldcell {background-color:#ede7c5; color:#000000; border:#d2cba3 1px solid; text-align: right;}
.smallfieldcell select {width:100px;}
.fieldcell input.lform {width:200px; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ede7c5; color:#000000; border:#d2cba3 1px solid; margin-right:0px;}
.fieldcell textarea {width:200px; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ede7c5; color:#000000; border:#d2cba3 1px solid; margin-right:0px;}
.smallfieldcell input.sform {width:102px; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ede7c5; color:#000000; border:#d2cba3 1px solid;}
.smallfieldcell input.radio { font-size:11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.smallfieldcell select {font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ffffff; color:#000000; border:#d2cba3 1px solid;}
.button {font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#5b5d30; color:#ffffff; margin-left:12px; margin-top:3px; margin-bottom:2px;}