/* Design by Oliver Taylor - www.ollieman.net */


/*---------- Navhide ----------*/

body.home #nav li#work,
body.credits #nav li#credits,
body.reel #nav li#reel,
body.contact #nav li#contact,
body.about #nav li#about { display:none; }

/*---------- General ----------*/

* {
	margin:0;
	padding:0;
/*	border:1px solid;*/
}
a img {
	border:0;
}
body {
	font: 70% Verdana, arial, serif;
	padding: 0 10px;
	line-height:1.7;
}
#wrapper {
	width:938px;
	margin:0 auto;
}

div#skip,
#nav h3 { display:none; }










/*----------- Top -----------*/

#dop {
	height:40px;
	background:url(/img/dop.png) no-repeat top left;
	margin:30px 0 20px 0;
	padding: 0 0 40px 0;
}
#dop p {display:none;}

/*---------- Bottom ----------*/

#foot {
	margin:30px 0 40px 0;
	padding:60px 0 0 0;
	text-align:right;
	clear:both;
}
#nav {
	font: 1em Verdana, arial, serif;
	margin: 20px 0 0 0;
	float:left;
}
#nav ul { padding-left:0px; }

#nav li {
	display:inline;
	margin-right:4em;
}
#name-phone {
	height:47px;
	background:url(/img/name.png) no-repeat top right;
	margin:0 10px 0 0;
}
#name-phone p {display:none;}











/*---------- Project Pages ----------*/

#columns {
	margin:20px 0;
	position:relative;
}
#column1 {
	width:444px;
}
#column1.float {
	position:absolute;
	top: 0;
	right:492px;
}
#column2 {
	width:444;
	margin:0 0 0 468px;
}
#column2.float {
	position:absolute;
	top: 0;
	right:0;
}

div#project-icon,
div#project-video,
div#project-stills {
	width:444px;
	padding-top:3.5em;
}
div#project-icon { height:222px; }
div#project-video { height:256px; }

div#project-video,
div#project-stills {	display:none; }

div#project {
	text-align:justify;
	width:444px;
}

h1#project-title {
	text-align:right;
}
ul#project-info {
	list-style: none;
}
ul#project-info strong {
	color:#888;
	font-weight:normal;
}
ul#project-media-nav {
	list-style:none;
	margin-top:1em;
	text-align:left;
}
ul#project-media-nav li {
	display:inline;
	margin-right:1em;
}
ul#project-info li.director {
	margin-top:1em;
}











/*---------- Credits ----------*/

table {
	width:444px;
}
body.credits td.col1 {

	width:140px;
}
body.credits td.col2 {

	width:200px;
}




/* ---------- Reel ---------- */

body.reel #wrapper {
	text-align: center;
}




/*---------- Home ----------*/

#home-block {
	margin: 0 auto 0 0;
	text-align:center;
	height:290px;
}

#home-block li {
	list-style:none;
	display:inline;
}

#home-block a {
	width:175px;
	height:87px;
	margin: 0 10px 10px 0;
	display:block;
	float:left;
	border:1px solid #fff;
}

html body #home-block a:hover {
	background:none;
}

/*---------- Home Images & Hover effects ----------*/

#home-block #panther a       {background:url(/img/home-thumbs/panther.jpg) no-repeat top left;}
#home-block #panther a:hover {background:url(/img/home-thumbs/panther.jpg) no-repeat bottom left;}

#home-block #harry a       {background:url(/img/home-thumbs/halalharry.jpg) no-repeat top left;}
#home-block #harry a:hover {background:url(/img/home-thumbs/halalharry.jpg) no-repeat bottom left;}

#home-block #hence a       {background:url(/img/home-thumbs/hence.jpg) no-repeat top left;}
#home-block #hence a:hover {background:url(/img/home-thumbs/hence.jpg) no-repeat bottom left;}

#home-block #death a       {background:url(/img/home-thumbs/deathastango.jpg) no-repeat top left;}
#home-block #death a:hover {background:url(/img/home-thumbs/deathastango.jpg) no-repeat bottom left;}

#home-block #beyond a       {background:url(/img/home-thumbs/beyond.jpg) no-repeat top left;}
#home-block #beyond a:hover {background:url(/img/home-thumbs/beyond.jpg) no-repeat bottom left;}

#home-block #charming a       {background:url(/img/home-thumbs/charming.jpg) no-repeat top left;}
#home-block #charming a:hover {background:url(/img/home-thumbs/charming.jpg) no-repeat bottom left;}

#home-block #queer a       {background:url(/img/home-thumbs/queer.jpg) no-repeat top left;}
#home-block #queer a:hover {background:url(/img/home-thumbs/queer.jpg) no-repeat bottom left;}

#home-block #puma a       {background:url(/img/home-thumbs/puma.jpg) no-repeat top left;}
#home-block #puma a:hover {background:url(/img/home-thumbs/puma.jpg) no-repeat bottom left;}

#home-block #psa a       {background:url(/img/home-thumbs/psa.jpg) no-repeat top left;}
#home-block #psa a:hover {background:url(/img/home-thumbs/psa.jpg) no-repeat bottom left;}

#home-block #mohamad a       {background:url(/img/home-thumbs/mohamad.jpg) no-repeat top left;}
#home-block #mohamad a:hover {background:url(/img/home-thumbs/mohamad.jpg) no-repeat bottom left;}

#home-block #larkin a       {background:url(/img/home-thumbs/larkin.jpg) no-repeat top left;}
#home-block #larkin a:hover {background:url(/img/home-thumbs/larkin.jpg) no-repeat bottom left;}

#home-block #trace a       {background:url(/img/home-thumbs/trace.jpg) no-repeat top left;}
#home-block #trace a:hover {background:url(/img/home-thumbs/trace.jpg) no-repeat bottom left;}

#home-block #golden a       {background:url(/img/home-thumbs/golden.jpg) no-repeat top left;}
#home-block #golden a:hover {background:url(/img/home-thumbs/golden.jpg) no-repeat bottom left;}













/*---------- Headings ----------*/

h1, h2, h3, h4, h5, h6 { 
	font-family: Futura, arial, sans-serif; 
	font-weight:normal;
	line-height:1;
	color:#666;
}
h1 {
	font-size:2em;
}
#home-block h1,
#home-block a span { display:none; }

h2 {
	margin:0 0 1em 0;
}

body.credits h2.bottom {
	margin-top:2em;
}

#column1 h2:first-child,
#column2 h2:first-child {
	margin-top:0;
}











/*---------- Common Elements ----------*/

#columns p, #main p {
	margin: 1em 0;
}
em {
	font:1.1em Georgia, serif;
}
abbr {
	text-transform:lowercase;
	font-variant: small-caps;
	font-size:1.2em;
	line-height:.8;
}
sup {
	font-size:.7em;
}
blockquote {
	font:1.3em Georgia, serif;
	text-align: center;
	color:#555;
	margin:1em 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
ul {
	list-style-image: url(/img/dimond-bullet.gif);
}                             
ul ul {
	list-style-image: none;     
	list-style:none;
}











/*---------- Links ----------*/

p a,
li a,
blockquote a {
	text-decoration:none;
	color:#666;
}
p a:hover,
li a:hover,
blockquote a:hover {
	border-bottom:1px solid #999;
	background:#eee;
}

#nav a,
#project-media-nav a {
	color:#666;
	text-decoration:none;
	border-bottom:none;
}
#nav a:hover,
#project-media-nav a:hover { 
	background:none;
	color:#aaa; 
	border-bottom:none;
}