/*

CSS: explore.css
Primary use: Explore
Depends on: Nothing
Extended by: explode.css

Contents:
1.0 Explore
  
Notes:
Use image folder image/explore
*/

/*****************************************************************
1.0 Explore
*****************************************************************/
/* 1.1 Content Area */
#eX-explore{ overflow: hidden; padding-top:49px; min-height:512px;/*IE6*/ }
#eX-explore ul{ margin-bottom:0; }
#eX-explore h2 { color: #fff; }

/* 1.2 Main Background Image */
.eX-main-image { display:block; height:512px; width:976px; }
	
/* 1.3 Exploding Items */
#eX-explodable-items{ height:0; margin-bottom:0; }
#eX-explodable-items li{ height:0; }
#eX-explodable-items a{ color:#fff; }
.eX-explodable-item{ background: url('../image/explore/explode-bg.png') 0 0 repeat-x;/*IE6*/ color:#fff; padding: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position:absolute; width: 156px; z-index:50; }
.eX-explodable-item:hover{ background: url('../image/explore/explode-hover-bg.png') 0 0 repeat-x;/*IE6*/ margin: -20px 0 0 -20px; border-top: 1px solid #cf7b19; border-bottom: 1px solid #cf7b19; width: 186px; min-height: 90px;/*IE6*/ }
.eX-explodable-item div{ display:none; }
#eX-explodable-items .eX-explodable-item .link{ background-position:2px -12px; display:block; margin-top:15px; }
.eX-explodable-item:hover div{ display: block; }
#eX-explodable-items .eX-explodable-item[href]:hover h2{ color:#f7931e; }
#eX-explodable-items .eX-explodable-item[href='#']:hover h2{ color:#fff; }
#eX-explodable-items .eX-explodable-item:hover .link{ background-position:2px -12px; }

/* 1.4 Navigation Buttons */
#eX-navigation{ height:0; margin-bottom:0; }
#eX-navigation a{ color:#fff; position:absolute; }
a.eX-nav-left { background: url('../image/explore/left-arrow-off.png') 0 0 repeat-x;/*IE6*/ left: 25px; top: 263px; z-index: 100; }
a.eX-nav-left:hover { background: url('../image/explore/left-arrow-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-right { background: url('../image/explore/right-arrow-off.png') 0 0 repeat-x;/*IE6*/ left: 913px; top: 263px; z-index: 100; }
a.eX-nav-right:hover { background: url('../image/explore/right-arrow-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-left img, a.eX-nav-right img { width: 36px; height: 36px; }
a.eX-nav-interior01 { background: url('../image/explore/nav-interior01-off.png') 0 0 repeat-x;/*IE6*/ left: 315px; top: 142px; }
a.eX-nav-interior01:hover { background: url('../image/explore/nav-interior01-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-interior01 img { width: 41px; height: 35px; }
a.eX-nav-interior02 { background: url('../image/explore/nav-interior02-off.png') 0 0 repeat-x;/*IE6*/ left: 566px; top: 115px; }
a.eX-nav-interior02:hover { background: url('../image/explore/nav-interior02-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-interior02 img { width: 41px; height: 35px; }
a.eX-nav-interior03 { background: url('../image/explore/nav-interior03-off.png') 0 0 repeat-x;/*IE6*/ left: 566px; top: 115px; }
a.eX-nav-interior03:hover { background: url('../image/explore/nav-interior03-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-interior03 img { width: 41px; height: 35px; }
a.eX-nav-interior04 { background: url('../image/explore/nav-interior04-off.png') 0 0 repeat-x;/*IE6*/ left: 327px; top: 143px; }
a.eX-nav-interior04:hover { background: url('../image/explore/nav-interior04-on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-interior04 img { width: 41px; height: 35px; }
a.eX-nav-exterior { background: url('../image/explore/ext_arrow_off.png') 0 0 repeat-x;/*IE6*/ left: 27px; top: 246px; }
a.eX-nav-exterior:hover { background: url('../image/explore/ext_arrow_on.png') 0 0 repeat-x;/*IE6*/ }
a.eX-nav-exterior img { width: 28px; height: 53px; }

/* 1.5 Blurb */
#eX-intro-blurb{ bottom:112px; position:absolute; right:50px; width:350px; }
#eX-intro-blurb h1{ text-transform:uppercase; }
#eX-intro-blurb p{ font-size:1.1em; }