/* ---------------------------------------- */
/* Name: main.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 05-07-08
/* ---------------------------------------- */
/* Description: Main page styles for SSI
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);

	/* --- Header --- */
		#header div h1{height:60px; width:288px; background:url(images/logo.gif) no-repeat top left; margin:15px 0 0 10px; float:left;}
			html>body #header div h1{margin-left:20px;}
	/* --- Welcome --- */
		#welcome{clear:both; margin:51px 25px 0 25px;}
		#welcome h2{height:23px; width:859px; background:url(images/welcomeBlurb.gif) no-repeat top left; float:left;}
		#welcome p{float:left; margin-top:10px;}
	/* --- Content --- */	
		#content{float:left; padding-top:40px;}
		#contentBuffer{width:704px; float:left;}
		#contentBuffer .mainCol{float:left; width:156px; margin-right:20px;}
		#contentBuffer .mainCol h2 a{display:block; height:36px; border-bottom:1px solid #a1b309; margin-bottom:10px; background-position:top left;}
		#contentBuffer .mainCol h2 a:hover{background-position:bottom left !important;}
		#contentBuffer .mainCol img{margin-bottom:10px;}
		#bucket1 h2 a{background-image:url(images/bucket1.gif);}
		#bucket2 h2 a{background-image:url(images/bucket2.gif);}
		#bucket3 h2 a{background-image:url(images/bucket3.gif);}
		#bucket4 h2 a{background-image:url(images/bucket4.gif);}
		#contentBuffer .mainCol .learnMore{display:block; height:16px; background:url(images/learnMore.gif) no-repeat top left; margin-top:10px; border-top:1px solid #a1b309;}
		#contentBuffer .mainCol .learnMore:hover{background-position:bottom left;}
	/* --- Right Nav --- */
		#rNav{float:left; width:156px;}
		#rNav #rfq a{display:block; height:39px; width:156px; background:url(images/rfqButton.gif) no-repeat top left;}
		#rNav #rfq a:hover{background-position:center left;}
		#rNav #rfq a:active{background-position:bottom left;}
		#rNav ul{list-style:none;}
		#rNav ul ul{list-style:disc; margin-left:17px; color:#73120b;}
		#rNav ul ul li{margin-bottom:4px;}
		#rNav ul ul li a{display:block; margin-left:-4px; color:#73120b; text-decoration:none; font-weight:normal; background-image:none !important; font-size:11px;}
		#rNav ul ul li a:hover{text-decoration:underline;}
		#rNav ul h3{line-height:0;}
		#rNav ul h3 a{display:block; width:100%; border-bottom:1px solid #a1b309; background-position:top left; margin:20px 0 6px 0;}
		#rNav ul h3 a:hover{background-position:bottom left;}
		#rNav ul #nav1 h3 a{height:16px; background-image:url(images/applicationTitle.gif);}
		#rNav ul #nav2 h3 a{height:16px; background-image:url(images/materialsTitle.gif);}
		#rNav ul #nav3 h3 a{height:35px; background-image:url(images/productDevTitle.gif);}