body {
	margin:0;
	padding:30px 0;
	background-color:#000;
	font:11px/18px 'Lucida Grande', Verdana, Arial, sans-serif;
	color:#000;
}

a {color:#444; outline:none !important;}
a:link {color:#444;}
a:visited {color:#444;}
a:hover {color:#F40; text-decoration:none;}
a:active {color:#F00; text-decoration:none;}

h1 {
	margin:0;
	padding:0;
}

h1 {
	display:block;
	height:33px;
	margin:27px 15px 14px 0;
	background:url('../images/gregory_brown.gif') no-repeat top right;
	text-indent:-9999px;
}


#banner {
	padding:15px;
	width:500px;
	margin:0 auto;
	background:#FFF url(../images/hd-video.gif) no-repeat 56px 379px;
}

#videos {
	width:530px;
	margin:0 auto;
	clear:both;
}

#videos ul {
	margin:0;
	padding:0;
	background-color:#000;
	list-style:none;
}

#videos li {
	display:inline;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#videos a {
	display:block;
	float:left;
	width:170px;
	height:128px;
	margin:7px 7px 0 0;
	border:solid 1px #AAA;
	background-color:#333;
}

#videos a:hover {background-color:#333;}

#videos h3 {
	display:none;
}


/*** Individual videos ***/
#videos li#theSoldieringLife a {background:url(../images/still-the_soldiering_life.jpg) no-repeat;}
#videos li#theSoldieringLife a:hover {background:url(../images/title-the_soldiering_life.gif) no-repeat;}

#videos li#kissingTheLipless a {background:url(../images/still-kissing_the_lipless.jpg) no-repeat;}
#videos li#kissingTheLipless a:hover {background:url(../images/title-kissing_the_lipless.gif) no-repeat;}

#videos li#livesOfCrime a {background:url(../images/still-lives_of_crime.jpg) no-repeat;}
#videos li#livesOfCrime a:hover {background:url(../images/title-lives_of_crime.gif) no-repeat;}

#videos li#howWeKnow a {background:url(../images/still-how_we_know.jpg) no-repeat;}
#videos li#howWeKnow a:hover {background:url(../images/title-how_we_know.gif) no-repeat;}

#videos li#carTrouble a {background:url(../images/still-car_trouble.jpg) no-repeat;}
#videos li#carTrouble a:hover {background:url(../images/title-car_trouble.gif) no-repeat;}

#videos li#rabbitAndChicken a {background:url(../images/still-rabbit_and_chicken.jpg) no-repeat;}
#videos li#rabbitAndChicken a:hover {background:url(../images/title-rabbit_and_chicken.gif) no-repeat;}

/* Margin-less */
#videos li#thePastAndPending a {margin-right:0; background:url(../images/still-the_past_and_pending.jpg) no-repeat;}
#videos li#thePastAndPending a:hover {background:url(../images/title-the_past_and_pending.gif) no-repeat;}

#videos li#theLuckyOnes a {margin-right:0; background:url(../images/still-the_lucky_ones.jpg) no-repeat;}
#videos li#theLuckyOnes a:hover {background:url(../images/title-the_lucky_ones.gif) no-repeat;}



/*** Video Page ***/
#video {
	width:480px;
	margin:0 auto;
}

#video h3 {
	margin:30px 0 6px 15px;
	padding:0;
	color:#AAA;
	font-size:12px;
	text-transform:uppercase;
	line-height:11px;
	letter-spacing:1px;
	font-weight:normal;
}

#video h4 {
	margin:0 0 8px 15px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	line-height:11px;
	color:#666;
}

#video p.credits {
	color:#333;
	margin:0 0 0 15px;
	padding:0;
}


#footer {
	text-align:center;
	width:530px;
	padding-top:25px;
	margin:0 auto;
	font:11px;
	line-height:11px;
	color:#444;
}



body#videoDetail #banner {
	width:480px;
	padding:15px 0;
	background-color:#000;
}

body#videoDetail h1 {
	background-image:none;
	margin:0;
	padding:15px 0;
}

body#videoDetail h1 a {
	display:block;
	height:33px;
	margin:0 0 14px 0;
	background:url('../images/gregory_brown_inverted.gif') no-repeat top right;
}

body#videoDetail #footer {
	width:480px;
	margin-top:25px;
	padding-top:15px;
	border-top:solid 1px #222;
}