@charset "UTF-8";
/* CSS Document for Splash Intro */
* {
margin:0;
padding:0;
}

html, body {
	width:100%;
	height:100%;
	background-color:#100701;
	background-image:url(../images/site_bg_dark.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0;
	padding:0;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

.clearboth {
clear:both;
}

#pagewrapper {
	width:790px;
	background-repeat:repeat-y;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/paper_bg_tile.jpg);
	background-position:center top;
	height:auto;!important
}

#splashwrapper {
	width:775px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}

a,a:hover {
	text-decoration:none;
	color: #000000;
}

p,h1,h2,h3,h4,h5 {
	font-family:"Times New Roman", Times, serif;
}


/* NAVIGATION MENU FOR NON-FLASH USERS */

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 120px;
	font-size: 13px;
	color: #45281D;
	padding-bottom:2px;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bebaa9;
}

li ul li { /* second-level items */
	padding-top:4px;
	text-transform: uppercase;
	color: #777675;
	text-align: left;
	margin-left:20px;
}

li ul li a, li ul li a:visited { /* second-level items LINKS */
	color: #777675;
}

li ul li a:hover { /* second-level items LINK HOVER*/
	color: #444241;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#navwrapper {
	display: block;
	margin-left: auto;
	text-align:center;
	width:360px;
	height: 13px;
	background-image: url(../images/botmenu_matrix.jpg);
	background-position: 0px 0px;
	margin-top: 20px;
	margin-right: auto;
}

#navwrapper a.story,
#navwrapper a.stores,
#navwrapper a.catalogue {
display:block;
float:left;
height:13px;
}

#navwrapper a.story:hover,
#navwrapper a.stores:hover,
#navwrapper a.catalogue:hover {
background-image:url(../images/botmenu_matrix.jpg);
}

#navwrapper a.story {
width:100px;
}
#navwrapper a.story:hover {
background-position:0px -13px;
cursor: pointer;
}
#navwrapper a.stores {
width:125px;
}
#navwrapper a.stores:hover {
background-position:-100px -26px;
cursor: pointer;
}
#navwrapper a.catalogue {
width:135px;
}
#navwrapper a.catalogue:hover {
background-position:-225px -39px;
cursor: pointer;
}

/* CSS for HTML rotator below (for search spiders and non-flash users) */

#info div.enter {
  margin:0 auto; 
  padding:0; 
  position:relative; 
  width:518px; 
  height:458px; 
  background:url(../images/html_rotator.jpg); 
  z-index:1; 
  overflow:hidden;
  }
  
  #info div.enter a.link {
  display:block;
  position:relative; 
  width:518px; 
  height:458px; 
  z-index:2;
  cursor:pointer;
  overflow:hidden;
  }
  
#info li {
	list-style-type:none;
	width:120px;
	height:112px;
	position:absolute;
  }
#info a {
	display:block;
	width:104px;
	height:0;
	color:#000;
	text-decoration:none;
	padding-top:100px;
	background:transparent;
	overflow:hidden;
	z-index:10;
  }
* html #info a {
  height:112px; 
  height:0;
  }
#info  a#self {
	position:absolute;
	left:84px;
	top:91px;
  }
#info  a#ritual {
	position:absolute;
	left:202px;
	top:31px;
  }
#info  a#body {
	position:absolute;
	left:320px;
	top:91px;
  }
#info  a#mind {
	position:absolute;
	left:84px;
	top:231px;
  }
#info  a#root {
	position:absolute;
	left:190px;
	top:361px;
	width: 170px;
  }
#info  a#living {
	position:absolute;
	left:320px;
	top:231px;
  }
#info a#demos:hover, 
#info a#menus:hover,
#info a#boxes:hover,
#info a#opacity:hover,
#info a#layouts:hover,
#info a#explorer:hover,
#info a#mozilla:hover {
  background-position: 0 0;
  }
#info a#demos:hover b, 
#info a#menus:hover b,
#info a#boxes:hover b,
#info a#opacity:hover b,
#info a#layouts:hover b,
#info a#explorer:hover b,
#info a#mozilla:hover b {
  display:none;
  }
h1.welcome {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #799F2A;
}
#description {
	width: 700px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#flashmovie {
	text-align: center;
}
#description p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
/* Article Divider */
#titleDivider {
	display:block;
	background-image:url(../images/title_divider.gif);
	background-repeat:no-repeat;
	width:100%;
	height:5px;
	width:100%;
	text-align:left;
	padding-bottom:10px;
	background-position: center center;
}