/************************************************************************

	Site:		ecoshuttle.com

	Author:		George Huff, eleven3		[www.eleven3.com]  

	Client:		The ECO Company		[http://www.ecoshuttle.com/]
	
	Date: 		6-7-07
				
				
	Listing Order:
	==============
	1 - Banner Styles
	2 - Newsletter Signup Styles
	3 - Bucket Styles



/***********************************************************************
	1 - BANNER STYLES
************************************************************************/

div#banner {
	height: 287px;
}

div#banner div.left {
	background: url(images/banner_placeholder_left.jpg) left top no-repeat;
	width: 616px;
	height: 287px;
}

div#banner div.right {
	background: url(images/banner_placeholder_right.gif) left top no-repeat;
	width: 288px;
	height: 287px;
}

div#banner div.right a {
	display: block;  /* Makes Call to Action the entire block */
	width: 100%;
	height: 100%;
}

div#banner div.right a span {
	display: none;
}

/***********************************************************************
	2 - NEWSLETTER STYLES
************************************************************************/

div#newsletter {
	height: 96px;
	background: url(images/bg_newsletter_signup_home.gif) left top no-repeat;
	position: relative;
}

input#signupfield {
	background: url(images/bg_newsletter_input.gif) left top no-repeat;
	width: 159px;
	height: 21px;
	padding-top: 6px;
	padding-left: 10px;
	border: none;
	position: absolute;
	top: 32px;
	left: 616px;
	color: #888;
	font-size: 12px;
}

input#signupbutton {
	position: absolute;
	top:32px;
	left: 785px;
}


/***********************************************************************
	3 - BUCKET STYLES
************************************************************************/

div#buckets {
	padding-bottom: 20px;
}

div.thebucket {
	float: left; /* Homepage Specific Bucket Behavior */
}

div#news_events, div#shuttle_overview, div#calendar {
	padding-right: 20px;
}

div#middle_column {
float: left;
}