/* RESET */
html,body,div,ul,ol,li,p { margin: 0; padding: 0; }

/* TYPE */
body { font: 1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }

/* hero
------------------------*/

#overview #herocontent { width: 980px; padding: 0 0 9px; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }

/* gallery triggers */

.gallery #gallery-triggers { position:absolute; left:0; width:100%; margin:0; padding:0; bottom:17px; overflow:hidden; z-index:1; text-align:center; line-height:1px; }
.gallery #gallery-triggers li,
.gallery #gallery-triggers li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.gallery #gallery-triggers li { position:relative; margin:0; width:19px; height:15px; z-index:1; }
.gallery #gallery-triggers li a { position:absolute; width:15px; height:45px; top:0; left:0; outline:none; cursor:pointer; text-indent:-9999px; background:url(hero-nav-20110606.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); z-index:1; }
.gallery #gallery-triggers li a:hover { top:-16px; }
.gallery #gallery-triggers li a.active { cursor:default; top:-31px; }

/* overview */

#overview .gallery { margin: -0px auto 0px; padding: 0px; position: relative; width: 900px; height: 300px; overflow:hidden; z-index: 0;	}

#overview .gallery .hero-content { position:absolute; top:100px; left:530px; width:370px; }
#overview .gallery p { font-size:1.65em; line-height:1.2em; color:#8b8b8b; letter-spacing:-1px; }
#overview .gallery p a { clear:both; font-size:0.5em; clear:both; padding:10px 0; }
#overview .gallery a img { float:left; margin-right:5px; }
#overview .gallery a em { float:left; margin-top:20px; }

#overview .gallery #herogallery .heroimage { width: 900px; height: 300px; float: left; -webkit-transform:translateZ(0); position:relative; }
#overview .gallery #herogallery a:hover{cursor:hand;}
#overview .gallery #herogallery img.title { position:absolute; top:42px; left:520px; margin:0; }
#overview .gallery #herogallery .hero-1 img.title { left: 520px; top: 42px; }

#overview .gallery #herogallery img.splash { position:absolute; }
#overview .gallery #herogallery .hero-1 img.splash { top:0px; left:0px; }
#overview .gallery #herogallery .hero-2 img.splash { top:0px; left:0px; }
#overview .gallery #herogallery .hero-2 .hero-content { width: 300px; }
#overview .gallery #herogallery .hero-3 img.splash { top:0px; left:32px; }
#overview .gallery #herogallery .hero-4 img.splash { top:0px; left:0px; }
#overview .gallery #herogallery .hero-5 img.splash { top:0px; left:0px; }
#overview .gallery #herogallery .hero-6 img.splash { top:0px; left:0px; }

#overview .gallery #herogallery { width: 5400px; height: 300px; -webkit-transform:translateZ(0); }
#overview .gallery #herogallery.dragging { -webkit-transition: none; }
#overview .gallery #herogallery .heroimage a { display: block; height: 100%; width: 100%; }