body {
	background: #000;
	color: #bac4ce;
	font-family: 'TitilliumText22LMedium', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	padding: 0;
}
.background_wrapper {
	height: 100%;
	float: left;
	margin: 0 auto;
	width: 100%;
}
.content_wrapper {
	margin: 0 auto;
	width: 778px;
}
.main_content {
	float: left;
	padding-bottom: 40px;
	width: 778px;
}
header {
	margin: 0;
	padding: 0;
	height: 140px;
	padding-bottom: 27px;
	width: 778px;
	float: left;
}
header h1 {
	background: url('../images/ui/9mm_logo_lrg.png') no-repeat;
	display: block;
	height: 244px;
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	margin: 0 0 0 -600px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1200px;
}
.container {
	background: #000;
	background: rgba(0,0,0,0.5);
	-pie-background: rgba(0,0,0,0.5);
	behavior: url(/assets/PIE.htc);
	float: left;
	margin-top: 13px;
	padding: 20px 20px 20px 20px;
	position: relative;
	width: 738px;
}
.directors .container {
	min-height: 0;
}

/* common elements */

a {
	color: #bac4ce;
	text-decoration: underline;
}
a:hover {
	color: #fff;
}
ul, ol {
	padding-left: 16px;
}

.nophoto .container p {
	width: 738px;
}

.container p {
	width: 540px;
}

/* fonts */

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('../assets/TitilliumText22L003-webfont.eot');
    src: url('../assets/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/TitilliumText22L003-webfont.woff') format('woff'),
         url('../assets/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('../assets/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('../assets/TitilliumText22L004-webfont.eot');
    src: url('../assets/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/TitilliumText22L004-webfont.woff') format('woff'),
         url('../assets/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('../assets/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('../assets/TitilliumText22L005-webfont.eot');
    src: url('../assets/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/TitilliumText22L005-webfont.woff') format('woff'),
         url('../assets/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('../assets/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('../assets/TitilliumText22L006-webfont.eot');
    src: url('../assets/TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/TitilliumText22L006-webfont.woff') format('woff'),
         url('../assets/TitilliumText22L006-webfont.ttf') format('truetype'),
         url('../assets/TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* headings */

h2 {
    font-family: 'TitilliumText22LBold', "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 18px;
	font-weight: normal;
}
.container h2 {
   text-transform: uppercase;
}
.banner h2 {
	display: block;
	height: 14px;
	line-height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.video_description h2 {
	position: relative;
}
.banner h2.service {
	background: url('../images/ui/sprite.png') 0 -76px no-repeat;
	width: 151px;
}
.newsletter h2 {
	background: url('../images/ui/sprite.png') 0 -90px no-repeat;
	width: 108px;
}
.recent_work h2 {
	color: #fff;
	display: inline;
	font-weight: normal;
	height: auto;
	margin: -2px 0 0;
	padding: 0;
	text-indent: 0;
}
.detail h2 {
	color: #fff;
	display: inline;
	font-size: 18px;
	font-weight: normal;
	height: auto;
	margin: -2px 0 0;
	padding: 0;
	text-indent: 0;
}
h3, h4 {
    font-family: 'TitilliumText22LMedium';
    font-weight: normal;
}
.directors h3 {
	background: #000;
	background: rgba(0,0,0,0.5);
	-pie-background: rgba(0,0,0,0.5);
	behavior: url(/assets/PIE.htc);
	float: left;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 20px;
	position: relative;
	width: 738px;
}
.directors .container h3 {
	background: none;
	float: none;
	margin-bottom: 0;
	padding: 0;
	width: auto;
}
h3 a {
	text-decoration: none;
}

/* navigation */

header nav {
	clear: both;
	float: left;
	list-style: none;
	margin: 140px 0 0;
	padding: 0;
	position: absolute;
	width: 778px;
}
header nav ul {
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 778px;
}
header nav ul li {
	float: left;
	height: 13px;
}
header nav ul li#nav_client_room, header nav ul li#nav_client_login, header nav ul li#nav_client_logout {
	float: right;
}
header nav ul li a {
	display: block;
	height: 13px;
	text-indent: -9999px;
}
header nav ul li#nav_home a {
	background: url('../images/ui/nav_home.png') 0 0;
	width: 54px;
}
header nav ul li#nav_home a:hover {
	background: url('../images/ui/nav_home.png') 0 -13px;
}
header nav ul li#nav_home a:active, header nav ul li#nav_home a.current {
	background: url('../images/ui/nav_home.png') 0 -26px;
}
header nav ul li#nav_recent_work a {
	background: url('../images/ui/nav_recent_work.png') 0 0;
	width: 121px;
}
header nav ul li#nav_recent_work a:hover {
	background: url('../images/ui/nav_recent_work.png') 0 -13px;
}
header nav ul li#nav_recent_work a:active, header nav ul li#nav_recent_work a.current {
	background: url('../images/ui/nav_recent_work.png') 0 -26px;
}
header nav ul li#nav_directors a {
	background: url('../images/ui/nav_who.png') 0 0;
	width: 111px;
}
header nav ul li#nav_directors a:hover {
	background: url('../images/ui/nav_who.png') 0 -13px;
}
header nav ul li#nav_directors a:active, header nav ul li#nav_directors a.current {
	background: url('../images/ui/nav_who.png') 0 -26px;
}
header nav ul li#nav_about a {
	background: url('../images/ui/nav_what.png') 0 0;
	width: 112px;
}
header nav ul li#nav_about a:hover {
		background: url('../images/ui/nav_what.png') 0 -13px;
}
header nav ul li#nav_about a:active, header nav ul li#nav_about a.current {
		background: url('../images/ui/nav_what.png') 0 -26px;
}
header nav ul li#nav_contact a {
	background: url('../images/ui/nav_contact.png') 0 0;
	width: 81px;
}
header nav ul li#nav_contact a:hover {
	background: url('../images/ui/nav_contact.png') 0 -13px;
}
header nav ul li#nav_contact a:active, header nav ul li#nav_contact a.current {
	background: url('../images/ui/nav_contact.png') 0 -26px;
}
header nav ul li#nav_client_room a {
	background: url('../images/ui/nav_client.png') 0 0;
	width: 112px;
}
header nav ul li#nav_client_room a:hover {
	background: url('../images/ui/nav_client.png') 0 -13px;
}
header nav ul li#nav_client_room a:active, header nav ul li#nav_client_room a.current {
	background: url('../images/ui/nav_client.png') 0 -26px;
}
header nav ul li#nav_client_login a {
	background: url('../images/ui/nav_client_login.png') 0 0;
	width: 101px;
}
header nav ul li#nav_client_login a:hover {
	background: url('../images/ui/nav_client_login.png') 0 -13px;
}
header nav ul li#nav_client_login a:active, header nav ul li#nav_client_login a.current {
	background: url('../images/ui/nav_client_login.png') 0 -26px;
}
header nav ul li#nav_client_logout a {
	background: url('../images/ui/log_out.png') 0 0;
	width: 58px;
}
header nav ul li#nav_client_logout a:hover {
	background: url('../images/ui/log_out.png') 0 -13px;
}
header nav ul li#nav_client_logout a:active {
	background: url('../images/ui/log_out.png') 0 -26px;
}

/* footer */

footer {
	height: 37px;
	float: left;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 12px 0 0;
	width: 100%;
}
footer .footer_wrapper {
	margin: 0 auto;
	width: 778px;
}
footer ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}
footer ul li {
	float: left;
	list-style: none;
}
footer ul li a {
	border-left: 1px solid #838383;
	color: #838383;
	text-decoration: none;
	line-height: 11px;
	display: block;
	padding: 0 4px;
}
footer ul li a:hover {
	color: #fff;
}
footer ul li:first-child a {
	border: none;
	padding-left: 0;
}
footer .social {
	float: right;
	width: 130px;
}
footer .social p {
	margin: 0;
	float: left;
}
footer .social ul {
	float: right;
	margin: 0;
	padding: 0;
}
footer .social ul li a {
	border: none;
	display: block;
	height: 14px;
	padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	width: 14px;
}
footer .social ul li.facebook a {
	background: url('../images/ui/sprite.png') -394px 0 no-repeat;
	margin: 2px 12px 0 0;
}
footer .social ul li.twitter a {
	background: url('../images/ui/sprite.png') -408px 0 no-repeat;
	margin: 2px 0 0 0;
}

/* homepage */

.video_wrapper {
	margin-top: 13px;
	position: relative;
}
.video_player {
	border: 26px solid #000;
	height: 403px;
	margin-bottom: 20px;
	width: 727px;
	z-index: 2000;
	float: left;
	cursor:pointer;
}
.video_wrapper ul, .showcase ul.video_social {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 0;
}
.video_wrapper ul.video_social li a, .showcase ul.video_social li a, .showcase a.close {
	display: block;
	height: 38px;
	right: -39px;
	text-decoration: none;
	text-indent: -9999px;
	width: 38px;
	position: absolute;
}
.showcase ul.video_social li a, .showcase a.close {
	right: -38px;
}
.showcase a.close {
	background: url('../images/ui/sprite.png') -76px 0 no-repeat;
	top: 13px;
}
.showcase a.close:hover {
	background: url('../images/ui/sprite.png') -76px -38px no-repeat;
}
.video_wrapper ul.video_social li.facebook a, .showcase ul.video_social li.facebook a {
	background: url('../images/ui/sprite.png') 0 0 no-repeat;
	top: 379px;
}
.showcase ul.video_social li.facebook a {
	top: 392px;
}
.video_wrapper ul.video_social li.facebook a:hover, .showcase ul.video_social li.facebook a:hover {
	background: url('../images/ui/sprite.png') -38px 0 no-repeat;
}
.video_wrapper ul.video_social li.twitter a, .showcase ul.video_social li.twitter a {
	background: url('../images/ui/sprite.png') 0 -38px no-repeat;
	top: 417px;
}
.showcase ul.video_social li.twitter a {
	top: 430px;
}
.video_wrapper ul.video_social li.twitter a:hover,  .showcase ul.video_social li.twitter a:hover {
	background: url('../images/ui/sprite.png') -38px -38px no-repeat;
}
.banner {
	background: #000;
	background: url(../images/ui/grey_hover.png);
	background: rgba(0,0,0,0.5);
	float: left;
	height: auto;
	padding: 20px;
	position: relative;
	width: 758px;
}
.banner p {
	margin: 10px 0 0;
	padding: 0 0;
}
.brand p {
	padding-bottom: 20px;
}
.newsletter {
	float: right;
}
.content_wrapper .newsletter form {
	margin: 8px 0 0 -6px;
	padding: 0;
	width: 386px;
}
.newsletter form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.newsletter form fieldset input {
	background: #000000;
	border: 1px solid #4a4a4a;
	color: #818181;
	height: 38px;
	float: left;
	font-size: 14px;
	font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans serif;
	margin: 0;
	padding: 0 0 0 10px;
	width: 245px;
}
.newsletter form fieldset input:focus {
	background: #283f4c;
	border: 1px solid #20a6ff;
	outline: none;
}
.newsletter form fieldset input#subscribe {
	background: url('../images/ui/sprite.png') -422px 0 no-repeat;
	border: none;
	clear: none;
	color: transparent;
	cursor: pointer;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-transform: capitalize;
	width: 89px;
}
.newsletter form fieldset input#subscribe:hover {
	background: url('../images/ui/sprite.png') -511px 0 no-repeat;
}

/* Recent Work */

ul.sub_menu {
	background: #040b0e;
	clear: both;
	height: 28px;
	margin: 3px 0 16px;
	padding: 7px 13px 0 13px;
	position: relative;
}
ul.sub_menu li {
	background: url('../images/ui/sprite.png') -588px -128px no-repeat;
	float: left;
	list-style: none;
	margin-right: 22px;
}
ul.sub_menu li.current {
	background: url('../images/ui/sprite.png') -588px -95px no-repeat;
}
ul.sub_menu li.current a {
	color: #20a6ff;
}
ul.sub_menu li a {
	color: #b4b6b7;
	font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans serif;
	text-decoration: none;
	line-height: 12px;
	padding-left: 17px;
}
ul.sub_menu li a:hover {
	color: #fff;
}
ul.sub_menu li a:active {
	color: #20a6ff;
}
.carousel {
	position: relative;
}
ul.thumbnails {
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 798px;
}
.directors ul.thumbnails {
	padding-bottom: 30px;
}
ul.thumbnails li {
	float: left;
	height: 111px;
	list-style: none;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
	width: 179px;
}
.container ul.thumbnails li {
	margin: 0 10px 34px 0;
}
ul.thumbnails li img {
	border: 10px solid #050f14;
}
ul.thumbnails li a {
	background: url(../images/ui/transparent.png);
	border: 10px solid #050f14;
	height: 76px;
	left: 0;
	top: 0;
	padding: 15px 0 0 20px;
	position: absolute;
	text-indent: -9999px;
	width: 139px;
}
ul.thumbnails li a:hover {
	background: url(../images/ui/grey_hover.png);
	border: 10px solid #155c87;
	color: #fff;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: 0;
	text-transform: uppercase;
}
ul.carousel_navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.carousel_navigation li a {
	display: block;
	float: left;
	height: 148px;
	list-style: none;
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
	width: 76px;
}
ul.carousel_navigation li.forward a {
	background: url('../images/ui/sprite.png') 0 -452px no-repeat;
	left: -184px;
	top: 145px;
}
ul.carousel_navigation li.forward a:hover {
	background: url('../images/ui/sprite.png') 0 -304px no-repeat;
}
ul.carousel_navigation li.back a {
	background: url('../images/ui/sprite.png') -76px -452px no-repeat;
	right: -174px;
	top: 145px;
}
ul.carousel_navigation li.back a:hover {
	background: url('../images/ui/sprite.png') -76px -304px no-repeat;
}
.stretch {
	height: auto;
	margin-top: 20px;
	padding: 20px 0 20px 204px;
	width: 574px;
}
.stretch img {
	position: absolute;
	top: 0px;
	left: 10px;
}
.stretch p {
	width: 540px;
}

/* Recent Work */

.detail {
	width: 739px;
	height: auto;
	padding: 20px;
}
.video_description {
	float: left;
	margin-right: 20px;
	width: 360px;
}
ul.video_details {
	padding-top: 15px;
	float: left;
	list-style: none;
}
ul.video_details li a {
	color: #b5b9bb;
	text-decoration: underline;
}
ul.video_details li a:hover {
	color: #fff;
}

/* login */

.content_wrapper form {
	padding: 30px 0 0;
	width: 336px;
}
.content_wrapper form label {
	display: none;
}
.content_wrapper form input {
	clear: both;
}
.content_wrapper form input {
	background: #000;
	border: 1px solid #526168;
	color: #818181;
	font-size: 14px;
	font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans serif;
	margin-bottom: 19px;
	padding: 11px 7px;
	width: 322px;
}
.content_wrapper form input.invalid {
	border: 1px solid #ff0000;
}
.content_wrapper form input:focus {
	background: #283f4c;
	border: 1px solid #20a6ff;
	outline: none;
}
.content_wrapper form a {
	clear: both;
	color: #b0b0b0;
	float: right;
	margin-bottom: 15px;
	text-decoration: none;
}
.content_wrapper form a:hover {
	color: #fff;
	text-decoration: underline;
}
form input#send, form input#login, form input#btnSubmit {
	border: none;
	color: transparent;
	clear: both;
	cursor: pointer;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-transform: capitalize;
	width: 89px;
}
form input#login {
	background: url('../images/ui/sprite.png') 0 -118px no-repeat;
}
form input#login:hover {
	background: url('../images/ui/sprite.png') -89px -118px no-repeat;
}
form input#send {
	background: url('../images/ui/sprite.png') -422px -40px no-repeat;
}
form input#send:hover {
	background: url('../images/ui/sprite.png') -511px -40px no-repeat;
}
form input#btnSubmit {
	background: url('../images/ui/sprite.png') 0 -158px no-repeat;
}
form input#btnSubmit:hover {
	background: url('../images/ui/sprite.png') -89px -158px no-repeat;
}
form p.error {
	font-weight: bold;
	margin-bottom: 20px;
}
form p {
	margin-top: 0;
}
form input.error {
	border: 1px solid red;
}

.director_photo {
	border: 10px solid #050f14;
	margin: 15px 0 10px 10px;
	float: right;
}

/* contact */

ul.contact {
	margin: 35px 0;
	padding: 0;
}
ul.contact li {
	list-style: none;
}
ul.contact li.fn {
	font-weight: bold;
}
ul.contact li.adr {
	padding: 10px 0;
}
/* Background image classes */
.background_01 {
	background: url('../images/ui/background_01.jpg') center bottom no-repeat; 
}
.background_02 {
	background: url('../images/ui/background_02.jpg') center bottom no-repeat; 
}
.background_03 {
	background: url('../images/ui/background_03.jpg') center bottom no-repeat; 
}
.background_04 {
	background: url('../images/ui/background_04.jpg') center bottom no-repeat; 
}
.background_05 {
	background: url('../images/ui/background_05.jpg') center bottom no-repeat; 
}
.background_06 {
	background: url('../images/ui/background_06.jpg') center bottom no-repeat; 
}
.background_07 {
	background: url('../images/ui/background_07.jpg') center bottom no-repeat; 
}
.hidden {
    display: none;
}
/* Validation */
.validity-summary-container 
{
    color: Red;
}
form input.validity-erroneous  
{
    border:1px solid red; 
}
.filelist 
{
    width: 540px;
}
.filelist .title 
{
    text-align: left;
    width: 295px
}
.filelist .size 
{
    text-align: left;
    width: 75px;
}
.filelist .date 
{
    text-align: left;
}
.filelist th 
{
    font-weight: bold;
}
#playercontainer 
{
    position: absolute;
    top: 39px;
    left: 26px;
    z-index: 999;
    display: none;
}
.play 
{
    z-index:500;
    position:absolute;
    top:202px;
    left:347px;
}
.feature 
{
    position:absolute;
    top:26px;
    left:26px;
}
form input#send 
{
    float: none;
    display: inline;
}
.content_wrapper form a.backlnk
{
    float:none;
}