/*:: Imports
------------------------------------- */
	@import url(framework.css);
	
/*:: Overall
------------------------------------- */
	#overall{width:880px; margin:0 auto;}
	
/*:: Head
------------------------------------- */
	#head{height:183px;}
	#head h1{height:117px; width:269px; background:url(images/logo.gif) no-repeat top left; margin:18px 0 0 0; float:left;}
	#head h3{height:114px; width:232px; background:url(images/serving.gif) no-repeat top left; margin:12px 0 0 22px; float:left;}
	#head #phone{float:right; margin-top:32px;}
	#head #phone strong{font-size:18px;}
	#head h2{height:13px; width:253px; background:url(images/tagLine.gif) no-repeat top left; margin-top:18px; float:right; clear:right;}
	#head #gNav{font-size:11px; width:350px; text-align:right; float:right; clear:right; margin-top:22px;}
	html>body #head #gNav{margin-top:33px;}
	#head #gNav li{margin-left:22px}
	#head #gNav a{color:#fff;}
	#head #welcomeBlurb{font-style:italic; font-size:15px; color:#fff; float:left; margin-top:15px; clear:both; width:100%;}
	
/*:: Content
------------------------------------- */
	#content{margin-bottom:20px;}
	#content #productTitle a{display:block; height:20px; background:url(images/productsTitle.gif) no-repeat top left; margin:17px 0 11px 0; padding-bottom:3px; border-bottom:1px solid #005c9d;}
	#content p{font-size:12px; margin-bottom:1em; line-height:14px;}
	
/*:: Product Navigation
------------------------------------- */
	#prodNav{list-style:none; margin-top:13px;}
	#prodNav li{height:190px; width:135px; margin-left:14px; float:left;}
	#prodNav li.first{margin-left:0;} 
	#prodNav li a{display:block; padding:15px 0 0 15px; height:175px; width:120px; color:#000; font-size:12px; line-height:13px; background-repeat:no-repeat; background-position:top left;}
	#prodNav li a:hover{background-position:top right; text-decoration:none;}
	#prodNav #prod1 a{background-image:url(images/1.jpg);}
	#prodNav #prod2 a{background-image:url(images/2.jpg);}
	#prodNav #prod3 a{background-image:url(images/3.jpg);}
	#prodNav #prod4 a{background-image:url(images/4.jpg);}
	#prodNav #prod5 a{background-image:url(images/5.jpg);}
	#prodNav #prod6 a{background-image:url(images/6.jpg);}

/*:: New Product Navigation
------------------------------------- */
	#prodNav.new {list-style:none; margin-top:13px;}
	#prodNav.new li{height:190px; width:117px; margin-left:10px; float:left;}
	#prodNav.new li.first{margin-left:0;} 
	#prodNav.new li a{display:block; padding:15px 0 0 12px; height:175px; width:105px; color:#000; font-size:12px; line-height:13px; background-repeat:no-repeat; background-position:top left;}
	#prodNav.new li a:hover{background-position:top right; text-decoration:none;}
	#prodNav.new #prod1 a{background-image:url(images/prod1.jpg);}
	#prodNav.new #prod2 a{background-image:url(images/prod2.jpg);}
	#prodNav.new #prod3 a{background-image:url(images/prod3.jpg);}
	#prodNav.new #prod4 a{background-image:url(images/prod4.jpg);}
	#prodNav.new #prod5 a{background-image:url(images/prod5.jpg);}
	#prodNav.new #prod6 a{background-image:url(images/prod6.jpg);}
	#prodNav.new #prod7 a{background-image:url(images/prod7.jpg);}
	
/*:: Bottom Navigation
------------------------------------- */
	#bottomNav{width:731px; float:left;}
	#bottomNav .col2{height:106px; width:343px; padding:10px 0 0 15px; margin-left:15px; background:url(images/bNavBg.jpg) no-repeat top left; position:relative;}
	#bottomNav .col2.first{margin-left:0;}
	#bottomNav h3{margin-bottom:.5em;}
	#bottomNav h3 a{font-size:16px; font-weight:normal; color:#0078b8; text-decoration:underline;}
	#bottomNav p{line-height:14px; margin-bottom:.5em; width:190px;}
	#bottomNav .learnMore{color:#36f; padding-left:10px; font-size:11px; background:url(images/orangeArrow.gif) no-repeat 0 2px;}
	/* -- with the png fix, IE6 does not listen to css rules to the image tag itself.  class 'img' fixes this. -- */
		#bottomNav .col2 .img{position:absolute; top:-9px;}
		#bottomNav #rentals .img{right:-10px;}
		#bottomNav #parts .img{right:5px;}
	
/*:: Calls to Action
------------------------------------- */
	#cta{float:left; width:135px; margin-left:14px; list-style:none; font-size:11px;}
	#cta li{height:24px; width:135px; margin-bottom:6px;}
	#cta li a{display:block; height:24px; width:100%; text-align:center; line-height:24px; color:#fff; background:url(images/button.gif) no-repeat top left;}
	#cta li a:hover{background-position:bottom left; text-decoration:none;}