/*

	Pizza Town Home Styles
	Kenzie Campbell [kenzie@famousfolk.ca]
	pizzatown.ca/stylesheets/home.css
	October 2008
	
*/

html {
	width: 100%;
	overflow: hidden;
}

/* =Branding ******************************************************************/

#branding {
	z-index: 200;
	min-width: 950px;
	background: transparent;
}

ul#nav li.current a {
	background-position: 0 -17px;
}

/* =Feature **********************************************************************/

#feature {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 950px;
	height: 100%;
	overflow: hidden;
}
#feature .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#feature h2 {
	font-family: 'Arial Black';
	font-weight: normal;
	text-transform: uppercase;
	line-height: .9;
	font-size: 7em;
	letter-spacing: -3px;
	position: absolute;
	bottom: 160px;
	left: 0;
	padding: 20px;
	z-index: 100;
}
#feature h2 em {
	font-family: arial, sans-serif;
	font-style: normal;
	font-size: .15em;
	font-weight: normal;
	letter-spacing: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
}
#feature h2 a:link, #feature h2 a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#feature h2 a:hover, #feature h2 a:active, #feature h2 a:focus {
}
#feature h2 a span {
	display: inline-block;
	width: 28px;
	height: 28px;
	overflow: hidden;
	background: url(../images/home/arrow.png) no-repeat;
}
#feature h2 a:hover span {
	background-position: 0 -28px;
}
#feature .gradient-bottom {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 360px;
	z-index: 50;
	background: url(../images/home/feature-gradient-bottom.png) repeat-x 0 0;
}
#feature .gradient-top {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 145px;
	z-index: 50;
	background: url(../images/home/feature-gradient-top.png) repeat-x 0 0;
}

/* =Callouts *******************************************************************/

#callouts {
	position: absolute;
	bottom: 30px;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	z-index: 150;
}
#callouts li {
	float: left;
	list-style: none;
	margin: 0 20px;
	text-transform: uppercase;
	font-family: 'Arial Black';
	font-weight: normal;
	font-size: 3em;
	line-height: .9;
}
#callouts li span {
	display: block;
	font-size: .5em;
}
#callouts li em {
	display: block;
	font-style: normal;
	font-size: .5em;
	padding-top: 20px;
}
#callouts li a {
	display: block;
	text-decoration: none;
}

#callouts li.callout a {
	display: block;
	width: 350px;
	height: 90px;
	overflow: hidden;
}
#callouts li.callout a:hover img {
	margin-top: -90px;
}

#callouts li.logo {
	float: right;
	margin: 0 20px;
}

#callouts img {
	vertical-align: bottom;
}

/* =Deals *******************************************************************/

.deals {
	top: 140px;
	position: absolute;
	right: 20px;
	z-index: 60;
}

/* =Siteinfo ******************************************************************/

#siteinfo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 75;
	min-width: 950px;
}
#siteinfo li {
	padding-bottom: 5px;
}