/*-----------------------------------------------------------------------------
author:    www.3rdstudio.com
           511 W Chestnut
		   Yakima WA 98902
		   509.972.1600
-----------------------------------------------------------------------------*/


/* =Draper Tractor General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	}

/* Put it back on certain elements */


/* Class for clearing floats */
.clear
{
		clear:both;
		height:0px;
	}

/* Remove border around linked images */
img {
	border: 0;
	display:block;
	}
	
/* Transparency png fix for ie  */	
img, div { behavior: url(../scripts/iepngfix.htc) 
	}

body {
	background:url(../img/bodyBg.jpg) repeat-x #eeede3;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	}
	
#banner {
	width:750px;
	height:176px;
	margin:0 auto;
	position:relative;
	}
	
#bannerLogo {
	float:left;
	}
	
#homeBtn {
	float:right;
	}
	
#phoneNumber {
	margin:6px 0 0 0px;
	float:right;
	}
	
#contentContainer {
    margin:0 auto;
	width:780px;
	background:url(../img/contentBg.jpg) top center no-repeat;
	}
	
#content {
	margin:0 30px;
	padding:15px 0;
	width:720px;
	}
	
#leftCol {
	padding:76px 20px 0 0;
	background:url(../img/leftColBg2.jpg) no-repeat #f7f7f4;
	width:494px;
	float:left;
	}
	
#rightCol {
	width:203px;
	padding:20px 20px 20px 22px;
	float:right;
	}
	
/* Links */	
		
#content p a {
	color:#27769d;
	padding:1px 1px;
	font-weight:bold;
	}

#content p a:link, #content p a:visited {
	text-decoration:underline;
	}

#content p a:hover, #content p a:active {
	color:#ffffff;
	background:#27769d;
	}		

/* =Typography
-----------------------------------------------------------------------------*/	
h1 {
	font-size:100%;
	color:#edede3;
	height:31px;
	margin:0 0 5px 0;
	}
	
h2 {
	font-size:160%;
	color:#cc510c;
	margin:0 0 10px 0;
	}	
	
h3 {
	font-size:140%;
	margin:0 0 5px 0;
	color:#635d4b;
	}
	
h4 {
	font-size:125%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#635d4b;
	}
	
#content p {
	padding:0 0 20px 0;
	}
	

/* =footer
-----------------------------------------------------------------------------*/
#footer {
	margin:0 auto;
	width:750px;
	background:url(../img/footerBg.jpg) no-repeat top center;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	padding:28px 0 0 0;
	color:#000000;
	}
	
.blueText {
	color:#27769d;
	}

#footer a, #footer a:link, #footer a:visited  {
	font-size:120%;
	color:#27769d;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#27769d;
	text-decoration:underline;
	}

.thirdLink {
	text-align:center;
	font-size:95%;
	padding:0 0 20px 0;
	color:#827b61;
	}
	
.thirdLink a, .thirdLink a:link, .thirdLink a:visited  {
	color:#827b61;
	text-decoration:underline;
	}

.thirdLink a:hover, .thirdLink a:active {
	color:#827b61;
	text-decoration:none;
	}
	

/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav {
	margin:19px 0 0 0;
	width:472px;
	height:63px;
	float:right;
	}
	
#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ #navShopping, #navParts, #navAbout, #navContact {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#navShopping, #navParts, #navAbout, #navContact {
	padding:0 0 0 2px;
	}

/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:63px;
	position:relative !important;
	}
	
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:top;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:bottom;
	}
	
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:63px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* link and list-item widths correspond with image widths */
#navParts, #partsButton, #partsButton:visited {
	width:116px;
	}
	
#navAbout, #aboutButton, #aboutButton:visited {
	width:116px;
	}
	
#navContact, #contactButton, #contactButton:visited {
	width:116px;
	}
	
#navShopping, #shoppingButton, #shoppingButton:visited {
	width:116px;}
	
/* button images are span background images */
#partsButton span, #partsButton:visited span {
	background-image:url(../img/navPartsBooks.jpg);
	}

#aboutButton span, #aboutButton:visited span {
	background-image:url(../img/navAbout.jpg);
	}
	
#contactButton span, #contactButton:visited span {
	background-image:url(../img/navContact.jpg);
	}
#shoppingButton span, #shoppingButton:visited span {
	background-image:url(../img/navShopping.jpg);}
	

/* body tag */

#partsB #partsButton span a:link, #partsB #partsButton span a:visited, #partsB #partsButton span a:hover, #partsB #partsButton span a:active, #partsB #partsButton span,

#aboutB #aboutButton span a:link, #aboutB #aboutButton span a:visited, #aboutB #aboutButton span a:hover, #aboutB #aboutButton span a:active, #aboutB #aboutButton span,

#contactB #contactButton span a:link, #contactB #contactButton span a:visited, #contactB #contactButton span a:hover, #contactB #contactButton span a:active, #contactB #contactButton span

 {
	cursor:default;
	background-position:bottom;
	}