/* FIVE FOUR CLOTHING */
/* Collection Page Stylesheet
----------------------------------------------------------------------------- */


/* PAGE LAYOUT
----------------------------------------------------------------------------- */


	body.section-collection #content {

	width: 800px;

	}

	#collection {

	width: 800px;
	height: 600px;
	overflow: hidden;
	margin-bottom: 2px;

	}

	body.fall_2008 #collection {

	height: 700px;

	}


/* SEASONS
----------------------------------------------------------------------------- */


	#shop {

	display: block;
	width: 800px;
	height: 40px;
	background: #aabc90 url(../images/collection/a-shop.gif) no-repeat 12px center;
	text-indent: -5000px;

	}

	#seasons {

	width: 800px;

	}
	
	#seasons > ul {

	float: left;
	padding: 3px 0;
	margin: 0 0 0 -4px;

	}
	
	#seasons ul li {
		
	float: left;
	width: 398px;
	height: 288px;
	background: #929292;
	margin: 0 0 4px 4px;
		
	}

	#seasons ul li strong,
	#seasons ul li a {

	display: block;
	width: 398px;
	height: 288px;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}
	
	#fall_2011_lookbook {

	background-image: url("../images/collection/2011-fall.jpg");

	}

	#denim_2010_lookbook {

	background-image: url("../images/collection/2010-denim.jpg");

	}

	#winter_2010_lookbook {

	background-image: url("../images/collection/2010-winter.jpg");

	}

	#fall_2010_lookbook {

	background-image: url("../images/collection/2010-fall.jpg");

	}

	#springsummer_2010_lookbook {

	background-image: url("../images/collection/2010-spring-summer.jpg");

	}

	#summer_2009_campaign {

	background-image: url("../images/collection/2009-summer.jpg");

	}
	
	#fall_2009_lookbook {

	background-image: url("../images/collection/2009-fall.jpg");

	}
	
	#winter_2009_campaign {

	background-image: url("../images/collection/2009-winter-campaign.jpg");

	}
	
	#winter_2009_lookbook {

	background-image: url("../images/collection/2009-winter.jpg");

	}
	
	#summer_2009_lookbook {

	background-image: url("../images/collection/2009-summer.jpg");

	}
	
	#spring_2009_lookbook {

	background-image: url("../images/collection/2009-spring.jpg");

	}

	#denim {

	right: 0;	
	background-image: url("../images/collection/a-denim.jpg");

	}

	#back {

	display: block;
	float: right;
	width: 131px;
	height: 9px;
	overflow: hidden;
	margin-bottom: 25px;
	background-image: url("../images/collection/a-back.gif");
	text-indent: -5000px;

	}


/* DENIM FITS GUIDE
----------------------------------------------------------------------------- */


	#fits div.group {

	width: 556px;
	height: 265px;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 20px 224px 20px 20px;
	margin-bottom: 1px;

	}

	#fits div.group.alt {

	background-color: #fbfbfb;

	}

	#fits h3 {

	display: none;

	}

	#fits p {

	width: 364px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 0 0 20px 0;

	}

	div.group.cousteau {

	background-image: url(../images/fits/bg-cousteau.jpg);

	}

	div.group.cousteau p {

	height: 173px;
	background-image: url(../images/fits/p-cousteau.gif);

	}

	div.group.drake {

	background-image: url(../images/fits/bg-drake.jpg);

	}

	div.group.drake p {

	height: 171px;
	background-image: url(../images/fits/p-drake.gif);

	}

	div.group.magellan {

	background-image: url(../images/fits/bg-magellan.jpg);

	}

	div.group.magellan p {

	height: 141px;
	background-image: url(../images/fits/p-magellan.gif);

	}

	div.group.marco {

	background-image: url(../images/fits/bg-marco.jpg);

	}

	div.group.marco p {

	height: 204px;
	background-image: url(../images/fits/p-marco.gif);

	}