/* Media Impact Style Sheets
----------------------------------------------- */

body {
margin: 0;
font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: small;
}

body.shadow {
background: #FFF url(images/main-shadow-bg.jpg) repeat-x left top;
}

#wrapper {
margin-left: auto;
margin-right: auto;
padding: 0;
border: 0;
width: 1000px;
background-color: #FFF;
}

img {
border: none;
}

/* Header
----------------------------------------------- */

#header {
width: 1000px;
background: url(images/banner_no_logo.gif) no-repeat right 50%;
margin: 0;
padding: 0;
text-align: left;
}

#header img.logo {
margin: /* Top */ 10px /* Right */ 0 /* Bottom */ 10px /* Left */ 35px;
}

/* Date bar
----------------------------------------------- */

#date-bar {
width: 1000px;
text-align: right;
background-color: #e0e0e0;
}

#date-bar p {
padding: /* Top */ 2px /* Right */ 20px /* Bottom */ 2px /* Left */ 20px;
font-size: .8em;
font-weight: normal;
color: #666;
font-style: normal;
margin:0;
}

/* Main Content
----------------------------------------------- */

table.content {
width: 1000px;
}

table.content td, table.sub-content td {
font-size: .8em;
}

table.content h1, td.text h1 {
margin: /* Top */ 0 /* Right */ 30px /* Bottom */ 10px /* Left */ 30px;
font-size: 150%;
color: #FF0000;
}

table.content h2, td.text h2 {
margin: /* Top */ 0 /* Right */ 30px /* Bottom */ 10px /* Left */ 30px;
font-size: 125%;
color: #FF0000;
}

table.content h3, td.text h3 {
margin: /* Top */ 0 /* Right */ 30px /* Bottom */ 10px /* Left */ 30px;
font-size: 110%;
color: #FF0000;
}

table.content p, td.text p  {
margin: /* Top */ 0 /* Right */ 30px /* Bottom */ 10px /* Left */ 30px;
}

table.content td.navi-container {
width: 186px;
text-align: left;
vertical-align: top;
background-color: #989898;
}

table.content td.main-content {
text-align: left;
vertical-align: top;
padding: /* Top */ 10px /* Right */ 0 /* Bottom */ 0 /* Left */ 0;
}

table.content td.main-content-index {
text-align: left;
vertical-align: top;
padding: 0;
}

table.showcase {
width: 100%;
}

table.showcase td.movie-cover {
width: 126px;
text-align: left;
vertical-align: top;
}

table.showcase td.movie {
width: 348px;
text-align: left;
vertical-align: top;
}

table.showcase td.movie {
width: 348px;
text-align: left;
vertical-align: top;
}

table.showcase #wide-movie {
text-align: center;
margin-bottom: 10px;
}

table.showcase td.movie .movie-container {
margin-left: 30px;
margin-bottom: 10px;
}

table.showcase td.media .media-training-container {
margin-left: 30px;
margin-bottom: 10px;
}

table.showcase td.text {
text-align: left;
vertical-align: middle;
padding-bottom: 10px;
}

table.showcase td.next-movie p {
text-align: right;
vertical-align: middle;
margin: /* Top */ 0 /* Right */ 20px /* Bottom */ 10px /* Left */ 10px;
}

table.showcase td.text a:link, table.showcase td.text a:visited, table.showcase td.next-movie a:link, table.showcase td.next-movie a:visited {
font-weight: bold;
border-bottom: #FF0000 solid 1px;
text-decoration: none;
color: #FF0000;
}

table.showcase td.text a:hover, table.showcase td.next-movie a:hover {
text-decoration: none;
color: #000000;
border-bottom: none;
}

table.showcase td.text img.doc-cover {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

table.clients {
width: 100%;
}

table.clients td img.client {
text-align: left;
vertical-align: middle;
}

table.clients td img {
margin: /* Top */ 30px /* Right */ 0 /* Bottom */ 30px /* Left */ 30px;
}

table.clients td img.bottom {
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 30px /* Left */ 30px;
}

table.images {
width: 750px;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 10px /* Left */ 30px;
}

/* Movie Button
----------------------------------------------- */

.button ul {
width: 100px;
height: 20px;
background: url(images/but-movie.jpg) no-repeat 0 0;
list-style: none;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 10px /* Left */ 10px;
padding: 0;
}

.button li {
display: block;
}

.button li a:link, .button li a:visited {
border: none;
width: 100px;
height: 20px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
}

.button li.movie-button a:hover {
background: url(images/but-movie.jpg) no-repeat 0 -20px;
}

/* Navigation
----------------------------------------------- */

#navigation ul {
width: 180px;
height: 220px;
background: url(images/but-navigation.gif) no-repeat 0 0;
list-style: none;
margin: /* Top */ 10px /* Right */ 3px /* Bottom */ 10px /* Left */ 3px;
padding: 0;
}

#navigation li {
display: block;
}

#navigation li a:link, #navigation li a:visited {
border: none;
width: 180px;
height: 20px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
}

#navigation li.home a:hover {
background: url(images/but-navigation.gif) no-repeat -183px 0;
}

#navigation li.production-documentaries a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -20px;
}

#navigation li.editing-facilities a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -40px;
}

 #navigation li.media-training a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -60px;
}

#navigation li.video-releases a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -80px;
}

#navigation li.the-archive a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -100px;
}

#navigation li.music a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -120px;
}

#navigation li.recent-productions a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -140px;
}

#navigation li.choppercam a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -160px;
}

#navigation li.graphic-design a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -180px;
}

#navigation li.web-design a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -200px;
}

#navigation2 ul {
width: 180px;
height: 60px;
background: url(images/but-navigation.gif) no-repeat 0 -220px;
list-style: none;
margin: /* Top */ 0 /* Right */ 3px /* Bottom */ 10px /* Left */ 3px;
padding: 0;
}

#navigation2 li {
display: block;
}

#navigation2 li a:link, #navigation2 li a:visited {
border: none;
width: 180px;
height: 20px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
}

#navigation2 li.about-us a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -220px;
}

#navigation2 li.contact-us a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -240px;
}

#navigation2 li.clients a:hover {
background: url(images/but-navigation.gif) no-repeat -183px -260px;
}

/* Footer
----------------------------------------------- */

#footer {
width: 1000px;
text-align: right;
background-color: #e0e0e0;
}

#footer p {
padding: /* Top */ 2px /* Right */ 20px /* Bottom */ 2px /* Left */ 20px;
font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: .8em;
font-weight: normal;
color: #666;
font-style: normal;
margin:0;
}