/* ----- PULLDOWN MENUS ----- */

/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }


/* font-color */
	#cssdropdown a {
		font-family: Tahoma, arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #7f6e6a;
	}

	#cssdropdown a:hover {
		font-family: Tahoma, arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #7f6e6a;
	}  



	#cssdropdown li.headlink { margin: 0 0 0 15px; width: 150px; background-color: #382e31; }
	#cssdropdown li.headlink:hover { background-color: #cec3c3; }

	#cssdropdown li.headlink a { display: block; padding: 15px; }

	#cssdropdown li.headlink ul { width: 150px; display: none; position: absolute; }



/* mouse-over menu */
	#cssdropdown li.headlink:hover ul { display: block; background-color: #f0e3e2; }


/* mouse-over box size */
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }


/* mouse-over box colour */
	#cssdropdown li.headlink ul li a:hover { color: #f0e3e2; background-color: #333; }




/* ----- GLOBAL ----- */

#wrapper {
	width: 750px;
	margin: 0 auto;
	background: #382E31;
	box-shadow: 0px 0px 30px #382E31;
}

body {
	background: #7F6E6A;
}


/* ----- HEADER ----- */

h1 {
	margin: 0 0;
	padding: 0px 0 0 17px;
	height: 30px;
	width: 400px;

	font-family: 'Philosopher', Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 46px;
	color: #F0E3E2;
}

h2 {
	margin: 15px;
	padding: 10px 0 0 5px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #F0E3E2;
}

#socialMedia li {
	float: right;
	display: block;
	margin: 0 5px;
}

#socialMedia a {
	display: block;
	width: 30px;
	height: 30px;
	/*background-color: black;*/
	background: url(../images/socialNav3.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#socialMedia .linkedIn a {
	background-position: 0px -30px;
}
#socialMedia .linkedIn a:hover {
	background-position: 0px 0px;
}
#socialMedia .twitter a {
	background-position: -30px -30px;
}
#socialMedia .twitter a:hover {
	background-position: -30px 0;
}
#socialMedia .imdb a {
	background-position: -60px -30px;
}
#socialMedia .imdb a:hover {
	background-position: -60px 0;
}


/* ----- NAVIGATION ----- */

.lineTop {
	height: 20px;
	background-color: #382E31;
	border: solid #7F6E6A;
	border-width: 0 0 1px 0;
	margin: 0 15px 8px 15px;
}

.lineBottom {
	height: 10px;
	background-color: #382E31;
	border: solid #7F6E6A;
	border-width: 1px 0 0 0;
	margin: 8px 15px 0 15px;
}


.link {
	height: 20px;
	background-color: #382E31;
	margin: 0 12px 0 30px;
	padding: 10px 0 0 0;

	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #7F6E6A;
}

.link:hover {
	height: 20px;
	width: 140px;
	
	padding: 10px 0 0 0;

	font-size: 14px;
	color: #F0E3E2;
	
}


/* ----- MAIN ----- */

.boxShowreel {
	background: #382E31;
	height: 500px;
	margin: 80px 0 0 15px;
	padding: 50px 0;
}

.boxCredits {
	background: #382E31;
	height: 600px;
	margin: 80px 0 0 15px;
}

.boxWork {
	background: #382E31;
	height: 650px;
	margin: 30px 0 0 50px;
	padding: 0 0;
}

.boxPhotography {
	background: #382E31;
	height: 640px;
	margin: 10px 20px;
	padding: 10px 15px;
}

.posters {
	margin: 10px 14px;
	width: 150px;
}

p.time {
	height: 10px;
	color: #7F6E6A;
	font-size: 14px;
	font-weight: bold;
}

p.studio {
	position: relative;
	top: 10px;
	left: 50px;
	
	color: #F0E3E2;
	font-size: 16px;
	font-weight: bold;
}

.project {
	position: relative;
	left: 50px;
	color: #F0E3E2;
	font-weight: normal;
}

.photos {
	margin: 10px 10px;
	width: 200px;
}

footer {
	border: 10px solid #382E31;
	padding: 5px 5px;
	background-color: #4A4044;
	font-size: 10px;
	font-weight: bold;
}