/**
 *	MVM Rail
 *  Home Screen Styles
 *
 *	@author:	Nathan Crowe <nathan [at] brightlabs [dot] com [dot] au>
 *	@date:		21/06/2010
 *
 *	Table of Contents:
 *		=Header
 *		=Navigation
 *		=Feature
 *		=Content
 *			=Primary
 *				=Style Guide
 *				=Listings
 *			=Secondary
 *		=Footer
 *
 */

/* =Feature
----------------------------------------------- */
#feature { height: 248px; }
	#project-locations {
		background-image: url("/images/bg-project-locations-home.jpg");
		height: 248px;
	}
	#hero {
		background-image: url("/images/bg-hero-home.jpg");
		height: 248px;
	}
		#hero p {
			background: url("/images/bg-hero-h1.png") repeat-y;
			bottom: 0;
			color: #fff;
			display: block;
			font-size: 3.4em; /* 34px */
			line-height: 1.3824em; /* 47px */
			padding-bottom: 8px;
			padding-left: 20px;
			position: absolute;
			width: 100%;
		}
			#hero p a {
				background: url("/images/icons/icon-hero-arrow.png") right 14px no-repeat;
				color: #fff;
				padding-right: 48px;
				display: inline-block;
				text-decoration: none;
			}
			#hero p a:hover { background-position: right -94px; }
				#hero p a span { color: #b5c8ec; }
/* =Content
----------------------------------------------- */
#content { background: url("/images/bg-content-home.png") no-repeat; }
	#content hr {
		background-color: #d2d8e2;
		border:	0;
		color: #d2d8e2;
		height: 1px;
		margin:	0;
		margin-top: 1.5em;
	}
	/* =Primary
	----------------------------------------------- */
	#home #primary {}
		#home #primary h2 {
			border-bottom: 0.0455em solid #d2d8e2; /* 1px */
			color: #1f3a70;
			font-size: 1.8333em; /* 22px */
			line-height: 1.6364em; /* 36px */
			padding-bottom: 0.4545em; /* 10px */
		}
			#home #primary .panels {}
				#home #primary .panel { position: relative; }
					#home #primary .panel-2 .panel-inner { padding: 0 30px; }
				#home #primary .panel h2 {
					border-bottom: 0.0455em solid #d2d8e2; /* 1px */
					color: #1f3a70;
					font-size: 1.8333em; /* 22px */
					line-height: 1.6364em; /* 36px */
					margin: 0.8182em 0 0.5909em 0; /* 18px&13px */
					padding-bottom: 0.4545em; /* 10px */
				}
				#home #primary .panel img {
					display: block;
					margin-bottom: 1.5em;
					overflow: hidden;
				}
				#home #primary .panel p { margin-bottom: 2.25em; /* 27px */ }
				#home #primary .panel p.more {
					display: block;
					font-size: 0.9167em; /* 11px */
					line-height: 2em; /* 22px */
					margin: 0;
					position: absolute;
					right: 0;
					top: 2.7273em; /* 30px */
				}
				#home #primary .panel-2 p.more { right: 30px; }
					#home #primary .panel p.more a {
						background: url("/images/icons/icon-panel-arrow.png") right 50% no-repeat;
						color: #264480;
						display: block;
						padding-right: 28px;
					}
					#home #primary .panel p.more a:hover { color: #e62931; }
				#home #primary .panel ul {
					color: #264480;
					margin: 0 0 1.5em 0; /* 18px */
				}
				#home #primary .panel-3 ul {  }
					#home #primary .panel ul li {
						border-bottom: 0.0833em solid #d3e1ea; /* 1px */
						list-style: none;
						padding: 0.75em 1em 0.6667em 1em; /* 9px 12px 8px 12px */
					}
					#home #primary .panel ul li.alt-1 {
						border-top: 0.0833em solid #fff;
						background: #f2f8f9 url("/images/bg-panel-alt-li.gif") 0 bottom repeat-x;
						padding-top: 0.6667em;
					}
					#home #primary .panel-3 ul li.alt-1 {
						background-image: url("/images/bg-panel-alt-lrg-li.gif");
						border-top-width: 0.1667em;
						padding-top: 0.5833em;
					}
					#home #primary .panel-3 ul li:first-child { padding-top: 0; }
						#home #primary .panel ul li a {
							background: url("/images/icons/icon-arrow-233e73.png") right 50% no-repeat;
							color: #264480;
							display: block;
						}
						#home #primary .panel ul li a:hover { color: #e62931; }
					#home #primary .panel-3 ul li span { font-weight: bold; }