@charset "utf-8";

/*  -----------------------------------------------------------------------
    Redefine Tag ---------------------------------------------------------- */
	
   	* { 
		border:0; margin:0; padding:0;
		font-family:Arial, Trebuchet MS, sans-serif;
		font-size:13px; line-height:18px;
	}

	html { 
		height:100%;
		/*overflow-y:scroll;*/
		}
		
	body { 
		background:#000;
		width:100%; height:100%;
		text-align:center;
		}
		
	table, td, th, p, div, li, a, address, dl, dt, dd, input, select, textarea, label, strong, b {
		font-size:12px; line-height:18px;
		text-align:left;
	}

	p {	 }
	
	p em { font-size:12px; }


	a:link, a:active, a:visited { 
		color:#000; outline:none; 
		text-decoration:none;
		}

	a:hover, a:visited:hover, a:hover *, a:visited:hover * { color:#c7352b; }
	
	
	h2  { 
		color:#787c7c;
		font-family:Arial, Trebuchet MS, sans-serif; 
		font-size:20px; line-height:25px;font-weight:normal;
	}

	h3 { 
		color:#787c7c;
		font-family:Arial, Trebuchet MS, sans-serif; font-weight:normal;
		font-size:16px; line-height:20px;
		margin:0 0 10px 0;
	}

	img { display:block; }

	ul { list-style:none; }
	
/*  -----------------------------------------------------------------------
    Shell ----------------------------------------------------------------- */


	#main_wrapper {
		position:relative;
		width:908px; height:100%;
	}
	
	#content_shell {
		position:absolute;
		width:900px; height:625px;
		border:2px solid #4e4e4e;
		top:50%; left:50%; 
		margin:-312px 0 0 -452px;
		text-align:center;
	}
	
	#content_shell.intro { background:#454545; }
	#content_shell.opposite-of-sober { background:#000; }
		
	
	#content_shell.contact { background:#454545; }
	
	
	#wrapper {
		width:900px;
	}

	table#wrapper { height:100%; }
	
	#wrapper tr td.top_content {
		text-align:center;
		width:900px;height:100%;
		vertical-align:middle;
	}
	
	table.img_wrapper {
		height:500px; 
		margin:0 auto;
	}


/*  -----------------------------------------------------------------------
   	navigation ------------------------------------------------------------- */

	td.btm_nav {
		background:#4e4e4e;
		text-align:center;
		width:900px; height:46px;
	}

	#nav_wrapper {
		width:900px;
		margin:0 auto;
	
	}
	
	#nav_wrapper div.nav_item {
		height:46px;
		position:relative;
		float:left;
	}

	/* main link containers */
	#nav_wrapper div.photo { width:104px;  }
	#nav_wrapper div.film { width:47px;   }
	#nav_wrapper div.contact { width:73px; float:left; }
	
	#nav_wrapper div.nav_item a.nav {
		height:46px;
		display:block;
		text-indent:-9999px;
	}

	#nav_wrapper div.nav_item a.nav_photography { background:url(/img/btmnav_photography.gif) no-repeat; width:77px;margin-left:10px; }
	#nav_wrapper div.nav_item a.nav_film { background:url(/img/btmnav_film.gif) no-repeat; width:26px; }
	#nav_wrapper div.nav_item a.nav_contact { background:url(/img/btmnav_contact.gif) no-repeat; width:46px; margin-left:14px; }
	#nav_wrapper div.nav_item a:hover { background-position:0 -51px; }

	div.nav_item div {
		position:relative;
		display:none;
	}
	
	div.nav_item div ul {
		position:absolute;
		left:0;
		background:#343434;
		padding:4px 10px 0 10px;
	}
	
	div.nav_item div ul li {
		 color:#fff;
		 height:18px;
		 display:block;
	}
	
	div.nav_item div ul li a {
		 color:#fff; font-size:10px; 
		 line-height:18px; 
		 height:18px;
		 display:block;
	}
	
	div.nav_item div ul li a:hover { color:#999; }
	
	
	div ul.photography {
		top:-158px; width:120px;
	}
	
/*  -----------------------------------------------------------------------
   	thumbs ------------------------------------------------------------- */

	
	/* thumbs container */
	#nav_wrapper div.thumbs { 
		width:665px; height:30px;
		padding-top:8px;
		float:left;
		margin-left:25px;
		text-align:center;
		
	}
	
	div.thumbs ul {
		list-style:none; text-align:center;
	}
		
		ul.the-desert { margin-left:33px; }
		ul.great-britain { margin-left:45px; }
		ul.opposite-of-sober { margin-left:103px; }
		ul.film { margin-left:67px; }
		
		
	div.thumbs ul li {
		width:30px; height:30px;
		float:left;
		margin-right:5px;
;
	}
		
	div.thumbs ul li a {
		display:block;
		background:#fc0;
		text-indent:-9999px;
		width:30px; height:30px;
	}
		





/*  -----------------------------------------------------------------------
   	splash ------------------------------------------------------------- */
   
	td.top_content.splash,
	td.top_content.choices,
	td.top_content.photos
	{
		background-color:#454545;
		color:#fff;
	}

	td.splash,
	td.choices,
	td.photos
	{
		text-align:center;
	}
	
	td.splash div.wrapper,
	td.choices div.wrapper,
	td.photos div.wrapper
	{
		width:380px; height:400px; 
		border:1px solid #000;
		padding:10px;
	}

	td.splash div.wrapper h1 {
		background:url(/img/h1_ben_philippi.gif) no-repeat;
		width:297px; height:147px;
		text-indent:-9999px;
		margin:15px auto 30px auto;
	}

	td.splash div.wrapper h2 {
		text-indent:-9999px;
		margin:40px 0 30px 100px;
	}


	td.choices div.wrapper {
		background:url(../img/bg_choice.jpg) no-repeat 10px 10px;
	}

	td.choices div.wrapper h2 {
		background:url(/img/splash2_h2.gif) no-repeat;
		text-indent:-9999px;
		margin:35px auto 30px auto; 
		width:269px; height:51px;
	}

	
	a.a_photographs {
		background:url(/img/a_choose_photo.gif) no-repeat;
		display:block; float:left;
		width:242px; height:66px;
		text-indent:-9999px;
		margin:131px 0 0 1px;
	}
	
	a.a_films {
		background:url(/img/a_choose_film.gif) no-repeat;
		display:block; float:left;
		width:74px; height:66px;
		text-indent:-9999px;
		margin:131px 0 0 54px;
	}
	
	a.a_films:hover,
	a.a_photographs:hover
	{ background-position:0 -70px; }

	td.splash div.splash h2 {
		text-indent:-9999px;
		margin:40px 0 30px 100px;
	}
	

	td.splash div.wrapper h2 { background:url(/img/h2_18years.gif) no-repeat; width:186px; height:58px; }
	
	
	a.a_index_exit {
		background:url(/img/a_exit.gif) no-repeat;
		width:129px; height:75px; margin:332px 0 0 4px;
		display:block; float:left;
		text-indent:-9999px;
	}
	
	a.a_index_enter {
		background:url(/img/a_enter.gif) no-repeat;
		display:block; float:left;
		width:151px; height:75px; 
		margin:332px 0 0 91px;
		text-indent:-9999px;
	}
	
	a.a_contact {
		background:url(/img/a_choose_email.gif) no-repeat;
		width:365px; height:57px;
		display:block; float:left;
		text-indent:-9999px;
		margin:56px 0 0 3px;
	}
	
	a.a_oldsite {
		background:url(/img/a_choose_old_site.gif) no-repeat;
		width:290px; height:50px;
		display:block; float:left;
		text-indent:-9999px;
		margin:7px 0 0 266px;
	}
	
	a.a_index_enter:hover,
	a.a_index_exit:hover
	{ background-position:0 -80px; }
	
	

	a.a_contact:hover { background-position:0 -60px; }

	a.a_oldsite:hover { background-position:0 -50px; }
	
	img.bandit { float:left; }

	img.img2,
	img.img2 {
		border:1px solid #000;border-left:0;
		padding:10px;
	}

	img.img3 {
		border:1px solid #000;border-right:0;
		padding:10px;
	}
	
	td.photos div.wrapper ul {
		list-style-type:none;
	}
	
	td.photos div.wrapper ul li {
		margin-bottom:5px;
	}
	
	td.photos div.wrapper ul li a {
		height:48px; display:block;
		text-indent:-9999px;
	}
	
	.a_photo_1 { background:url(/img/a_photo_fwh.gif) no-repeat; width:382px; }
	.a_photo_2 { background:url(/img/a_photo_desert.gif) no-repeat; width:382px; }
	.a_photo_3 { background:url(/img/a_photo_inhabitants.gif) no-repeat; width:365px; }
	.a_photo_4 { background:url(/img/a_photo_great_britain.gif) no-repeat; width:242px; }
	.a_photo_5 { background:url(/img/a_photo_sober.gif) no-repeat; width:352px; }
	.a_photo_6 { background:url(/img/a_photo_photojournalism.gif) no-repeat; width:294px; }
	
	ul li a:hover { background-position:0 -50px; }
	
	#h2_photographs {
		background:url(/img/h2_photography.gif) no-repeat;
		width:382px; height:75px;
		margin:0px 0 10px 0px;
		text-indent:-999px;
	}

	
/*  -----------------------------------------------------------------------
   	the-desert ------------------------------------------------------------- */
   
	#wrapper tr td.top_content.the-desert {
		background-color:#4e4e4e;
		color:#fff;
	}

	td.the-desert {
		text-align:center;
	}
	
	td.the-desert img.img1 {
		border:1px solid #000;
		padding:10px;
	}
	
	td.the-desert img.img2 {
		padding:10px;
		border:1px solid #000;
		border-left:0;
	}
	

/*  -----------------------------------------------------------------------
   	photojournalism ------------------------------------------------------------- */
   
	#wrapper tr td.top_content.photojournalism {
		background-color:#000;
		color:#464747;
	}

	
	td.photojournalism img.img1 {
		border:1px solid #464747;
		padding:10px;
	}

	td.photojournalism span {
		display:block;clear:both;
		padding:5px 0 0 0;
	}



/*  -----------------------------------------------------------------------
   	opposite-of-sober ------------------------------------------------------------- */
   
	#wrapper tr td.top_content.opposite-of-sober {
		background-color:#000;
		color:#464747;
	}
	
	td.opposite-of-sober img.img1 {
		border:1px solid #464747;
		padding:10px;
	}

	td.opposite-of-sober span {
		display:block;clear:both;
		padding:5px 0 0 0;
	}




/*  -----------------------------------------------------------------------
   	inhabitants-of-earth ------------------------------------------------------------- */
   
	#wrapper tr td.top_content.inhabitants-of-earth {
		background-color:#000;
		color:#464747;
	}
	
	td.inhabitants-of-earth img.img1 {
		border:1px solid #464747;
		padding:10px;
	}

	td.inhabitants-of-earth span {
		display:block;clear:both;
		padding:5px 0 0 0;
	}



/*  -----------------------------------------------------------------------
   	fwh ------------------------------------------------------------- */
   
	#content_shell .fwh {
		background-color:#fff;
	
	}
	
	#wrapper tr td.top_content.fwh {
		/*background-color:#222;*/
		color:#fff; 
	}
	
	td.fwh img {
		border:0;
		margin:0 auto;
	}

	#wrapper tr td.top_content.fwh .img_wrapper { margin:0; }


	#wrapper tr td.top_content.fwh .img_wrapper tr td {
		width:440px; height:579px; text-align:center;
		padding:0;
	}
	
	.td1 { border-right:1px solid #000; }


/*  -----------------------------------------------------------------------
   	great-britain --------------------------------------------------------- */
	
	td.great-britain img.img1 {
		border:1px solid #464747;
		padding:10px;
	}
	
	td.reat-britain span {
		display:block;clear:both;
		padding:5px 0 0 0;
	}

/*  -----------------------------------------------------------------------
   	video ------------------------------------------------------------- */
   
   
	#wrapper tr td.top_content.video {
		background-color:#000;
		color:#fff;
	}
   
	#video_title { margin-top:30px; color:#5b5b5b; }
	#video_title strong { color:#fff; }

/*  -----------------------------------------------------------------------
    Stuff ----------------------------------------------------------------- */
	

	.left { float:left; }
	.debug { border:1px solid #fc0; }

	/*  contact page   */
	
	a.a_contact2 {
		background:url(/img/a_contact2.gif) no-repeat;
		width:179px; height:29px;
		display:block;
		text-indent:-9999px;
		margin:13px auto;
	}

	a.a_contact2:hover { background-position:0 -30px; }

	a.a_contact3 {
		background:url(/img/a_contact_email.gif) no-repeat;
		width:269px; height:35px;
		display:block;
		text-indent:-9999px;
		margin:10px auto;
	}

	a.a_contact3:hover { background-position:0 -40px; }
	
	
/*  -----------------------------------------------------------------------
    Other/Hacks ----------------------------------------------------------- */

	.hide { display:none; }

	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	
	.clearfix { display:block; }
	/* End hide from IE Mac */

	* html .clearfix { height:1px; } /*IE6*/