@charset "UTF-8";
/*

WSFOODSTYLE

Global Stylesheet
version 2.0

Colors:

Orange: #FF641A
Green: #78B512

*/


/*================ GLOBAL ================*/

html, body { padding: 0; margin: 0; }

ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
	float: left;
}

img, a img { margin: 0; padding: 0; border: none; }

a:active { outline: none; }
:focus { -moz-outline-style: none; }

#wrapper {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#content_frame {
	position: relative;
	height: 550px;
	width: 100%;
	overflow: hidden;
	top: 50px;
	left: 0;
}

#content {
	position: relative;
	top: 0;
	left: 175px;
	height: 550px;
	width: 180000px;
}

/*================ NAVIGATION MAIN ================*/

#navigation_main {
	width: 94px;
	height: auto;
	background-color: #FFF;
	position: absolute;
	top: 50px;
	left: 50px;
	font-size: 12px;
	z-index: 2;
	margin: 0;
	padding: 0 15px;
}

	#navigation_main h1 {
		width: 94px;
		height: 66px;
		margin: 0 0 117px 0;
		padding: 0;
		float: left;
		text-indent: -9999px;
		background: url(../images/global/navigation_main.png) no-repeat;
		display: block;
		cursor: pointer;
	}
	
		#navigation_main h1 a {
			width: 94px;
			height: 66px;
			display: block;
		}
		
	#navigation_main ul {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
	}
	
		#navigation_main ul li {
			margin: 0;
			padding: 0;
			float: left;
			text-indent: -9999px;
		}
		
			#navigation_main ul li a {
				background: url(../images/global/navigation_main.png) no-repeat;
				display: block;
			}
	
	#navigation_main ul.menu_books {
		width: 94px;
		height: 70px;
	}
	
		#navigation_main ul.menu_books li.work a {
			width: 94px;
			height: 36px;
			background-position: 0 -66px;
		}
		
			#navigation_main ul.menu_books li.work a:hover,
			#navigation_main ul.menu_books li.work a.selected { background-position: -93px -66px; }
		
		#navigation_main ul.menu_books li.book_1 a {
			height: 36px;
			width: 63px;
			background-position: 0 -101px;
		}
		
			#navigation_main ul.menu_books li.book_1 a:hover,
			#navigation_main ul.menu_books li.book_1 a.selected { background-position: -93px -101px; }
			
		#navigation_main ul.menu_books li.book_2 a {
			height: 36px;
			width: 16px;
			background-position: -62px -101px;
		}
			#navigation_main ul.menu_books li.book_2 a:hover,
			#navigation_main ul.menu_books li.book_2 a.selected { background-position: -155px -101px; }
		
		#navigation_main ul.menu_books li.book_3 a {
			height: 36px;
			width: 15px;
			background-position: -79px -101px;
		}
		
			#navigation_main ul.menu_books li.book_3 a:hover,
			#navigation_main ul.menu_books li.book_3 a.selected { background-position: -172px -101px; }	
			
	#navigation_main ul.menu_other {
		width: 94px;
		height: auto;
	}
	
		#navigation_main ul.menu_other li.covers a {
			height: 36px;
			width: 94px;
			background-position: 0 -137px;
		}
		
			#navigation_main ul.menu_other li.covers a:hover,
			#navigation_main ul.menu_other li.covers a.selected { background-position: -93px -137px; }
	
		#navigation_main ul.menu_other li.tear_sheets a {
			height: 36px;
			width: 94px;
			background-position: 0 -176px;
		}
		
			#navigation_main ul.menu_other li.tear_sheets a:hover,
			#navigation_main ul.menu_other li.tear_sheets a.selected { background-position: -93px -176px; }
		
		#navigation_main ul.menu_other li.packaging a {
			height: 38px;
			width: 94px;
			background-position: 0 -214px;
		}
		
			#navigation_main ul.menu_other li.packaging a:hover,
			#navigation_main ul.menu_other li.packaging a.selected { background-position: -93px -214px; }
				
		#navigation_main ul.menu_other li.television a {
			height: 36px;
			width: 94px;
			background-position: 0 -255px;
		}
			
			#navigation_main ul.menu_other li.television a:hover,
			#navigation_main ul.menu_other li.television a.selected { background-position: -93px -255px; }
		
		#navigation_main ul.menu_other li.contact a {
			margin-top: 37px;
			height: 36px;
			width: 94px;
			background-position: 0 -294px;
		}
		
			#navigation_main ul.menu_other li.contact a:hover,
			#navigation_main ul.menu_other li.contact a.selected { background-position: -93px -294px; }
		
		#navigation_main ul.menu_other li.biography a {
			height: 24px;
			width: 94px;
			background-position: 0 -330px;
		}
		
			#navigation_main ul.menu_other li.biography a:hover,
			#navigation_main ul.menu_other li.biography a.selected { background-position: -93px -330px; }
		
		#navigation_main ul.menu_other li.clients a {
			height: 24px;
			width: 94px;
			background-position: 0 -355px;
		}
		
			#navigation_main ul.menu_other li.clients a:hover,
			#navigation_main ul.menu_other li.clients a.selected { background-position: -93px -355px; }
		
		#navigation_main ul.menu_other li.photo_credits a {
			height: 24px;
			width: 94px;
			background-position: 0 -379px;
		}
		
			#navigation_main ul.menu_other li.photo_credits a:hover,
			#navigation_main ul.menu_other li.photo_credits a.selected { background-position: -93px -379px; }
			
	#back_arrow {
		position: absolute;
		top: 225px;
		left: -20px;
	}

/* CONTROLLER */

.button {
	width: 30px;
	height: 500px;
	float: left;
	margin-right: 15px;
}

	.button a.left {
		display: block;
		float: left;
		width: 15px;
		height: 500px;
		background: url(../images/global/button_arrow.png) no-repeat;
		background-position: 0 0;
	}
	
		.button a.left:hover {
			background-position: -15px 0;
		}
	
	.button a.right {
		display: block;
		float: left;
		width: 15px;
		height: 500px;
		background: url(../images/global/button_arrow.png) no-repeat;
		background-position: -30px 0;
	}
	
		.button a.right:hover {
			background-position: -45px 0;
		}
		

	
/*================ WORK ================*/

#work {
	height: 550px;
	width: 180000px;
	float: left;
}

/* BLOCK INDEX */

#block_index {
	float: left;
	width: auto;
	height: 500px;
	margin-right: 70px;
}

	#block_index .eat_pretty {
		background: url(../images/text/WhooshSplat_online.png) no-repeat;
		text-indent: -9999px;
		width: 350px;
		height: 500px;
		margin-right: 141px;
	}


/* BLOCK THUMB BOOKS */

#block_thumb_book {
	float: left;
	width: 1682px;
	margin-right: 20px;
}

	.wrap_thumb_book {
		width: 816px;
		float: left;
	}

	#block_thumb_book ul {
		float: left;
		margin: 0 0 16px 0;
		padding: 0;
	}
	
		#block_thumb_book ul li {
			float: left;
			margin: 0 16px 0 0;
			padding: 0;
		}
		
			#block_thumb_book ul li img {
				display: block;
				margin: 0;
				padding: 0;
				cursor: pointer;
			}
		
/* THUMB BOOK 1 */

	#gallery_one_images li.gallery_one {
		text-indent: -9999px;
		width: 68px;
		height: 156px;
	}

		#gallery_one_images li.gallery_one a {
			background: url(../images/text/one.gif) no-repeat;
			background-position: 0 0;
			width: 68px;
			height: 156px;
			display: block;
		}

			#gallery_one_images li.gallery_one a:hover { background-position: -68px 0; }

/* THUMB BOOK 2 */

	
	#gallery_two_images li.gallery_two {
		text-indent: -9999px;
		width: 68px;
		height: 156px;
	}

		#gallery_two_images li.gallery_two a {
			background: url(../images/text/two.gif) no-repeat;
			background-position: 0 0;
			width: 68px;
			height: 156px;
			display: block;
		}

			#gallery_two_images li.gallery_two a:hover { background-position: -68px 0; }
	

/* THUMB BOOK 3 */
	
	#gallery_three_images li.gallery_three {
		text-indent: -9999px;
		width: 68px;
		height: 156px;
	}
	
		#gallery_three_images li.gallery_three a {
			background: url(../images/text/three.gif) no-repeat;
			background-position: 0 0;
			width: 68px;
			height: 156px;
			display: block;
		}
		
			#gallery_three_images li.gallery_three a:hover { background-position: -68px 0; }
			
	
/* BLOCK BOOK */

.block_book {
	float: left;
	height: 550px;
	width: auto;
	margin-right: 20px;
}

	.block_book li {
		margin-right: 15px;
		cursor: pointer;
	}
	
	
	
/* END BLOCK */

#block_end {
	float: left;
	width: 2000px;
	height: 500px;
}

/* CONTACT */

#contact_info {
	float: left;
	width: 354px;
	height: 500px;
	margin-right: 35px;
}

	#contact_info img, a {
		display: block;
	}
	
/* CLIENTS */

#clients {
	float: left;
	width: 309px;
	height: 500px;
	margin-right: 45px;
}

	#clients ul {
		width: 309px;
		margin: 0;
		padding: 0;
		float: left;
	}

		#clients ul li {
			width: 309px;
			margin: 0;
			padding: 0;
			float: left;
		}
		
			#clients ul li img {
				margin: 0;
				padding: 0;
				display: block;
			}
			
#photographers_1,
#photographers_2,
#photographers_3 { cursor: pointer; }
			
	

/*================ COVERS ================*/

#covers {
	height: 550px;
	width: 180000px;
	float: left;
}

	#covers h2 {
		height: 500px;
		width: 196px;
		display: block;
		text-indent: -9999px;
		background: url(../images/text/covers.png) no-repeat;
		margin: 0 188px 0 0;
		padding: 0;
		float: left;
	}
	
	#covers ul {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		#covers ul li {
			float: left;
		}
		
		#c_01 { margin-right: 116px; }
		#c_02 { margin: 0 20px 0 60px; }
		#c_03 { margin: 0 57px 0 8px; }
		#c_04 { margin: 0 20px 0 68px; }
		#c_05 { margin: 0 30px 0 30px; }
		#c_06 { margin: 0 60px 0 60px; }
		#c_07 { margin: 0 60px 0 60px; }
		#c_08 { margin: 0 60px 0 60px; }
		#c_09 { margin: 0 60px 0 60px; }
		

/*================ COVERS ================*/

#tear_sheets {
	height: 550px;
	width: 180000px;
	float: left;
}

	#tear_sheets h2 {
		height: 500px;
		width: 149px;
		display: block;
		text-indent: -9999px;
		background: url(../images/text/tear_sheets.png) no-repeat;
		margin: 0 132px 0 0;
		padding: 0;
		float: left;
	}

	#tear_sheets ul {
		margin: 0;
		padding: 0;
		float: left;
	}

		#tear_sheets ul li {
			float: left;
		}
		
		#t_01 { margin: 0 106px 0 0; }
		#t_02 { margin: 0 68px 0 20px; }
		#t_03 { margin: 0 66px 0 40px; }
		#t_04 { margin: 0 40px; }

		
/*================ PACKAGING ================*/

#packaging {
	height: 550px;
	width: 900px;
	float: left;
}

	#packaging h2 {
		height: 500px;
		width: 138px;
		display: block;
		text-indent: -9999px;
		background: url(../images/text/packaging.png) no-repeat;
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
		cursor: pointer;
	}
	
	#packaging ul {
		width: 355px;
		margin: 0;
		padding: 0;
		float: left;
	}

		#packaging ul li {
			margin: 0 15px 16px 0;
			padding: 0;
			float: left;
		}
		
			#packaging ul li img {
				width: 162px;
				height: 156px;
				margin: 0;
				padding: 0;
				display: block;
				cursor: pointer;
			}
			
			#packaging ul li#p_07 img {
				width: 340px;
				height: 328px;
			}
			
/*================ BIOGRAPHY ================*/

#biography {
	float: left;
	height: 560px;
	width: 180000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	#biography ul {
		margin: 0;
		padding: 0;
		float: left;
	}

		#biography ul li {
			float: left;
		}
			
			#biography ul li .copy {
				width: 360px;
				float: left;
			}
			
			#biography ul li .right_margin {
				margin-right: 20px;
			}
			
			#biography ul li p:first-child {
				margin-top: 0;
			}
			
			#biography ul li p {
				font-size: 12px;
				line-height: 16px;
				color: #6D6F71;		
			}
			
				#biography ul li p span {
					color: #78B512;
					font-weight: bold;
				}
		
			#biography ul li img {
				margin: 0;
				padding: 0;
				display: block;
			}
			
		#bio1 { margin: 0 117px 0 0; }
			#bio1 div { width: 360px; float: left; }
			#bio1 img { width: 360px; float: left; display: block; }
		#bio2 { margin: 0 46px 0 50px; }
		#bio3 { margin: 0 55px 0 50px; }
		#bio4 { margin: 0 90px 0 50px; }
		#bio5 { margin: 0 70px 0 50px; }
		#bio6 { margin: 0 57px 0 50px; }
		#bio7 { margin: 0 75px 0 50px; }
		
				
	
/*================ CLASSES ================*/

.clear { clear: both; }