body { background: #d1bf6f; background-image: -webkit-linear-gradient(top, #5eabdf 0%, #fcbf30 100%); height:2362px; }

header p { 
	text-align:right;
	color:#b9533c; }

nav ul {  
    list-style: none;  
}  

nav ul li {  
    float: left; 
    width:105px;
    height:37px;
    color: #fff;        
    margin:1px 1px 0 0;
    text-transform: uppercase;
}  
  
nav ul li a {  
    display: block;  
    text-align:center;  
    font-size: 14px;  
    line-height: 37px;  
    text-align: center;  
    text-decoration: none;  
    color: #fff;
    font-size:16px;
    background-color: #676266;
}  
  
nav ul li a:hover {
 	height:41px;
 	position: relative;
 	top:-3px;
 	padding-top:3px;
    color: #fff;      
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}  

nav ul li.selected a { 
 	height:41px;
 	position: relative;
 	top:-3px;
 	padding-top:3px;
    background-color: #b65537;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}  

nav ul li.subscribe a {  
    margin-left: 22px;  
    padding-left: 33px;  
    text-align: left;  
    background: url("rss.png") left center no-repeat;  
}

.menu-black {
	background-color: #292828;
}
.menu-black-toned1 {
	background-color: #333132;
}
.menu-black-toned2 {
	background-color: #403d3e;
}
.menu-black-toned3 {
	background-color: #4d494b;
}
.menu-black-toned4 {
	background-color: #595657;
}
.menu-black-toned5 {
	background-color: #666264;
}
.menu-black-toned6 {
	background-color: #736e70;
}
.menu-black-toned7 {
	background-color: #807a7d;
}
.menu-black-toned8 {
	background-color: #8c8589;
}

.page-wrapper {
	background: url(../img/pyramidogmyndinlevels.png) 50% 43px no-repeat;
	margin: 0 auto;  
    width: 1260px;
}

.content {
	/*background: url(../img/nine-level-stormynd.png) 50% 43px no-repeat;*/	
	height:2133px;

}

.slide-wrapper {
	position:absolute;
	top:1873px;
	display: block;
	height: 252px;
	background-color: #292828;
	width:100%;
	z-index:10;
}

footer { 
	position: relative;
	clear:both;
	height:202px;	
	background: url(../img/footer-bg-small.png) 10px 16px no-repeat;
}
footer p {
	position: relative;
	left:92px;
	top:78px;
	color:#000; 
	height:85px;
	width:240px;
	font-size:24px;
	font-style: normal;
	font-weight: 300;
}

.block-spacer {
	display: block;
  	height:46px;
}

.slide-highlight {
	position:absolute;
	top:1656px;
	display: block;	
	width:100%;
	height:217px;
	-moz-box-shadow:     0 0 40px #403D3E;
   -webkit-box-shadow:  0 0 40px #403D3E;
   box-shadow:          0 0 40px #403D3E;	
}
.slide-highlight.noshadow{
	-moz-box-shadow: none;
   -webkit-box-shadow: none;;
   box-shadow: none;;	
}
.slide-highlight-wrapper{
	position: relative;
	width: 960px;
	height:217px;
	margin: 0 auto;
}
#slide-info{
	position: absolute;
	bottom:0;
	width: 111px;
	height: 200px;
	background-image: url(../img/slideinfo/level-1.png);
		
	background-position: 0 100%;
	background-repeat: no-repeat;
	display: none;
}
#slide-info.level2{
	background-image: url(../img/slideinfo/level-2.png);
}
#slide-info.level3{
	background-image: url(../img/slideinfo/level-3.png);
}
#slide-info.level4{
	background-image: url(../img/slideinfo/level-4.png);
}
#slide-info.level5{
	background-image: url(../img/slideinfo/level-5.png);
}
#slide-info.level6{
	background-image: url(../img/slideinfo/level-6.png);
}
#slide-info.level7{
	background-image: url(../img/slideinfo/level-7.png);
}
#slide-info.level8{
	background-image: url(../img/slideinfo/level-8.png);
}
#slide-info.level9{
	background-image: url(../img/slideinfo/level-9.png);
}
#slide-info a.show-click{
	left:auto;
	right:49px;
}
#slide-info a.up-arrow{
	top: auto;
	bottom: -24px;
}
#slide-info a.hide-click{
	top: auto;
	bottom: -24px;
}
#slide-info a.enlarge{
	position: absolute;
	right: 25px;
	top: auto;
	bottom: -24px;
}
#slide-info .level-indicatior{
	top: -50px;
	left: 25px;
}

#enlarged{
	position: absolute;
	top: 20%;
	left: 10px;
	right: 10px;
	height: 500px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0;
	z-index: 200;
}
#enlarged .wrapper{
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom: 0;
	height: 500px;
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}
#enlarged img{
	position: relative;
}
#enlarged .buttons{
	position: relative;
	top: -58px;
	width: 100px;
	margin: 0 auto;
}
#enlarged a.move-l,
#enlarged a.move-r
{
	 display: inline-block;
	 width: 48px;
	 height: 48px;
	 background-image: url(../img/left-right-button.png);
	 background-position: 0 0;
	 background-repeat: no-repeat;
}
#enlarged a.move-l:hover{
	background-position: 0 -48px;
}
#enlarged a.move-r{
	background-position: 100% 0;
}
#enlarged a.move-r:hover{
	background-position: 100% -48px;
}

.cat-intro {
	width:960px;
	margin:0 10px 0 10px;
	margin: 0 auto;
	height: 252px;
	/*display: block;
	height:252px;
	background-color:#292828;
	position:relative;*/
	/*-moz-box-shadow: 2px 4px #ccc;
	-webkit-box-shadow: 2px 4px #ccc;
	box-shadow: 2px 4px #ccc;	*/
}

.bg-img-big {
	background: url(../img/nine-level-stormynd.png) no-repeat;
	height:207px;
	margin-left:2px;
	/*background-position: 0 -50px;*/
}

.cellular {	
	background-position: 50% -1656px;			
	
}

.mammalian {
	background-position: 50% -1449px;		
	visibility:hidden;
}
.familial {
	background-position: 50% -1242px;
	visibility:hidden;
	
}
.tribal {
	background-position: 50% -1035px;
	visibility:hidden;
}
.cultural {
	background-position: 50% -828px;
	visibility:hidden;
}
.national {
	background-position: 50% -621px;
	visibility:hidden;
}
.planetary {
	background-position: 50% -414px;	
	visibility:hidden;
}
.galactic {
	background-position: 50% -207px;
	visibility:hidden;
}
.universal {	
	background-position: 50% 0px;
	visibility:hidden;
}

.cellular-intro-txt {
	padding-top:70px;
	display: block;
	height:150px;	
}

.cellular-intro-txt h1 {
	width:250px;
	display:inline-block;	
}

.cellular-intro-txt p span.heading {
	font-size:30px; color:#fcbf30;
	font-family: "cronos-pro",arial,clean,sans-serif;
	font-weight:400;
	width:250px;
}

.cellular-intro-txt p span.small {
	font-size:12px;
}

.cellular-intro-txt p {
	font-family: "superclarendon",arial,clean,sans-serif;	
	font-weight: 300;
	font-size:16px;
	width:306px;
	padding-right:10px;
	display:inline-block;
	vertical-align:text-top;
}

a.up-arrow {	
	background: url(../img/menu/panel-option-menu.png) -50px 0px no-repeat;	
	height: 24px;
	width: 24px;
	display:block;
	position: absolute;
	top:-24px;
	right:0;
}

a.up-arrow:hover {	
	background: url(../img/menu/panel-option-menu.png) -50px -25px no-repeat;	
	height: 24px;
	width: 24px;
	display:block;
	position: absolute;
	top:-24px;	
}
a.hide-click {	
	background: url(../img/menu/panel-option-menu.png) 0px 0px no-repeat;	
	height: 24px;
	width: 24px;
	display:block;
	position: absolute;
	top:-24px;
	right: 49px;	
}

a.hide-click:hover {	
	background: url(../img/menu/panel-option-menu.png) 0px -25px no-repeat;	
	height: 24px;
	width: 24px;
	display:block;
	position: absolute;
}

a.show-click {
	background: url(../img/menu/panel-option-menu.png) 0 0px no-repeat;
	height: 24px;
	width: 24px;
	position: absolute;
	left:0px;
}

a.show-click:hover {
	background: url(../img/menu/panel-option-menu.png) 0 -25px no-repeat;
	height: 24px;
	width: 24px;
	position: absolute;
	left:0px;
}

a.enlarge{
	background: url(../img/menu/panel-option-menu.png) -24px 0px no-repeat;
	height: 24px;
	width: 24px;
	display: inline-block;
	position: absolute;
	right: 25px;
	top: -24px;
}
a.enlarge:hover{
	background-position: -24px -25px;
}

.hide { display:none;}

.level-indicatior {
	display:block;
	position: relative;
	top: -30px;
	left: 0;
	height:60px;
	width:60px;	
}

.level1 {
	background: url(../img/level/level-1.png) no-repeat;	
}

.level2 {
	background: url(../img/level/level-2.png) no-repeat;	
}

.level3 {
	background: url(../img/level/level-3.png) no-repeat;
}

.level4 {
	background: url(../img/level/level-4.png) no-repeat;
}

.level5 {
	background: url(../img/level/level-5.png) no-repeat;
}

.level6 {
	background: url(../img/level/level-6.png) no-repeat;
}

.level7 {
	background: url(../img/level/level-7.png) no-repeat;
}

.level8 {
	background: url(../img/level/level-8.png) no-repeat;
}

.level9 {
	background: url(../img/level/level-9.png) no-repeat;
}

.bottom {
	background: url(../img/bottom.png) repeat-x;	
	height: 32px;
	display:block;	
}