h2 { font-size: 48px; line-height: 110%; text-transform: uppercase }

div#content-container.feature { background-position: center center; background-repeat: no-repeat; background-color: #000;} 

#feature-flash-container { visibility: hidden; position: absolute; width: 100%; height: 100%; z-index: 20; } 

#copy { float: left; display:inline;width: 421px; margin-top: 80px; overflow: visible;}
#copy p,
#copy h1,
#copy h2,
#copy ul { margin-left: 55px; } /* our beer: 65px default: 55px*/
#copy p {margin-top: 15px; line-height: 165%; font-weight: bold; font-size: 11px; }

#copy h1,
#copy h1 a { font-family: Georgia, serif; font-size: 12px; font-style: italic; font-weight: bold; }


#copy h1 { position: relative; margin-bottom: 20px; padding-bottom: 10px; }
#copy h1 a { display: block; position: absolute; right: 0; top: 0; color: #f00;}


#copy .title-container {width:600px;}
/* IE6 HACK - MOVE TO ANOTHER FILE */
##copy .title-container {width:100%;}

#imagry { width: 557px; height: 484px; overflow: hidden; position:absolute; right:0px; overflow:visible;}
#imagry img { display: block; }

ul.feature-nav { overflow: hidden; margin-bottom: 15px; height:auto; width:450px; border-bottom: 1px dotted #b4b4b4; }
ul.feature-nav li { float: left; display:inline-block;margin-left: 15px;}
ul.feature-nav li.first {margin-left:0;}
ul.feature-nav li a { text-transform: uppercase; color: #b4b4b4;font-size:1.1em;}
ul.feature-nav li.active a,
ul.feature-nav li a:hover {color:#fff;}

ol.hotspot-container { position: relative; }
ol.hotspot-container li { position: absolute; z-index: 1; list-style-type: none;  font-size: 1.2em; font-weight: bold; width: 200px;}
.hotspot-container li a { display: block; position: absolute; width:31px; height: 31px; background-image: url(/media/images/hotspot.png); background-repeat: no-repeat; padding: 5px 0 0 10px; font-size: 16px; }
.hotspot-container a.selected,
.hotspot-container a:hover { margin: -5px 0 0 -5px; width: 42px; height: 42px; background-image: url(/media/images/hotspot-selected.png); padding: 10px 0 0 15px; }
.hotspot-container li span.name { display: block; position: absolute; left: 35px; padding-top: 7px; text-align:
 left; color: #fff; width: 140px; text-shadow: 2px 2px 3px #000; font-family: Georgia, serif; font-size: 1.2em; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3);}
 
 
 .hotspot-container li span.dark { left: -135px; }
 
 
 
.hotspot-container li span.right { position: absolute; left: -150px; text-align: right; }

* html .hotspot-container a { background-image: url(/media/images/hotspot.gif); }
* html .hotspot-container a.selected,
* html .hotspot-container a:hover { background-image: url(/media/images/hotspot-selected.gif); }