\/*

	Sitename: Casella Wines

	Description:
	The homepage differs quite a lot from the internal pages, hence its own stylesheet to improve readability of other stylesheets.
	
	Author:
	Samuel Richardson, sam@richardson.co.nz

*/


	#header .tagline
	{
		display : none;
	}

#content
{
	height : 525px !important;
	position : relative;
	padding : 0;
	background : #F3F3F3 url(/templates/casella/images/framework/background_homepagecontent.png) repeat-y;
	z-index : 1;
	width : 960px;
}

/* Blocks edit view for content scroll (work around for an existing hack) */
body.blocks #content {
	height: 2845px !important;
	overflow:hidden;
}

body.blocks #content .navigation {
	display: none;
}

	#content h2
	{
		color : #46166B;
		text-transform : uppercase;
		margin-bottom : 12px;
		font-size : 1.6em;
		font-weight : normal;
	}
	
		#content h2.sIFR-replaced
		{
			margin-bottom : 0px;
		}
		
/*		* html #content h2.sIFR-replaced
		{
			margin-bottom : 2px;
		}
		
		*+html #content h2.sIFR-replaced
		{
			margin-bottom : 2px;
		}*/

	#content .introduction
	{
		position : absolute;
		left : 20px;
		top : 42px;
	}
	
		#content .introduction p
		{
			font-size : 1.8em;
			line-height:1.2em;
			color : #444;
			font-family : arial, sans-serif;
			width : 436px;
		} 
	
	#content .news
	{
		position : absolute;
		top : 276px;
		left : 12px ;
		overflow: hidden;
		width: 218px;
	}
	
	#content .featured
	{
		position : absolute;
		top : 276px;
		left : 243px;
		overflow: hidden;
		width: 218px;
	}
	
	#content .featured .item-container,
	#content .news .item-container {
		width: 3000px;
	}

	
		#content .news h2, #content .featured h2
		{
			margin-left : 8px;
		}
		
		#content .news h3, #content .featured h3
		{
			font-family : arial, sans-serif;
			color : #fff;
			font-size : 1.2em;
			font-weight: normal;
		}
		
		#content .news .item, #content .featured .item
		{
			width : 178px;
			height : 83px;
			padding-top : 11px;
			background : url(/templates/casella/images/framework/background_homepageitem.png) no-repeat;
			padding-left : 16px;
			padding-right : 26px;
			line-height : 1.8em;
			float: left;
		}
		
		/* Blocks edit view for gallery */
		body.blocks #content .item {
			float: none;
			clear:both;
		}
		
		#content .navigation {
			font-size : 1.3em;
			position : absolute;
			padding : 0 12px;
			width : 30px;
			right: 0;
			top: -6px;
			white-space : nowrap;
		}
		#content .navigation .button {
			position: absolute;
			top : -1px;
		}
		#content .navigation p {
			margin: 6.5px 0 0 5px;
			color: #4f543e;
		}
		#content .navigation .left {
			left: 0; 
		}
		#content .navigation .right {
			right: 0;
		}
		
		#content .news .item p, #content .featured .item p 
		{
			padding-left:16px;
		}
				
		#content .news .item a, #content .featured .item a
		{
			color : white;
			text-decoration : underline;
			font-size : 1.2em;
			display : block;
			background : url(/templates/casella/images/framework/bullet_homepageitem.gif) 0 6px no-repeat;
			position : relative;
			left : -18px;
			padding-left : 18px;
		}
		
		#content .promotion .item-container
		{
			width:4000px;
		}
		
		#content .promotion
		{
			width : 421px;
			top : 32px;
			left : 490px;
			position : absolute;
			overflow:hidden;
		}
		
		#content .promotion .item-container .item 
		{
			display : block;
			float : left;
			padding-right : 16px;
			padding-top : 30px;
		}
		
		#content .promotion .details
		{
			margin-top : 15px;
			width : 400px;
			line-height : 1.8em;
			/*margin-left : 12px;*/
		}
		
			#content .promotion .details h4
			{
				font-size : 1.6em;
				font-weight : bold;
				color : #515151;
			}
			
				#content .promotion .details h4 a
				{
					color : #515151;
				}
				
			#content .promotion .details p
			{
				color : #515151;
				font-size : 1.2em;
			}
		
		
		body.edit #content .promotion .item-container .item
		{
			float : none;
		}
		
			#content .promotion .banner
			{
				position : relative;
				left : 24px;
				display : block;
			}
				
#footer
{
	border : none;
}