/********************************************
 Homepage Media Container (Hero Image/Flash)
*********************************************/
#homeMediaContainer {margin:0 0 20px 0;}

/*****************
 Homepage Modules 
******************/
.homeModule, 
.homeModuleContainer{float:left; display:block;}
.homeModule     {border-top:2px solid #fff; padding-top:8px;     margin:0 0 30px 0;}
.homeModuleContainer .homeModule {                               margin:0 0 15px 0;}
#homeExplore, #homePressNews, 
#homePress, #homeNews, #homeTwitter          {width:237px;}
#homeExperience                 {width:430px; position:relative; margin:0 20px 30px;}
#homeExplore                    {             position:relative;}

/* module headings (background image)*/
.homeModule h3      {height:19px; width:100%; margin-bottom:10px; overflow:hidden; background-color:#000; background-image:url(i/homeHeaders.png); background-repeat:no-repeat; }
.homeModule h3 span {display:block; text-indent:-4999px; height:0; width:0; position:absolute;}
#homeExplore h3     {background-position:0 -76px}
#homeExperience h3  {background-position:0 -19px}
#homePress h3       {background-position:0 -38px}
#homeNews h3        {background-position:0 -57px}
#homeTwitter h3		{background-position:0 -95px}

/* standardized links */
.homeModule a       {text-decoration:none; color:#e5d8bc; font-weight:bold; }
.homeModule a:hover {text-decoration:underline; }

#homeExplore .search a,
#homeNews .homeNewsItem a.more,
#homePress ul li a,
#homeExperience a.more    {background:url(i/bulletDark.gif) no-repeat 0 .25em; padding-left:8px;}
/* Hack, replace 50% with .25EM to fix IE and Firefox discrepencies in treating A and P elements different for background-poistion when element expands to multiple lines */


/* module - Explore the Collections
************************************/
#homeExplore .homeExploreItemImage      {position:relative; }
#homeExplore .homeExploreBg,
#homeExplore .homeExploreText           {position:absolute; top:130px; left:0; height:42px; width:237px; color:#fff;}
#homeExplore .homeExploreBg             {background:#b30000; opacity:.76 /*standards compliant*/; filter:alpha(opacity=76) /*ie6*/;-moz-opacity:.76 /*ff2*/;}
#homeExplore .homeExploreText h4        {margin:0 10px; text-transform:uppercase; line-height:21px; vertical-align:middle; font-weight:bold; font-size:93%;}      
#homeExplore .homeExploreText p         {float:left;  display:inline; margin:0 10px; font-size:85%; width:217px;}
#homeExplore .homeExploreText p span    {float:left;  display:inline;}
#homeExplore .homeExploreText p a       {float:right; display:inline; background:url(i/bulletRed.gif) no-repeat 0 50%; padding-left:8px;}

#homeExplore .search h4 {font-weight:bold; font-size:93%; margin:10px 0;}
#homeExplore .search a  {font-size:93%;}

/* Form */
#homeExplore div.search p {margin:2px 0; width:237px;}
#homeExplore div.search .field,
#homeExplore div.search .watermark {width:180px;}
#homeExplore div.search .button {height:1.8em;}



/* module - What's New
***********************************/
#homeNews .homeNewsItem         {margin-bottom:15px;}
#homeNews .homeNewsItem h4      {font-weight:bold;}
#homeNews .homeNewsItem p       {font-size:93%; }

/* module - Press
***********************************/
#homePress ul           {margin:0 0 20px; font-size:93%; line-height:1.4em; font-weight:bold;}

/* module - Experience the Academy 
***********************************/

/* default state will show the first item only (if JS is not available) */
#homeExperience .homeExperienceDefault  {width:430px; position:relative;}
#homeExperience .homeExperienceDefault ul.homeExperienceLinks             {display:none;}
#homeExperience .homeExperienceDefault ul.homeExperienceContent li        {display:none;}
#homeExperience .homeExperienceDefault ul.homeExperienceContent li.active {display:block;}

#homeExperience .homeExperienceDefault ul.homeExperienceContent li h4 {font-weight:bold; color:#a9813c; display:block; position:relative; margin:10px 0 5px; }
#homeExperience .homeExperienceDefault ul.homeExperienceContent li.active h4{color:#a9813c;}

/* dynamic state is available when JS executes */
#homeExperience .homeExperienceDynamic  {width:430px; position:relative;}
#homeExperience .homeExperienceDynamic ul.homeExperienceContent {display:none;}
#homeExperience .homeExperienceDynamic .homeExperienceImage img {display:block; width:430px; height:170px;}
#homeExperience .homeExperienceDynamic .homeExperienceText p    {display:block; width:378px;              margin-left :26px; font-size:93%;}

#homeExperience .homeExperienceDynamic .homeExperienceLinksPane {display:block; width:378px; height:40px; margin:10px 0 0 26px; overflow:hidden; position:relative;}
#homeExperience .homeExperienceDynamic .homeExperienceLinksPane ul.homeExperienceLinks    {height:100px; width:3000px; position:relative;}
#homeExperience .homeExperienceDynamic .homeExperienceLinksPane ul.homeExperienceLinks li {margin-bottom:10px; width:118px; padding:0 4px; display:inline; float:left; }
#homeExperience .homeExperienceDynamic .homeExperienceLinksPane ul.homeExperienceLinks li a {       color:#a9813c; display:block; font-size:93%; position:relative;}
#homeExperience .homeExperienceDynamic .homeExperienceLinksPane ul.homeExperienceLinks li a:hover { color:#d9ccb1;}
#homeExperience .homeExperienceDynamic .homeExperienceLinksPane ul.homeExperienceLinks li.active a {color:#fff;}

#homeExperience .homeExperienceDynamic a.prev,
#homeExperience .homeExperienceDynamic a.next{position:absolute; display:block; width:18px; height:85px; top:180px; z-index:100; background-image:url(i/bg_HomeExplorer.png); background-repeat:no-repeat; }
#homeExperience .homeExperienceDynamic a.prev {left:0; background-position:0 0;}
#homeExperience .homeExperienceDynamic a.next {right:0; background-position:100% 0;}
#homeExperience .homeExperienceDynamic a.prev span,
#homeExperience .homeExperienceDynamic a.next span {display:block; text-indent:-4999px; overflow:hidden;}

/* clickable headers */
a.linkHeader {display:block; height:19px; width:100%; margin-bottom:10px; overflow:hidden; background-color:#000; background-image:url(i/homeHeaders.png); background-repeat:no-repeat; text-indent:-4999px;}

#homeExplore a#videoHeader     {background-position:0 -76px; width:117px;}
#homePress a#pressHeader       {background-position:0 -38px; width:36px;}
#homeTwitter a#twitterHeader	{background-position:0 -95px; width:177px;}

/* twitter widget */
.twtr-hd {display:none;}
.twtr-ft {display:none;}