/* REDEFINITIONS
------------------------------------------------------------ */

	/* set everything to default 0
	------------------------------------------------------------ */
	html,body,div,p,form,input,select,textarea,a,table,td,tr,h1,h2,h3,h4,h5,h6,hr,li,ul
	{
		margin:				0;
		padding:			0;
	}
	
	
	a
	{
		color:				#FFFFFF;
		font-size:			10px;
	}

	
	/* set body and html to max width/height and center content
	------------------------------------------------------------ */
	html,body
	{
		width:				100%;
		height:				100%;
		text-align:			center;
	}
	
	/* background color for body
	------------------------------------------------------------ */
	body
	{
		background:			#3A403B;
		text-align:			center;
	}
	
	/* remove default borders
	------------------------------------------------------------ */
	img
	{
		border:				0;
	}
	
	/* set the default font color
	------------------------------------------------------------ */
	div,p
	{
		color:				#FFF;
	}
	
/* ------------------------------------------------------------ */





/* LAYOUT
------------------------------------------------------------ */
	
	/* wrapper for index
	------------------------------------------------------------ */
	#index_wrapper
	{
		margin:				0 auto;
		padding:			135px 0 0;
		width:				780px;
	}
	
	#index_wrapper h1
	{
		margin:				0 auto;
		width:				460px;
		height:				96px;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/index/title.gif) no-repeat;
	}
	
	#index_launch
	{
		margin:				160px auto 0;
		width:				80px;
		height:				73px;
		text-indent:		-5000px;
		display:			block;
		overflow:			hidden;
		background:			url(../images/index/launch.gif) no-repeat;
	}
	#index_launch:hover
	{
		background:			url(../images/index/launch_over.gif) no-repeat;
	}
	
	#index_quicktime
	{
		margin:				100px auto;
		width:				461px;
		height:				25px;
		text-indent:		-5000px;
		display:			block;
		overflow:			hidden;
		background:			url(../images/index/get_qt.gif) no-repeat;
	}
	#index_quicktime:hover
	{
		background:			url(../images/index/get_qt_over.gif) no-repeat;
	}
	
	
	
	/* main wrapper
	------------------------------------------------------------ */
	#wrapper
	{
		margin:				0 auto;
		width:				780px;
	}
	
	/* header bar (title only)
	------------------------------------------------------------ */
	#header
	{
		margin:				50px 0 15px 0;
		padding:			15px 0 0 0;
		height:				35px;
		background:			#9DA09D;
	}
	
	/* navigation bar
	------------------------------------------------------------ */
	#navigation
	{
		margin:				0 0 15px 0;
		height:				45px;
		background:			#FFF;
	}
	
	/* remove bullets and make inline for nav list
	------------------------------------------------------------ */
	#navigation li
	{
		list-style:			none;
		float:				left;
	}
	
	/* box for reels and info
	------------------------------------------------------------ */
	#content_box
	{
		margin:				0 0 15px 0;
		height:				337px;
		width:				780px;
		text-align:			left;w
	}
	
	/* box for titles
	------------------------------------------------------------ */
	#info_box
	{
		margin:				0 0 15px 0;
		width:				780px;
		height:				35px;
		background:			url(../images/titles/reel_infobox.gif) no-repeat;
		text-align:			left;
	}
	
	/* box for clip nav
	------------------------------------------------------------ */
	#image_nav_box
	{
		height:				75px;
		text-align:			left;
		padding:			15px;
		background:			#FFF;	
	}
	
	/* left col for info
	------------------------------------------------------------ */
	.left_col
	{
		float:				left;
		background:			#FFF;
		text-align:			left;
	}
	
	/* right col for info
	------------------------------------------------------------ */
	.right_col
	{
		float:				right;
		background:			#CECFCE;
	}
	
	/* button box (next / prev on reel pages)
	------------------------------------------------------------ */
	#btn_box
	{
		width:				780px;
		float:				left;
	}
	
/* ------------------------------------------------------------ */





/* TEXT STYLES
------------------------------------------------------------ */
	
	/* replace main title with image
	------------------------------------------------------------ */
	#header h1
	{
		width:				780px;
		height:				21px;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/header/header.gif);
	}
	
	/* home nav item
	------------------------------------------------------------ */
	#nav_home
	{
		width:				50px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat 0px 0px;
	}
	#nav_home:hover{ background: url(../images/nav/nav_bar.gif) no-repeat 0px -45px; }
	#nav_home_cur
	{
		width:				50px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat 0px -45px;
	}
	
	/* show reels nav item
	------------------------------------------------------------ */
	#nav_show
	{
		width:				75px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -50px 0px;
	}
	#nav_show:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -50px -45px; }
	#nav_show_cur
	{
		width:				75px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -50px -45px;
	}
	
	/* history reels nav item
	------------------------------------------------------------ */
	#nav_car
	{
		width:				65px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -125px 0px;
	}
	#nav_car:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -125px -45px; }
	#nav_car_cur
	{
		width:				65px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -125px -45px;
	}
	
	/* history reels nav item
	------------------------------------------------------------ */
	#nav_history
	{
		width:				90px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -190px 0px;
	}
	#nav_history:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -190px -45px; }
	#nav_history_cur
	{
		width:				90px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -190px -45px;
	}
	
	/* music reels nav item
	------------------------------------------------------------ */
	#nav_music
	{
		width:				85px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -280px 0px;
	}
	#nav_music:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -280px -45px; }
	#nav_music_cur
	{
		width:				85px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -280px -45px;
	}
	
	/* visual fx nav item
	------------------------------------------------------------ */
	#nav_visual
	{
		width:				105px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -365px 0px;
	}
	#nav_visual:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -365px -45px; }
	#nav_visual_cur
	{
		width:				105px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -365px -45px;
	}
	
	/* photography nav item
	------------------------------------------------------------ */
	#nav_photography
	{
		width:				90px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -470px 0px;
	}
	#nav_photography:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -470px -45px; }
	#nav_photography_cur
	{
		width:				90px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -470px -45px;
	}
	
	/* bio nav item
	------------------------------------------------------------ */
	#nav_biography
	{
		width:				70px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -560px 0px;
	}
	#nav_biography:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -560px -45px; }
	
	#nav_biography_cur
	{
		width:				70px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -560px -45px;
	}
	
	/* info nav item
	------------------------------------------------------------ */
	#nav_info
	{
		width:				40px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -630px 0;
	}
	#nav_info:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -630px -45px; }
	#nav_info_cur
	{
		width:				40px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -630px -45px;
	}
	
	/* ftp nav item
	------------------------------------------------------------ */
	#nav_ftp
	{
		width:				60px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -670px 0px;h
	}
	#nav_ftp:hover{ background: url(../images/nav/nav_bar.gif) no-repeat -670px -45px; }
	#nav_ftp_cur
	{
		width:				60px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/nav/nav_bar.gif) no-repeat -670px -45px;
	}
	
	
	/* previous button
	------------------------------------------------------------ */
	#prev_btn
	{
		width:				37px;
		height:				40px;
		float:				left;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/reel_nav/prev.gif);
	}
	#prev_btn:hover{ background: url(../images/reel_nav/prev_over.gif); }
	
	/* next button
	------------------------------------------------------------ */
	#next_btn
	{
		width:				37px;
		height:				40px;
		float:				right;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/reel_nav/next.gif);
	}
	#next_btn:hover{ background: url(../images/reel_nav/next_over.gif); }
	
	/* info->email button
	------------------------------------------------------------ */
	#email_btn
	{
		width:				80px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/info/email.gif);
	}
	#email_btn:hover{ background: url(../images/info/email_over.gif); }
	
	/* reels->download button
	------------------------------------------------------------ */
	#download_btn
	{
		width:				101px;
		height:				35px;
		float:				right;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/reel_nav/download.gif);
	}
	#download_btn:hover{ background: url(../images/reel_nav/download_over.gif); }
	
/* ------------------------------------------------------------ */