*{border:0;margin:0;padding:0;outline:0}
html{width:100%;height:100%;overflow:hidden}

body{font-size: 14px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#FFFFFF; background-color:#000000; height:100%; overflow:auto}

#holder{
	position:absolute;
	width:120%;
	height:120%;
	top:-49px;
	left:-142px;
	overflow:hidden
}
#holder[id]{display:table}
#holder div{position:absolute;left:0;top:50%}
#holder[id] div{display:table-cell;vertical-align:middle;position:static}
#holder img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%; overflow:hidden; min-width:1000px;}
*:first-child+html #holder div{position:absolute}/*force IE 7 back to position:absoulte*/

#main{position:absolute;top:0;left:0;/*z-index:2;*/width:100%; height:100%; min-height: 100%; overflow:auto}



a {	color: #fff; text-decoration:none;}

a:visited {	color:#fff; }

a:hover {color: #564b47;}

a:active { color:#CCCCCC; }

h1 {
	font-size: 11px;
	text-transform:uppercase;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 5% auto 50px auto;
} 

#wideContainer{
min-height:400px;
width: 100%;
padding:0px;
margin: 40px auto 10px auto;

}


/* ----------banner for logo-------------- */
#banner {
	height:35px; /* color of the content column */
	padding: 0px;
	width:auto;
	min-width:1015px;
	margin: 5% 0 40px 0;
	border-bottom:#CCCCCC 5px solid;
	border-top:#CCCCCC 5px solid;
	overflow:visible;

}

/* ----------outer and inner----------------- */
#outer{
	
	margin-top:20px;

 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */

#mainLeft {
 width:40%;
 height:400px; 
 float:left; 
 position:relative;  
 text-align:center;
 margin: 0 auto 0 auto;
 z-index:1;
 }
#mainLeft img{

margin:auto 0 auto 0;

}


#mainRight {
 width:60%;
 height:400px; 
 float:left; 
 position:relative;  
 text-align:center;
 margin: 0 auto 0 auto;
 z-index:1;
 }


#left {
 width:200px;
 height:100%; 
 float:left; 
 position:relative;  
 padding:10px;
 text-align:right;
 border:#CCCCCC solid 3px;
 margin: 0 10px 0 0;
 font-size:14px;
 font:bolder;
 line-height:1.5;
 }



#right {
 width:500px;
 height:100%; 
 float:left; 
 position:relative;  
 padding:10px;
 text-align:left;
 border:#CCCCCC solid 3px;
 }
 
 #center {
 margin:0 auto 0 auto;
 width:600px;
 height:400px; 
 position:relative;  
 padding:10px;
 text-align:center;
 border:#CCCCCC solid 3px;

 }
 
  #quoterMain {
 text-align:right;
 }
 
 #quotedText {
 margin:0 auto 0 auto;
 width:400px;
 height:20px; 
 position:relative;  
 padding:20px;
 text-align:left;
 }
  
 #quoter {
 text-align:right;
 padding-top:10px;
 padding-bottom:30px;
 }
 
  #quotedTextPage {
 width:460px;
 height:auto; 
 position:relative;  
 padding:20px;
 text-align:justify;
 
 }
 
 
 
 #news {
 width:auto;
 height:21px; 
 float: left;
 position:relative;  
 padding: 5px;
 text-align:left;
 margin: 15px 0 0 0;
 font-size:14px;
 font:bolder;
 line-height:1.5;
 border-top:#CCCCCC solid 3px;
 border-right:#CCCCCC solid 3px;
 border-bottom:#CCCCCC solid 3px;


 }
 
 #news p{
 margin:0 0 0 0;
 padding:0;
 display:inline;
 vertical-align:top;
 line-height:21px;
 }
 
 #news b{
 vertical-align:top;
 }

#videos {
 width:640px;
 height:auto; 
 float:left; 
 position:relative;  
 padding:10px;
 text-align:left;
 border:#CCCCCC solid 3px;
 }
 
#videosList ul{list-style:none;}
#videosList li{ height:auto; margin-bottom:30px;}
 
 
 
 #leftTitle {
 width:210px;
 height:25px;
 background-color:#CCCCCC;
 color:black;
 padding-left:10px;
 margin: -10px -10px 5px -10px;
 font-size:16px;
 font:bolder;
 text-align:left;
 }
 
 
 #insert img{
 float:right;
 clear:right;
 padding-left: 10px;
 padding-bottom: 20px;
 }
 
 #insert ul{
 list-style:none;
 }
 
 #insert li{
 padding:10px;
}

#insert h3{
padding-top:10px;
padding-bottom:10px;

}

h2{
padding:0;
margin:0;
}

#maps div{
float:left;
width:250px;
text-align:center;
margin-top:25px;
}

#castBlock{
height:240px;
}

#books ul{
list-style:none;

}
#books li{ height:240px; margin-bottom:15px;}
#books img{
margin-left:50px;
}
#books h3{ margin-top:15px;}


#purchase ul{
list-style:none;
text-align:center;

}
#purchase li{ height:auto; width:300px; margin-bottom:20px; float:left;}
#purchase img{
margin: auto 0 auto 0;
}
#purchase h3{
margin-bottom:10px;
}

 .transparent{
  /* Mozilla ignores crazy MS image filters, so it will skip the following 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/trans.png');*/
}
/* IE ignores styles with [attributes], so it will skip the following. */
.transparent[class] {
  background-image:url(img/trans.png);
}

.invisible{

display:none;

}

p{
padding: 5px 10px;
margin:0px; }

#trailer {
 margin: -20px auto 50px auto;
 position:relative;  
 padding:10px;
 text-align:center;
 }
 #downloads img{
	padding:5px;
	height:35px;
}

#credits {
 width:99%;
 height:128px;
 padding:5px; 
 text-align:center;
 bottom:0;
 }


/* -----------------content--------------------- */
#content{ 
background:black;
position: relative; 
margin: 0px;
height:300px;
/*z-index:10;*/ }



/*  ----------------footer----------------------  
#footer {
z-index:-1;
height:14px;
margin-right:20px;
text-align: left;
position: fixed;
bottom: 0px;
     left: 0px;
     width: 100%;
overflow:hidden; } 

*/
/* -----------------menu-------------------------*/

#menuButtons
{
position:relative;
float:left;
margin: 0 0 0 20px;
}
#menuButtons img{
height: 32px;
padding:2px;
margin-left:10px;
}

.menu{
	border:none;	border:0px;	margin:0px;	padding:0px;
	font: 67% Verdana, Arial, SunSans-Regular, Verdana, Helvetica, sans-serif;
	font-size:14px;	font-weight:bold; overflow:auto;
	}
.menu ul{
		height:35px; list-style:none;	margin:0;	padding:0;
	}
	.menu li{
		float:right;	padding:0px;
		}
	.menu li.first {
	   margin-right:10px;
	}
	.menu li a{
	  color:#cccccc;	display:block;
		font-weight:normal;	line-height:35px;	margin:0px;
		padding:0px 12px;	text-align:left;	text-decoration:none;
				}
	.menu li a:hover, .menu ul li:hover a{
	color:#666666;
	text-decoration:none;
	text-align:left;
	z-index:100;
			}
	.menu li ul{

	 	 display:none;	height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:175px; z-index:10;
		/*top:1em;
		left:0;*/
		}
	.menu li:hover ul{
	
		display:block; float:left;
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:175px;
		
		}
	.menu li:hover li a{
		background:none;
		color:#cccccc
		

		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:right;
		
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			border:0px;
			color:#666666;
			text-decoration:none;
			z-index:15;

			}
	.menu p{
		clear:left;
		}