/**
 * HAROLD GROUP STYLES
 */

/*COLORS
Brown: #ABA37B
Grey: #8B8B8B
Red: #89271B
Green: #545427
yellow: #E5D59C

*/

body {
   padding: 0;
   margin: 0;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   background-color: #fff;
   color: #8B8B8B;
   line-height: 1.6em;
   }
p {padding: 0 0 .8em 0; margin: 0;}
h1, h2, h3, h4, h5, h6 { padding: 0 0 .4em 0; margin: 0;}
h1{font-size:26px;}
h2{font-size:20px; color:#89271B; border-bottom:1px solid #ABA37B; padding: .4em 0 .2em 0; margin: 0 0 .4em 0;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
a {color:#E5D59C;text-decoration:none;}
a:hover {color:#545427;}


ul { padding: 0 0 .4em 0; margin: 0;}
ul li { padding: 0; margin: 0 0 0 0px;}
ol { padding: 0 0 .4em 0; margin: 0;}
ol li { padding: 0; margin: 0 0 0 0em;}
td { padding: 0; margin: 0; vertical-align: top;}
img { border: 0;}


/*HOME*/
#home{width: 1024px; margin: 0px auto; text-align:center; }
#home #homeTop {height: 250px;}
#home #homeTop div {float: right; margin: 10px 10px 0 0; color: #ABA37B;}
#home #homeMiddle {background-color: #8B8B8B; padding-top:40px;}
#home #homeMiddle #homeMenu{height: 40px; width: 1000px; margin:0 auto;}
#home #homeMiddle #homeMenu td{text-align:center;color:#E5D59C; font-size: 16px; padding-top:2px;}
#home #homeMiddle #homeMenu #menuLeft{text-align:left;}
#home #homeMiddle #homeMenu #menuMiddle{text-align:center;}
#home #homeMiddle #homeMenu #menuRight{text-align:right;}
#home #homeBottom {height: 230px;padding-top:15px;}
#home #homeBottom .on{border:1px solid #fff;}
#home #homeBottom .off{border:1px solid #fff;}
#home #homeBottom #directorMenu{float:left; margin: 0 0 0 10px; width:124px; text-align:left; border-left:2px solid #8B8B8B; font-size:12px; font-weight:normal;}
#home #homeBottom #directorMenu a{color: #fff; padding-left: 10px;}
#home #homeBottom #directorMenu a:hover{color: #89271B;}
#tagLine{text-align:center;font-size:1.8em;padding-bottom:10px;}

/*MAIN CONTAINER*/
#mainContainer{
	width:1024px;
	background-color: #fff;
	position:relative;
	margin: 10px auto;
	border: 1px solid #ABA37B; 
	}
#sc{}
#sc #screen{
	width:100%;
	height:100%;
	/*background-color: #555;*/
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
	}

/*INNER PAGES*/
#mainHeader{height: 57px;position:relative;background-color:#8B8B8B;}
#mainMenu{float:right;margin:30px 10px 0 0; font-size: 14px;color:#E5D59C;}
#mainMenu .over{color:#89271B;}
#mainMenu .over:hover{color:#89271B;}
#mainContainer{}

/*DISPLAY WINDOW*/
#display {
	position: relative;
	top:10px;
	left:10px;
	}
#display table {
	width: 1006px;
	border: 1px solid #ABA37B; 
	background-color: #fff;
	}
#display table td {
	}	
#display #video {
	width: 480px;
	height: 376px;
	text-align:center;
	margin:10px;
	border:1px solid #ABA37B;
	}	
#display #info_mask {	
	position: absolute;
	top: 13px;
	left: 525px;
	width: 440px;
	height: 366px;
	text-align: left;
	padding: 0px;	
	background-color: #fff;
	clip: rect(0,442px,362px,0);
    overflow: hidden; 
    z-index: 6;
    }	
#display #director_info {
	position: absolute;
	left: 0px;
	width: 440px;
	height:212px;
	text-align: left;
	border: 0px;
	color: #8B8B8B;
	top: 0px;
	}
#display #director_info a{
	color: #8B8B8B;
	text-decoration:underline;
	}	
#display #director_info a:hover{
	color: #545427;
	}	
#display #display_scroller {
	position: absolute;
	top: 24px;
	left: 987px;
	width: 270px;
	height: 374px;
	text-align: left;
	padding: 0px;
	}
#display_scroller #track {
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 3;
	border: 1px solid #ABA37B;
	width: 17px;
	height: 374px;
	}
#display_scroller #drag {
    position: absolute;
    left: 2px; 
    top: 0px; 
    z-index: 4; 
    cursor:pointer;
	}
#display_scroller #up {
    position: absolute; 
    left: 0px; 
    top: -23px; 
    z-index: 5; 
    cursor: pointer;
	}
#display_scroller #down {
    position: absolute; 
    left: 0px; 
    top: 354px; 
    z-index: 2; 
    cursor:pointer;
	}


/*Category Menu*/
#catMenu{
	margin: 20px 10px 0 10px;
	font-size: 14px;
	}
#catMenu td{
	background-color: #8B8B8B;
	border-right: 2px solid #fff;
	height: 26px;
	background-image: url(../images/btn-angleGrey.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
#catMenu a{
	display:block;
	color: #fff;
	padding: 0px 30px 0 5px;
	}
#catMenu td.selected{
	background-color: #ABA37B;
	border-right: 2px solid #fff;
	height: 26px;
	background-image: url(../images/btn-angleBrown.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
#catMenu td a:hover{
	color: #545427;
	}

#catMenu td.selected a:hover{
	color:#fff;
	}
	
	
/* THUMBS and SCROLLER */
#subMenu_container{
	position:relative;
	border: 1px solid #ABA37B;
	width: 1004px;
	height: 140px;
	margin: 0px 10px 10px 10px;
	}
#sub_menu {
	position: absolute;
    left: 0px;
    top: 0px; 	
	width: 992px;
	height: 130px;
	background-color: #fff;
	clip: rect(0,992px,130px,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 #ABA37B;
    color: #77A;
    text-decoration: none;
    }
#sub_menu_table td a:hover {
	display: block;
    padding: 2px;
    border: 1px solid #ABA37B;
    background-color: #545427;
    color: #77A;
    text-decoration: none;	
	}
#sub_menu_table td span {
	display: block;
    padding: 2px;
    border: 1px solid #ABA37B;
    color: #77A;
    text-decoration: none;
    }
#catalog_scroller {
    position: absolute;
    top: 122px;
    left: 22px;
	width: 864px;
	height: 13px;
	z-index: 10;
	}
#catalog_scroller #track2 {
    position: absolute;
    left: -2px;
    top: 0px;
    z-index: 3;
	border: 1px solid #ABA37B;
	width: 962px;
	height: 17px;
	padding: 0px;
	}
#catalog_scroller #drag2 {
    position: absolute;
    left: 0px; 
    top: 2px; 
    z-index: 4; 
    cursor:pointer;
	}
#catalog_scroller #left {
    position: absolute; 
    left: -23px; 
    top: 0px; 
    z-index: 2; 
    cursor:pointer;
	}
#catalog_scroller #right {
    position: absolute; 
    left: 961px; 
    top: 0px; 
    z-index: 5; 
    cursor: pointer;
	}

/*ABOUT*/
.aboutHeight{
	height:600px;
	}



/*PRESS DISPLAY WINDOW*/
#press_display {
	position: relative;
	top:10px;
	left:10px;
	}
#press_display #aboutLeftCol{
	width: 340px;
	}
#press_display #about{
	width: 300px;
	font-size: 12px;
	padding: 10px;
	border: 1px solid #ABA37B;
	height: 555px;
	background-color: #fff;
	}
#press_display table {
	width: 1004px;
	height: 575px;
	}
#press_display table td {
	}	
#press_display #press {
	width: 320px;
	height: 281px;
	text-align:center;
	margin:10px;
	}	
#aboutRightCol{
	border: 1px solid #ABA37B;
	padding: 10px 30px 10px 10px;
	background-color: #fff;
	}	
#press_display #info_mask {	
	position: absolute;
	top: 50px;
	left: 350px;
	width: 624px;
	height: 525px;
	text-align: left;
	padding: 0px;	
	background-color: #fff;
	clip: rect(0,624px,524px,0);
    overflow: hidden; 
    z-index: 6;
    }	
#press_display #press_info {
	position: absolute;
	left: 0px;
	width: 624px;
	height: 525px;
	text-align: left;
	padding: 15px;
	border: 0px;
	color: #8B8B8B;
	font-size: 12px;
	}	
#press_display #press_display_scroller {
	position: absolute;
	top: 24px;
	left: 985px;
	width: 270px;
	height: 531px;
	text-align: left;
	padding: 0px;
	}
#press_display_scroller #track {
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 3;
	border: 1px solid #ABA37B;
	background-color: #fff;
	width: 17px;
	height: 531px;
	}
#press_display_scroller #drag {
    position: absolute;
    left: 2px; 
    top: 0px; 
    z-index: 4; 
    cursor:pointer;
	}
#press_display_scroller #up {
    position: absolute; 
    left: 0px; 
    top: -23px; 
    z-index: 5; 
    cursor: pointer;
	}
#press_display_scroller #down {
    position: absolute; 
    left: 0px; 
    top: 531px; 
    z-index: 2; 
    cursor:pointer;
	}

/*FOOTER*/
#footer{margin:0 auto; width: 800px; text-align:center; font-size:10px; color: #888;}
#footer a {color:#888;}
#footer a:hover {color:#545427;}