charset "utf-8";

/* styling - all pages */
a
{
	outline: none;
}
a:active {
	text-decoration: none;
	outline: none;
	display: inline;
}
a:focus {
	text-decoration: none;
	display: inline;
	moz-outline-style: none;
}
a:link {
	text-decoration: none;
	display: inline;
}
a:visited {
	display: inline;
	text-decoration: none;
}
html div {
	overflow: hidden;
}
img, a{ 
	border: none ; 
	display:block;
	margin:0;
}
body  {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	behavior: url("csshover3.htc");
}
.email a {
	color: #4b5758;
	text-decoration: none;
	text-align: left;
	display: inline;
}
.emails a {
        color: #e30087;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        display: inline;
}
.emails a:hover {
        color: #ff0000;
}

/* top nav */
#nav {
        background-color: #ffffff;
        height: 35px;
        width: 822px;
        padding: 0px;
	overflow: visible; /* Fix FF2 z-index Bug*/
}
#nav2 {
	margin-left: auto;
	margin-right: auto;
}
#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navbar a {
	display: block;
        font-size: 20px;
        color: #FF0000;
}
#navbar li ul a {
        font-size: 17px;
}
#navbar li {
	float: left;
	padding: 3px 15px 0px 15px;
}
#navbar li ul li {
        width: 9em;
	padding: 0px;
}
#navbar li ul {
	position: absolute;
	width: 9em;
	left: -999em;
	margin: 0;
	margin-left: -8px;
	border: 1px SOLID #FF0000;
	background-image: url(../images/white90.png);
	z-index: 2;
}
#navbar li:hover ul, #navbar li.sfhover ul {
	left: auto;
}
#navbar a:hover {
	color: #FF00AA;
}
#navbar li ul li a:hover {
        color: #FFFFFF;
	background-color: #FF0099;
	padding: 2px 8px;
}
#navbar li ul li a {
	padding: 2px 8px;
}
#navbar li.mhome {
	padding-left: 20px;
}
#navbar li.mclient {
        padding-right: 20px;
        width: 10em;
}
/* contact nav */
#contactnav {
	background-color: #ffffff;
	float:left;
	height: 15px;
	width: 380px;
	margin: 0;
	padding:0;
}
.contactmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	width: 223px;
	float: right;	
}
.contactmenu li {
	padding: 0;
	margin: 0;
	height: 15px;
	list-style: none;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.contactmenu li a, .contactmenu li a:visited {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 15px;
	background-repeat: no-repeat;
	list-style: none;
	text-indent: -9999px;
}
.contactsml {background-image: url(../images/sub_contact_.jpg); width:72px;}
.contactsml a {background-image: url(../images/sub_contact.jpg); width:72px;}
.about {background-image: url(../images/sub_about_.jpg); width:81px;}
.about a {background-image: url(../images/sub_about.jpg); width:81px;}
.awards {background-image: url(../images/sub_awards_.jpg); width:70px;}
.awards a {background-image: url(../images/sub_awards.jpg); width:70px;}
ul.contactmenu li a:hover {background: none;}
.contactmenu li {float: right;}
.contactmenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* A-Z nav sml */
#aznav {
	float:left;
	height: 15px;
	width: 342px;
	margin: 0;
	padding:0;
}
.aznewsmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	width: 342px;
	float: left;	
}
.aznewsmenu li {
	padding: 0;
	margin: 0;
	height: 15px;
	list-style: none;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.aznewsmenu li a, .aznewsmenu li a:visited {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 15px;
	background-repeat: no-repeat;
	list-style: none;
	text-indent: -9999px;
}
.btnaz {background-image: url(../images/back_to_a_z_hover.gif); width:135px;}
.btnaz a {background-image: url(../images/back_to_a_z_off.gif); width:135px;}
.btspc {background-image: url(../images/news_spacer.gif); width:147px;}
.btnnews {background-image: url(../images/news_hover.gif); width:60px;}
.btnnews a {background-image: url(../images/news_off.gif); width:60px;}
ul.aznewsmenu li a:hover {background: none;}
.aznewsmenu li {float: left;}
.aznewsmenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#archivenav {
	background-color: #ffffff;
	height: 29px;
	width: 822px;
	margin: 0 auto;
	padding: 10px 5px 10px 2px;
}
.archivemenu {
	display: block;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	width:782px;
	float:left;	
}
.archivemenu li {
	float: left;
	padding: 0;
	margin: 0;
	height: 29px;
	list-style: none;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.archivemenu li a, .archivemenu li a:visited {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 29px;
	background-repeat: no-repeat;
	list-style: none;
	text-indent: -9999px;
}

.archivemenu li{
	width : 29px;
}

ul.archivemenu li a:hover {
	background: none;
}
.archivemenu li {
	float: left;
}
.archivemenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* boxes */
#container {
	background: url(../images/background.gif) no-repeat;
	margin: 0 auto;
	padding: 38px 0px 0px 0px;
	width: 822px;
/*	min-height:1320px; */
	text-align: left;
}
#header {
	background: url(../images/logo_big.gif) no-repeat;
	width: 782px;
	height: 99px;
	margin: 0px 20px 10px 20px;
	padding: 0px 0px 8px 0px;
}
#main {
	width: 780px;
	margin: 15px 20px 0px 20px;
}
#main2 {
        width: 804px;
        margin: 15px 9px 0px 9px;
}
#footer {
	float: left;
	width: 822px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
}
#boxleft {
	float:left;
	width: 380px;
	margin: 0;
	padding:0;
}
#boxright {
	float:right;
	width: 380px;
	margin: 0;
	padding:0;
}
.showreelbox {
	float: left;
        position: relative;
        width:240px;
        height:96px;
	padding: 0px;
	margin: 10px 130px 10px 10px;
}
.showreelbox .w2p, .showreelbox .w2r, .showreelbox .white {
	float: right;
        width: 110px;
        margin: 0px;
        padding: 0px 5px;
}
.showreelbox .white {
	color: #F00;
	padding: 5px;
	font-size: 12px;
        background-color: #FFF;
}
.showreelbox .w2r {
	background: url(../images/130_w2r.png) repeat;
        height: 15px;
	color: #FFF;
	text-align: right;
}
.showreelbox .w2p {
        background: url(../images/130_w2p.png) repeat;
        height: 15px;
	color: #FFF;
	text-align: right;
}
.showreelbox .middle {
	width: 120px;
        height: 56px;
	margin: 0px;
	padding: 5px;
}
.smallbox {
	position: relative;
	width:380px;
	height:106px;
}
.left {
	clear:left;
	float:left;
}
.right {
        clear:right;
        float:right;
}
.w380 {
	width: 380px;
}
.smlthumb {
	float:left;
	display:inline;
	width: 120px;
}
.smlcontainer {
	left: 120px;
	position: absolute;
	height:96px;
	background-color:#ffffff;
	width: 260px;
}
.title {
	display: block;
	height:14px;
	width: 259px;
	margin:0px 7px;
	color:#ff33bb;
	overflow: hidden;
}
.smltext {
	height:57px;
	margin:5px 7px 5px 7px;
	color:#ff0000;
}
.morebtnshort a {
        float: left;
        display: block;
        background:  url(../images/more_off.gif) no-repeat;
        width: 260px;
        height: 15px;
        margin: 0px;
        padding:0px;
}
.morebtnshort a:hover {
        background:  url(../images/more_hover.gif) no-repeat;
}


.largebox {
        width:380px;
        height:198px;
        background-color:#ffffff;
        float:left;
        clear:left;
	margin-bottom:10px;
}
.largebox.smoke {
	height: 248px;
}
.lrgtext {
        height:157px;
        margin:6px 7px 6px 7px;
        color:#ff0000;
}
.lrgtext.smoke {
	height: 207px;
}
.morebtnlong a {
        float: left;
	display: block;
	background:  url(../images/more_long_off.gif);
	width: 380px;
	height: 15px;
	margin: 0;
	padding:0;
}
.morebtnlong a:hover {
        background:  url(../images/more_long_over.gif) no-repeat;
}
.montagebox {
	width: 380px;
	height:304px;
	float:right;
	margin-bottom:10px;
	clear:right;
}
.largepicbox {
	width: 380px;
        height:198px;
        float:right;
        margin-bottom:10px;
	clear:right;
}
.largepicbox.smoke{
	height: 248px;
}
.boxfeatbig {
	float:left;
	background: #ffffff;
	width: 380px;
	height: 167px;
	margin: 0;
	padding:0;
}
.boxfeatbig2 {
	float:left;
	background: #ffffff;
	width: 380px;
	height: 168px;
	margin: 0;
	padding:0;
}
#boxfeatsml {
	float:left;
	background: #ffffff;
	width: 380px;
	height: 96px;
	margin: 0;
	padding:0;
}
.boxfeatsmltxt {
	float:left;
	background: #ffffff;
	width: 260px;
	height: 64px;
	margin: 0;
	padding:0;
}
.boxcontact {
	float:left;
	background: #ffffff;
	width: 380px;
	margin: 0;
	padding:0;
	padding-bottom: 10px;
}
.boxftp {
	float:left;
	background: #ffffff;
	width: 380px;
	height: 48px;
	margin: 0;
	padding:0;
}
.boxshowreel {
	float:left;
	background: #ffffff;
	width: 380px;
	height: 90px;
	margin: 0;
	padding:0;
}
.boxjobs {
	float:left;
	background: #ffffff;
	width: 380px;
	min-height: 144px;
	margin: 0;
	padding:0;
}
.boxaward01 {
	float:left;
	background:  url(../images/awards_bg_1.gif);
	background-repeat: repeat-y;
	width: 380px;
	min-height: 400px;
	margin: 0;
	padding:0px 0px 20px 0px;
}
.boxaward02 {
	float:left;
	background:  url(../images/awards_bg_2.gif);
	background-repeat: repeat-y;
	width: 380px;
	min-height: 503px;
	margin: 0;
	padding:8px 0px 20px 0px;
}
#awardsbox {
	float: left;
	width: 380px;
}
#awardsmov {
	width: 380px;
	height: 202px;
	margin-bottom: 10px;
	background:  url(../images/big_awards.jpg);
}
.awardslogo {
        float: left;
        width: 120px;
        height: 96px;
	padding: 2px;
        margin-right: 4px;
        margin-bottom: 4px;
}
/*
.awardslogo {
	float: left;
	width: 98px;
	height: 74px;
	background-color: #E09;
	color: #FFF;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	border: 1px SOLID;
	margin-right: 10px;
	margin-bottom: 10px;
}
*/
.awardslogo:hover {
	border: 1px SOLID #F00;
	padding: 1px;
}
.tip {
	font-weight: bold;
	position: absolute;
	left:1px;
	top:1px;
	visibility: hidden;
	z-index:1;
	padding: 4px;
	color: #F00;
	background: url(../images/white90.png) repeat;
	border: 1px SOLID #F00;
}
.tip a, .tip a:visited, .tip a:active {
	color: #F00;
	font-weight: normal;
}
.tip a:hover {
	color: #FFF;
	background-color: #F00;
}
.last {
	margin-right: 0px;
}
.last:hover {
	margin-right: 0px;
}
#job_description {
	margin: 0px 42px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
}
.dleft {
	width:342px;
	float:left;
	margin: 0px 0px 10px 0px;
}
.dright {
	width: 448px;
	clear:right;
	float:right;
	margin: 0px 0px 10px 10px;
	padding: 2px;
	border: #d77 SOLID 1px;
	background-color: #fff7f7;
}
.drightTop, .drightCenter, .drightBottom {
        clear:right;
        float:right;
	width: 448px;
        margin: 0px 0px 0px 10px;
        padding: 0px 6px;
}
.drightTop {
        height: 16px;
        background: url(../images/460_bg_top.png) no-repeat;
}
.drightCenter {
        background: url(../images/460_bg_centre.png);
}
.drightBottom {
        height: 16px;
        background: url(../images/460_bg_bottom.png) no-repeat;
	padding-bottom: 10px; 
}
#boxedimage {
	width: 448px;
}
.boxjobdesc {
	text-align: justify;
	float:left;
	background: #ffffff;
	width: 720px;
	min-height: 150px;
	margin: 0px;
	padding: 0px;
	margin-bottom:-1000px;
	padding-bottom:1000px;
	font-size: 12px;
}
.boxjobdesc a{
	color: #f00;
	font-weight: bold;
}
.boxstillsleft {
	float: left;
	background:  url(../images/stills_bg224.gif);
	width: 224px;
	height: 19px;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.boxstillsright {
	float: right;
	background:  url(../images/stills_bg224.gif);
	width: 224px;
	height: 19px;
	margin: 0;
	padding: 0;
}
.playbar {
        background:  url(../images/720_red_white.png);
        width: 710px;
        margin: 0px 0px 10px 0px;
        padding: 2px 5px;
}
.playbar a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 15px 0px 5px;
}
.playbar .flv {
}
.playbar .qt  {
	float: right;
}
.playbar .qt a {
	color: #f00;
}
#boxplayvid {
	clear: right;
	float:right;
	background:  url(../images/videos_bar448.gif);
	width: 448px;
	height: 19px;
        margin: 0px 0px 10px 0px;
	padding: 0;
}
#boxOps {
	float:left;
	width: 448px;
	min-height: 150px;
	margin: 0;
	padding:0;
}
#boxOps a:link, #boxOps a:visited {
	text-decoration: underline;
}
.leftcol {
	float:left;
	width: 224px;
	margin: 10px 0px 10px 0px;
	padding:0;
	word-wrap: break-word;
}
.rightcol {
	float:left;
	width: 224px;
	margin: 10px 0px 10px 0px;
	padding:0;
}
#boxarchivenav {
	float:left;
	background: #ffffff;
	width: 762px;
	height: 95px;
	margin: 0;
	padding:0px 10px 0px 10px;
	margin-bottom: 20px;
}
#searchbox {
        float: right;
        width: 280px;
        height: 25px;
        background: url(../images/300_r2w.png) repeat;
        margin: 0px;
        padding: 10px;
}
#searchbox #s {
        color: #F00;
        width: 195px;
        height: 19px;
        float: left;
        padding: 2px;
        margin: 0;
	margin-left: 5px;
        border: 1px SOLID #FFF;
        background-color: #FFF;
}
#searchbox #s:focus {
        border: 1px SOLID #F00;
}
#searchbox #go {
        float: right;
        height: 25px;
        padding: 2px;
        margin: 0;
        background-color: #F00;
        border-color: #F00;
        color: #FFF;
        font-weight: bold;
}
.searchwrap {
	width: 780px;
	margin: 0px 10px;
}
.arcbox {
	float: left;
	display: inline;
	width: 240px;
	height: 96px;
	padding: 3px;
	margin: 7px;
}
.arcbox:hover {
	padding: 2px;
	border: 1px SOLID #f00;
	background-color: #fff;
}
.arcthumb {
	float: left;
	width: 120px;
	height: 96px;
}
.arcinfo1, .arcinfo2, .arcinfo3 {
	float: right;
	width: 110px;
	padding: 2px 5px;
}
.arcinfo1, .arcinfo2 {
	background-color: #FFF;
	color: #F00;
}
.arcinfo1 {
	font-weight: bold;
}
.arcinfo3 {
	background: url(../images/130_w2r.png) repeat;
	color: #FFF;
	text-align: right;
}
/* text styling */
.titlebigbox {
	float:left;
	color: #ff0099;
	background: #ffffff;
	border: 0;
	padding: 3px 12px 0px 10px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	width: 360px;
}
.titlesmlbox {
	float:left;
	color: #ff0099;
	background: #ffffff;
	border: 0;
	padding: 3px 3px 0px 8px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	clear: left;
}
.texttitlejobsred {
	float:left;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	background: #ffffff;
	border: 0;
	padding: 0px 12px 10px 14px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	width: 360px;
}
.titlebox {
	clear: left;
	width: 360px;
	height: 40px;
	padding: 10px;
	background-color: #FFF;
	color: #F00;
	margin: 0px 0px 10px 0px;
}
.titlebox a {
	color: #F00;
}
.s18 {
	font-size: 18px;
}
.s24 {
	font-size: 24px;
}
.s30 {
        font-size: 30px;
}
.s36 {
        font-size: 36px;
}

.textboxtop {
	width: 360px;
	height: 20px;
        background-color: #FFF;
        color: #F09;
	margin: 0px;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 16px;
}
.textboxbottomr, .textboxbottomp {
	width: 380px;
	height: 15px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}
.textboxbottomr {
	background:  url(../images/top_red.png) repeat;
}
.textboxbottomp {
	background:  url(../images/bottom_pnk.png) repeat;
}
.textboxred {
	width: 360px;
        margin: 0px;
        padding: 10px;
	background-color: #FFF;
	color: #F00;
}
.pad {
	margin-bottom: 10px;
}
.credits {
	color: #f00;
}
.credits a{
	text-decoration: underline;
        font-weight: normal;
}
.textboxred a {
	font-weight: bold;
	color: #F00;
}
.textboxred a:hover {
	text-decoration: underline;
}
.textred {
	color: #ff0000;
	padding: 0px 8px 0px 10px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	line-height: 10pt
}
.textred a {
        text-decoration: none;
        color: #ff0000;
}
.textpinkemail {
	color: #e30087;
	padding: 10px 10px 0px 15px;
	margin: 0;
	text-decoration: none;
	text-align: left;
}
.textredemail {
	color: #ff0000;
	padding: 10px 10px 0px 15px;
	margin: 0;
	text-decoration: none;
	text-align: left;
}
.textsmlbox {
	color: #ff0000;
	padding: 0px 3px 0px 8px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	line-height: 10pt
}
.awardtitle {
	float: left;
	color: #ffffff;
	font-weight: bold;
	width:332px;
	height: 15px;
	padding: 10px 8px 0px 47px;
	margin: 0;
	text-decoration: none;
	text-align: left;
}
.awarddate {
	float: left;
	color: #ffffff;
	font-weight: bold;
	width: 25px;
	padding: 0px 10px 0px 10px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	line-height: 10pt
}
.awardbody {
	float: left;
	color: #ffffff;
	width: 320px;
	padding: 0px 8px 0px 2px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	line-height: 10pt
}
#staffname {
	font: 14px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color: #ff0000;
	font-weight: bold;
	padding: 15px 10px 20px 10px;
	margin: 0;
	text-decoration: none;
	text-align: left;
}

/* buttons */
#recentnewsbtn a {   
	display: block;   
	background:  url(../images/recent_off.gif) top;   
	width: 380px;   
	height: 15px; 
	margin: 0;
	padding:0;  
}
#recentnewsbtn a:hover {   
	background:  url(../images/recent_hover.gif) no-repeat;   
}
#newslogobox {
	float: left;
        background-color: #ffffff;
	width: 380px;
        height: 96px;
        margin: 0;
	margin-bottom: 10px;
        padding:0;
}
#soundlogobox {
	float: left;
	width: 778px;
	background-color: #FFF;
	border: 1px SOLID #FFF;
	padding: 10px 0;
}
#soundlogobox:hover {
	border: 1px SOLID #F00;
}
#soundtextbox {
        background-color: #ffffff;
        width: 780px;
        margin: 20px 0;
        padding: 15px;
	font-size:14px;
	color: #f00;
}
#latestnewsbtn a {
        display: block;
        background:  url(../images/back_to_latest_off.gif) top;
        width: 380px;
        height: 15px;
        margin: 0;
        padding:0;
}
#latestnewsbtn a:hover {
        background:  url(../images/back_to_latest_over.gif) no-repeat;
}
/*.morebtnlong a {
	float: left;
	display: block;   
	background:  url(../images/more_long_off.gif) top;
	width: 380px;
	height: 15px;
	margin: 0;
	padding:0;
}
.morebtnlong a:hover {
	background:  url(../images/more_long_over.gif) no-repeat;
}
.morebtnshort a {
	float: left;
	display: block;   
	background:  url(../images/more_off.gif);
	width: 260px;
	height: 15px;
	margin: 0;
	padding:0;
}
.morebtnshort a:hover { 
	background:  url(../images/more_hover.gif) no-repeat;
}*/
.btnstills img {
	float: left;
	background:  url(../images/image_bar/still_button_off.gif);
	width: 16px;
	height: 17px;
	margin: 1px 0px 1px 0px;
	padding: 0px;
	border: 0px SOLID #00FF00;
}
.btnstills img:hover {
	background: url(../images/image_bar/still_button_hover.gif);
}
.btnstills img:active {
	background: url(../images/image_bar/still_button_on.gif);
}
.imgactive {
	background: url(../images/image_bar/still_button_on.gif);
}
.btnplay a {
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	float: left;
	background:  url(../images/playbtn_off.gif) no-repeat;
	width: 448px;
	height: 17px;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 12px;
}
.btnplay a:hover {
	color: #00FF00;
	background: url(../images/playbtn_hover.gif) no-repeat;
}

/* ../images */
.smlthumb {
	float:left;
	width: 120px;
	height: 96px;
	margin: 0;
	padding:0;
}
.imiviewfullsize {
	float:left;
	width: 83px;
	height: 19px;
	margin: 0;
	padding:0;
}
.imistills {
	float:left;
	width: 43px;
	height: 19px;
	margin: 0;
	padding:0;
}

/* spacers */
#vspacer {
	background:  url(../images/transSpacerV.gif) no-repeat; 
	float:left;
	width: 20px;
	height: 100%;
	margin: 0;
	padding:0;
}
.hspacer {
	float:left;
	width: 380px;
	height: 10px;
	margin: 0;
	padding:0;
}
.hspacerlrg {
	float:left;
	width: 380px;
	height: 106px;
	margin: 0;
	padding:0;
}
.hspacerrecent {
        float:left;
        width: 380px;
        height: 95px;
        margin: 0;
        padding:0;
}
.clear {
	clear: both;
	height: 0px;
}
.leftpadding {
	float: left;
	padding: 0px 0px 0px 7px;
}
.mvtop {
	background-color: #fff;
}
.mvtop .lft {
	width: 720px;
	float: left;
	clear: left;
}
.mvtop .rght {
	width: 400px;
	float: right;
	clear: right;
}
.mvtopshowreel {
	padding-bottom: 10px;
        background-color: #fff;
}
.mvtopshowreel .lft {
        width: 468px;
        float: left;
        clear: left;
}
.mvtopshowreel .rght {
	background-color: #000;
        width: 120px;
	height: 96;
        float: right;
        clear: right;
}

.mvframe {
	width: 720px;
/*	height: 452px;*/
	margin: 0px 10px 0px 0px;
	background-color: #000;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	background-color: #000000;
}
#matte { 
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:1;
	background-color: #777777;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
} 
#wrapper2 { 
	position:absolute; 
	left:0px;
	top:-9999px;
	width:100%;
	height:196px;
	z-index:2;
	text-align:center;
}
#bgtop, #bgcentre, #bgbottom {
        width: 804px;
	padding: 0px;
	margin: 0px;
}
#bgtop {
	height: 16px;
	background: url(../images/bg_top.png) no-repeat;
}
#bgcentre {
        background: url(../images/bg_centre.png);
}
#bgbottom {
	height: 16px;
        background: url(../images/bg_bottom.png) no-repeat;
}

/*#matte { position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:1; 
	background-color: #777777; 
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
} 
#wrapper { position:absolute; left:0px; top:-9999px; width:100%; height:196px; z-index:2; text-align:center; }
*/