/* http: //meyerweb.com/eric/tools/css/reset/ */  /* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td{ background: transparent; border-width: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote: before, blockquote: after, q: before, q: after{ content: ''; content: none; }
: focus{ outline: 0; } /* remember to define focus styles! */
ins{ text-decoration: none; } /* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }

/* Primary Styles */
body { background-color: #000; color: #FFF; font: normal normal normal 80% Verdana, Geneva, Tahoma, sans-serif; }

img, a {padding: 0px; margin: 0px; border-width: 0px; }

div#img_cache { display: none; }
.error { padding: 10px; margin: 10px; border: 1px solid #421716; color: #970E09; background-color: #0E0707; }
.error_text { color: #970E09; font-weight: bold; }
.grey { color: #808080; font-size: 10px; font-weight: bold; }
.title { color: #FFF; font-size: 14px; font-weight: bold; }
.right { text-align: right; }
.justify { text-align: justify; }
.upper { text-transform: uppercase; }

a {color:#E6E6E6; text-decoration:underline;}
a:hover {color:#EEEEEE; text-decoration:none;}

/* Container */

div#container { clear: both; margin: 5em auto 5em auto; width: 769px; }

div#container div#section_header { clear: both; text-align: center; cursor: pointer; cursor: hand; }
div#container div#section_header a { cursor: pointer; cursor: hand; height: 109px; }
div#container div#section_header a img { cursor: pointer; cursor: hand; }
div#container div#section_footer { clear: both; height: 33px; width: 100%; color: #4d4d4d; text-align: center; padding: 20px 0px; }

/* Menu */

div#container div#section_menu { text-align: center; margin-bottom: 10px;}
div#container div#section_menu ul { }
div#container div#section_menu ul  li { display: inline; }
div#container div#section_menu ul  li a { }

div#container div#section_menu div.sub_menu { display: none; }
div.sub_menu { background-color: #333; }
div.sub_menu td.voice a.title { background-color: #414141; }

/* Menu Admin */
div#container div#menu_admin { padding: 10px 5px; border: solid 1px #c7c7c7; border-width: 1px 0px; }
div#container div#menu_admin ul li  { display: inline; }

div#container div#admin ul { margin-left: 15px; list-style-type: square; }

/* Body */
div#container div#section_body { position: relative; min-height: 608px; }

/* HOME */
div#container div#section_body div#home_left { width: 250px; float: left; text-align: center; }
div#container div#section_body div#home_left div#video_menu { background-color: #290000; text-align: left; padding-bottom: 10px; }
div#container div#section_body div#home_left div#video_menu ul li { padding: 3px 8px; height: 16px; text-transform: uppercase; cursor: pointer; }
div#container div#section_body div#home_left div#video_menu ul li a { font-size: 10px; letter-spacing: 1px; color: #c7c7c7; text-decoration: none; }
div#container div#section_body div#home_left div#video_menu ul li:hover { }
div#container div#section_body div#home_left div#video_menu ul li:hover a { font-weight: bold; color: #FFF; }
div#container div#section_body div#home_left div#video_menu ul li:nth-of-type(odd) { background-color: #191919; }
div#container div#section_body div#home_left div#video_menu ul li:nth-of-type(even) { background-color: #111111; }

div#container div#section_body div#home_left div#blog { padding: 3px 0px; }
 
div#container div#section_body div#home_right_top { width: 515px; height: 353px; float: right; }
/*
div#container div#section_body div#home_right_top  div{ width: 515px; height: 355px; position: absolute; top: 0px; left: 0px; }
*/
 div#container div#section_body div#home_right_bottom { width: 515px; height: 249px; position: absolute; bottom: 0px; right: 0px; }

/* Services */

/* Filming */
div#container div#section_body div#filming_left { width: 220px; float: left; text-align: right; padding: 5px; }
div#container div#section_body div#filming_left div { clear: both; margin: 25px 0px; display: table; width: 100%; }
div#container div#section_body div#filming_left span { clear: both; margin: 10px 0px; display: block; }
div#container div#section_body div#filming_left div { }
div#container div#section_body div#filming_right { margin-right: 15px; width: 520px; float: right; border: solid 1px #1c3a56; background-color: #0b1721; }
div#container div#section_body div#filming_right div#right_left{ padding: 5px; width: 235px; float: left; }
div#container div#section_body div#filming_right div#right_right { padding: 5px; width: 255px; float: right; }
div#container div#section_body div#filming_right div#right_right div { }

/* Editing */
div#container div#section_body div#editing_left { width: 220px; float: left; text-align: right; padding: 5px; }
div#container div#section_body div#editing_left div { clear: both; margin: 25px 0px; display: table; width: 100%; }
div#container div#section_body div#editing_left span { clear: both; margin: 10px 0px; display: block; }
div#container div#section_body div#editing_left div { }
div#container div#section_body div#editing_right { margin-right: 15px; width: 520px; float: right; border: solid 1px #1c3a56; background-color: #0b1721; }
div#container div#section_body div#editing_right div#right_left{ padding: 5px; width: 225px; float: left; }
div#container div#section_body div#editing_right div#right_right { padding: 5px; width: 271px; float: right; }
div#container div#section_body div#editing_right div#right_right div { margin: 5px 0px; }

/* Color */
div#container div#section_body div#color_left { width: 200px; float: left; text-align: right; padding: 5px; }
div#container div#section_body div#color_left div { clear: both; margin: 25px 0px; display: table; width: 100%; }
div#container div#section_body div#color_left span { clear: both; margin: 10px 0px; display: block; }
div#container div#section_body div#color_left div { }
div#container div#section_body div#color_right { margin-right: 15px; width: 530px; float: right; border: solid 1px #1c3a56; background-color: #0b1721; padding: 5px; }

/* Trailers */
div#container div#section_body div#trailers_left { width: 200px; float: left; text-align: right; padding: 5px; padding-right: 0px; }
div#container div#section_body div#trailers_left div { clear: both; margin: 25px 0px; display: table; width: 100%; }
div#container div#section_body div#trailers_left span { clear: both; margin: 10px 0px; display: block; }
div#container div#section_body div#trailers_left div#border_right { border: 1px solid #152c41; border-width: 1px 0px 1px 1px; padding: 5px; margin-right: -12px; }
div#container div#section_body div#trailers_right { margin-right: 15px; padding: 5px 0px 5px 5px; width: 530px; float: right; border: solid 1px #1c3a56; background-color: #0b1721; }
div#container div#section_body div#trailers_right div { float: left; text-align: center; padding: 0px 5px; margin: 10px 0px; }
div#container div#section_body div#trailers_right div span { display: block; margin-top: 5px; }

/* Videos */
div#videos { text-align: center; }

div#videos div#player { min-height: 400px; }
div#videos div#player div#object { width: 640px; height: 375px; margin-left: auto; margin-right: auto; }
div#videos div#player div.title { font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }

div#videos div#video_menu { height: 170px; }
div#videos div#video_menu div.page { text-align: center; display: none; height: 170px; }
div#videos div#video_menu div.page div.video { border: solid 1px #000; display: table-cell; text-align: left; padding: 10px; cursor: pointer; width: 170px; height: 150px; }
div#videos div#video_menu div.page div.selected { border: solid 1px #808080; }
div#videos div#video_menu div.page div.video:hover { background-color: #1a1a1a; }
div#videos div#video_menu div.page div.selected:hover { background-color: #1a1a1a; }
div#videos div#video_menu div.page div.video div.image { text-align: center; }
div#videos div#video_menu div.page div.video div.image img { width: 147px; }
div#videos div#video_menu div.page div.video div.title { font-size: 13px; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 6px 18px; padding-right: 6px; }
div#videos div#video_menu div.page div.video div.title_sub { font-style: italic; color: #616161; font-size: 12px; padding: 0px 18px; }
div#videos div#video_menu div.active { display: table-row; }

div#videos div#video_pages { font-weight: bold; }
div#videos div#video_pages a { color: #7f7f7f; text-decoration: none; padding: 0px 3px; letter-spacing: 1px; }
div#videos div#video_pages a.active { color: #FFF; }

div#videos div.seperator { padding: 10px 0px; }


/* Graphics */
div#container div#section_body div#graphics_left { width: 200px; float: left; text-align: right; padding: 5px; padding-right: 0px; }
div#container div#section_body div#graphics_left div { clear: both; margin: 25px 0px; display: table; width: 100%; }
div#container div#section_body div#graphics_left span { clear: both; margin: 10px 0px; display: block; }
div#container div#section_body div#graphics_left div#border_right { border: 1px solid #152c41; border-width: 1px 0px 1px 1px; padding: 5px; margin-right: -12px; }
div#container div#section_body div#graphics_right { margin-right: 5px; padding: 5px 0px 5px 5px; width: 540px; float: right; border: solid 1px #1c3a56; background-color: #0b1721; }
div#container div#section_body div#graphics_right div { float: left; text-align: center; padding: 0px 5px; margin: 10px 0px; }
div#container div#section_body div#graphics_right div span { font-weight: bold; display: block; margin-top: 5px; }
div#container div#section_body div#graphics_right  h4 { color: #FFF; margin-bottom: 5px; }

/* Current Projects */
div#projects div.project_title { margin-top: 20px; }
div#projects div.project_row { padding: 5px; min-height: 70px; }
div#projects div.project_row div.image { float: left; }
div#projects div.project_row div.image img { width: 85px; height: 69px; text-align: left; margin-right: 10px; }
div#projects div.project_row div.row_title { font-size: 20px; text-transform: uppercase; }
div#projects div.project_row div.row_title_sub { font-size: 16px; text-transform: uppercase; }
div#projects div.project_row div.row_text { font-size: 12px; }

div#projects div.even{ background-color: #0f0f0f; border: solid 2px #1e1e1e; border-width: 2px 0px 2px 0px; }

div#projects div.active { }
div#projects div.active div.row_title { color: #376da0; }
div#projects div.active div.row_title_sub { color: #FFF; }
div#projects div.active div.row_text { color: #ffd800; }

div#projects div.inactive { }
div#projects div.inactive div.image img { width: 83px; height: 67px; border: dashed 1px #757575; }
div#projects div.inactive div.row_title { color: #333; }
div#projects div.inactive div.row_title_sub { color: #333; }
div#projects div.inactive div.row_text { color: #333; }

/* Contact */
div#container div#section_body div#contact_left { width: 400px; float: left;  padding: 5px; }
div#container div#section_body div#contact_left form div label { display: block; margin: 3px 0px; }
div#container div#section_body div#contact_left form div input[type='text'] { width: 200px; margin-bottom: 10px; }
div#container div#section_body div#contact_left form div span.required { margin-left: 5px; line-height: 5px; color: #0096ff; font-size: 16px; }
div#container div#section_body div#contact_left form div textarea { width: 350px; height: 200px; }

div#container div#section_body div#contact_right { float: right; width: 323px; margin-right: 20px; margin-top: -1px;}
div#container div#section_body div#contact_right div#main { padding: 5px; background: url(/media/images/contact/contact_bg_main.png) repeat-x bottom ; }
div#container div#section_body div#contact_right div#bottom { background: url(/media/images/contact/contact_bg_bottom.png) no-repeat; height: 12px; width: 323px; }

/* ADMIN */
div#admin {}
div#admin ul { list-item: default; }

div#admin form input { margin: 5px 0px;}

div#admin table { width: 100%; }
div#admin table td { padding: 2px 1px; }
div#admin table tr:nth-of-type(even) { background-color: #101010; }
div#admin table tr:nth-of-type(odd) { background-color: #010101; }
div#admin table tr:hover { background-color: #333; }
div#admin table th { text-align: left; padding-left: 5px; border-bottom: solid 1px #888; background-color: #000;}
div#admin div.form_text_longer input[type='text'] { width: 400px; }

div#admin input#dt_stamp { width: 100px; }

/* Content Images */
.content_image { position: relative; }
.content_image  div.container{ position: absolute; top: 0px; left: 0px; width: 100%; }
.content_image  div.container div.caption { color: #6f7172; font-size: 10px; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; text-align: right; padding: 0px; margin: 0px; text-transform: uppercase; }
.content_image  div.container div.caption:hover { overflow: visible; }