/* CUTTER PRODUCTIONS STYLESHEET */

/* GENERAL RULES */
body { background-color: #FFF; 
       margin: 0px 0; 
       text-align: center;
       font-family: Arial, sans-serif; 
	   color: #777;
	   font-size: 11px;
	   line-height: 1.5em;
     }
div { text-align: left; }
table td { padding: 0; vertical-align: top;}
img { border-width: 0; }
h1 { margin: 0; }
h2 { margin: 0; }
h3 { margin: 0; }
a { color: #777; 
	text-decoration: none;
	}
a:hover {
	color: #444;
	text-decoration: none;
	}
	
/* SPLASH PAGE */
#splash_main {	
	margin: 40px auto;
	width: 724px;
	border: 1px solid #878787;
	}
#splash_main table {
	margin: 0;
	}
#splash_main #td_top {
	height: 196px;
	}	
#splash_main #td_bot {
	height: 197px;
	}	
#splash_main #header {
	border-top: 1px solid #878787;
	border-bottom: 1px solid #878787;
	background-image: url(../images/logo-main.jpg);
	background-position: 3px 94px;
	background-repeat: no-repeat;
	background-color: #878787;
	height: 125px;
	width: 726px;	
	}
#splash_main #header #menu {
	float: right;
	width: px;
	margin: 15px 10px 0 0;
	text-align: right;
	}

#splash_main_noborder {	
	margin: 40px auto;
	width: 724px;
	border: 1px solid #ffffff;
	}
#splash_main_noborder table {
	margin: 0;
	}
#splash_main_noborder #td_top {
	height: 196px;
	}	
#splash_main_noborder #td_bot {
	height: 197px;
	}	
#splash_main_noborder #header {
	border-top: 1px solid #878787;
	border-bottom: 1px solid #878787;
	background-image: url(../images/logo-main.jpg);
	background-position: 3px 94px;
	background-repeat: no-repeat;
	background-color: #878787;
	height: 125px;
	width: 726px;	
	}
#splash_main_noborder #header #menu {
	float: right;
	width: px;
	margin: 15px 10px 0 0;
	text-align: right;
	}
	
#splash_main_colorborder {	
	margin: 40px auto;
	width: 724px;
	border: 1px solid #eec23f;
	}
#splash_main_colorborder table {
	margin: 0;
	}
#splash_main_colorborder #td_top {
	height: 196px;
	}	
#splash_main_colorborder #td_bot {
	height: 197px;
	}	
#splash_main_colorborder #header {
	border-top: 1px solid #878787;
	border-bottom: 1px solid #878787;
	background-image: url(../images/logo-main.jpg);
	background-position: 3px 94px;
	background-repeat: no-repeat;
	background-color: #878787;
	height: 125px;
	width: 726px;	
	}
#splash_main_colorborder #header #menu {
	float: right;
	width: px;
	margin: 15px 10px 0 0;
	text-align: right;
	}

/* MAIN CONTAINER */	
#main_container {
	position: relative;
	margin: 40px auto;
	width: 726px;
	}
	
/* HEADER/MENU */
#main_table {
	width: 726px;
	border: 1px #c4c4c4 solid;
	}
#header {
	background-image: url(../images/logo-main.jpg);
	background-repeat: no-repeat;
	background-color: #878787;
	height: 29px;
	width: 726px;
	}
#index_link {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 29px;
	}	
#menu {
	float: right;
	width: px;
	margin-top: 13px;
	text-align: right;
	}	
	
	
/* MAIN CONTENT */
#content {
	height: 416px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
	}
	
/* MOVIE DISPLAY */
#display {
	width: 680px;
	height: 236px;
	border: 1px solid #c4c4c4;
	margin: 14px auto;
	background-color: #fff;
	}
	

/*////// SUB-MENU ///////*/
#commercials_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/commercials-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 10px auto;
	}
#television_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/television-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	}
#films_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/films-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	}
#film_tv_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/film_tv-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	}
#music_videos_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/music_videos-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	}	
#interactive_tab_container {
	position: relative;
	top: 3px;
	left: 0px;
	width: 680px;
	height: 131px;	
	background-image: url(../images/interactive-tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 10px auto;
	}
/* SUB-MENU MENU */
#sub_menu_container {
	position: absolute;
    left: 0px;
    top: 20px; 	
	width: 680px;
	height: 110px;
	border: 1px #c4c4c4 solid;
    background-color: #fff;
    }
#sub_menu {
	position: absolute;
    left: 0px;
    top: 0px; 	
	width: 680px;
	height: 110px;
	background-color: #fff;
	clip: rect(0,683px,90px,0); 
    overflow: hidden; 
    z-index: 6;
    }
#sub_menu_table {
    position: absolute; 
    left: 0; 
    top: 0; 
    height: 70px;
    text-align: center;
    margin: 10px;
	}
#sub_menu_table td {
    }
#sub_menu_table td a {
	display: block;
    padding: 2px;
    border: 1px solid #c4c4c4;
    color: #77A;
    text-decoration: none;
    }
#sub_menu_table td a:hover {
	display: block;
    padding: 2px;
    border: 1px solid #c4c4c4;
    background-color: #fc3;
    color: #77A;
    text-decoration: none;	
	}
#sub_menu_table td span {
	display: block;
    padding: 2px;
    border: 1px solid #c4c4c4;
    color: #77A;
    text-decoration: none;
    }	
/* SUB-MENU SCROLLER */
#catalog_scroller {
    position: absolute;
    top: 90px;
    left: 27px;
	width: 640px;
	height: 13px;
	z-index: 10;
	}
#catalog_scroller #track {
    position: absolute;
    left: -2px;
    top: 0px;
    z-index: 3;
	border: 1px solid #c4c4c4;
	width: 628px;
	height: 10px;
	padding: 0px;
	}
#catalog_scroller #drag {
    position: absolute;
    left: 0px; 
    top: 2px; 
    z-index: 4; 
    cursor:pointer;
	}
#catalog_scroller #left {
    position: absolute; 
    left: -16px; 
    top: 0px; 
    z-index: 2; 
    cursor:pointer;
	}
#catalog_scroller #right {
    position: absolute; 
    left: 630px; 
    top: 0px; 
    z-index: 5; 
    cursor: pointer;
	}



/*DISPLAY PAGE*/
#display_page {
	position: ablsoute;
	top:0px;
	left:0px;
	}
#display_page table {
	position: absolute;
	width: 680px;
	height: 250px;
	}
#display_page table td {
	}	
#display_page table a{
	color: #FECC35;
	text-decoration: none;
	}	
#display_page table a:hover{
	color: #777;
	text-decoration: none;
	}		
#display_page #video {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 365px;
	height: 400px;
	background-color: #eee;
	border-right: 1px solid #c4c4c4;
	padding: 3px;
	text-align: center;
	z-index: 10;
	}	
#display_page #interactive {
	color: #777;
	font-weight: bold;
	}
#display_page #interactive:hover {
	color: #062945;
	font-weight: bold;
	}	
#display_page #info_mask {	
	position: absolute;
	left: 380px;
	width: 270px;
	height: 230px;
	text-align: left;
	padding: 0px;	
	background-color: #fff;
	clip: rect(0,270px,230px,0);
    overflow: hidden; 
    z-index: 6;
    }	
#display_page #video_info {
	position: absolute;
	left: 0px;
	width: 270px;
	height: 230px;
	text-align: left;
	padding: 10px;
	}	
#display_page #display_scroller {
	position: absolute;
	top: 19px;
	left: 658px;
	width: 270px;
	height: 230px;
	text-align: left;
	padding: 0px;
	}
#display_scroller #track {
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 3;
	border: 1px solid #c4c4c4;
	width: 10px;
	height: 200px;
	}
#display_scroller #drag {
    position: absolute;
    left: 2px; 
    top: 0x; 
    z-index: 4; 
    cursor:pointer;
	}
#display_scroller #up {
    position: absolute; 
    left: 0px; 
    top: -15px; 
    z-index: 5; 
    cursor: pointer;
	}
#display_scroller #down {
    position: absolute; 
    left: 0px; 
    top: 201px; 
    z-index: 2; 
    cursor:pointer;
	}
	
	
	
	
/* ABOUT */
#about_main_container {
	margin: 20px;
	width: 560px
	height: 400px;
	}
#about_left {
	float: left;
	margin: 0 0px 20px 0;
	width: 240px;
	height: 100%;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	padding: 10px;
	}
#about_left a{
	color: #FECC35;
	text-decoration: none;
	}	
#about_left a:hover{
	color: #777;
	text-decoration: none;
	}		
#about_right {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 390px;
	height: 536px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	padding: 10px 0 0 10px;
	}
	

/* PRESS ARTICLE */
#press_page {
	position: ablsoute;
	top:0px;
	left:0px;
	}
#press_page a{
	color: #777;
	text-decoration: none;
	}	
#press_page a:hover {
	color: #333;
	text-decoration: none;
	}
#press_page dt {
	font-weight: bold;
	}
#press_page dd {
	margin: 0 0 10px; 0px;
	padding: 0 0 10px 8px;
	border-bottom: 1px #777 dashed;
	}	
	
#press_content {
	position: absolute;
	top:0;
	left:0;
	width: 380px;
	height: 460px;
	}	
#press_content #press_mask {	
	position: absolute;
	left: 0px;
	width: 350px;
	height: 480px;
	text-align: left;
	background-color: #fff;
	clip: rect(0,450px,475px,0);
    overflow: hidden; 
    z-index: 6;
    }	
#press_content #press_article {
	position: absolute;
	left: 0px;
	top: 0;
	width: 350px;
	text-align: left;
	}
#article img{
	float: right;
	margin: 18px 0px 4px 4px;
	}	
#press_content #display_scroller {
	position: absolute;
	top: 19px;
	left: 370px;
	width: 10px;
	height: 470px;
	text-align: left;
	padding: 0px;
	}
#press_content #track {
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 3;
	border: 1px solid #c4c4c4;
	width: 10px;
	height: 450px;
	}
#press_content #drag {
    position: absolute;
    left: 2px; 
    top: 0x; 
    z-index: 4; 
    cursor:pointer;
	}
#press_content #up {
    position: absolute; 
    left: 0px; 
    top: -15px; 
    z-index: 5; 
    cursor: pointer;
	}
#press_content #down {
    position: absolute; 
    left: 0px; 
    top: 451px; 
    z-index: 2; 
    cursor:pointer;
	}


/* FOOTER */
#footer {
	font-size: 9px;
	color: #888;
	margin: 0 auto;
	text-align: right;
	}
#site_design {
	margin: 0px auto;
	text-align: right;
	}	
#site_design a{
	font-size: 9px;
	color: #878787;
	}		
#site_design a:hover{
	font-size: 9px;
	color: #555;
	}