/* ----------------------------------------*/
/* Name: index.css
/* --------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 12/7/07
/* --------------------------------------- */
/* Description: Styles for the index page
/* 				for Hiring & Development
/*				Systems.
/* --------------------------------------- */
/* Revisions:
/* ----------------------------------------*/
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ----------------------------------------*/

@import url(scaffold_mar09.css);
/* --- Header --- */
	#header{border-bottom:1px solid #A4ABB5;}
	#header h1{height:91px; width:470px; background:url(images/logo.gif) no-repeat top left; float:left; margin:21px 0 0 20px;}
	#banner{height:106px; border-bottom:1px solid #A4ABB5; background:#f5f6f7 url(images/banner.jpg) no-repeat top right;}
	#banner h3{width:592px; height:106px; background:url(images/quote.gif) no-repeat top left;}
	
/* --- Jewel --- */
	#jewelcase{position:relative; width:900px; height:10px; z-index:2; }
	#jewel{background:url(images/jewel.gif) no-repeat center center;height:96px; width:144px; position:absolute;left:50%; margin-left:-72px; margin-top:-35px;}
		
/* --- Content --- */
	#content{background:#f3f4f4; padding-top:13px;}
	#content .row{border-top:1px solid #373935; border-bottom:1px solid #373935; background:#53564e url(images/rowBg.gif) repeat-x top left; padding:10px; width:880px;}
	
	/* --- Shared Col Styles --- */
		#content .col{width:435px; height:236px;background-position:top right; background-repeat:no-repeat; position:relative;}	
		.pictureBlock{height:236px; position:absolute; top:0; right:0;}
		#content .col ul{position:relative; z-index:1; margin:-20px 0 0 25px;}
		#devTitle, #hiringTitle{height:43px;}
		#content .col h2 a{display:block; height:41px; width:196px; position:absolute; z-index:1; margin-left:34px; background-repeat:no-repeat; background-position:top left;}
		#content .col h2 a:hover{background-position:top right;}
	
	/* --- Individual Col Styles ---*/		
		#hiring{background-image:url(images/hiringBg.png); margin-right:10px;}
		#hiring #hiringTitle{width:157px; background:url(images/hiringTitle.gif) no-repeat top left;}
		/*#hiring .pictureBlock{width:246px; background:url(images/hiringPhoto.jpg) no-repeat top right;}*/
		#hiring ul{
			width:261px; height:130px;
			/* background:url(images/hiringText.gif) no-repeat top left;*/
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:16px;
			line-height:1.2em;
		}
		
		#hiring ul li {
			padding-top:3px;		
			padding-bottom:3px;
		}
		#hiring h2 a{background-image:url(images/hiringButton.gif); margin-top:22px;}
		
		#development{background-image:url(images/developmentBg.gif);}
		#development #devTitle{width:345px; background:url(images/developmentTitle.gif) no-repeat top left;}
		#development .pictureBlock{width:185px; background:url(images/developmentPhoto.jpg) no-repeat top right;}
		#development ul{width:226px; height:134px; background:url(images/developmentText.gif) no-repeat top left;}
		#development h2 a{background-image:url(images/developmentButton.gif); margin-top:17px;}

/* --- Footer --- */
	#bottom{height:5px; background:#fff;}