/* Homepage Specific Styles
-------------------------------------------------------------------------------------------------- */
/* safari doesn't like background animated-gif, so I've put the normal header behind it.*/
#branding h1 {background: url(images/header-logo.gif) no-repeat 0 1px;}
#branding h1 a {background-image: url(images/header-logo-animate.gif);}
/* #branding h1.internal a {background-image: url(images/header-logo.gif);}*/

#content-latest-news p,
#content-latest-news dl {margin: 5px 0; font-size: 1.1em;}
#content-latest-news h3 {background: none; line-height: 125%; padding: 0; font-size: 1.55em;}
#content-latest-news strong.more {margin-top: 5px;}
#content-latest-news strong.more a {text-transform: uppercase; text-decoration: none;}
#content-latest-news strong.more a:hover {text-decoration: underline; color: #aaa; background-color: inherit;}

#container {margin-bottom: 0; background: url(images/home-computer.jpg) no-repeat 255px 90px;}
#content h2 {top: 15px; left: 258px; height: 66px; font-size: 1em; line-height: 1em; width: 230px; text-indent: -9999px;
background: url(images/home-image-man.gif) no-repeat 0 0; z-index: 50;}
#content #introduction-text {height: 103px; width: 226px; margin: 25px 0 0 -34px; padding: 10px 0 0 30px; font-size: 1.5em; color: #666;
background: url(images/animation-introduction-text.gif) no-repeat 0 100%; text-indent: -9999px; overflow: hidden; background-color: inherit;}

#content-extra-information {margin-left: -235px; padding: 260px 0 0;}
#content-extra-information ul li {float: left; padding: 0 60px 0 20px; font-size: 1.55em; color: #666; background-color: inherit; background: url(images/icon-arrow.gif) no-repeat 0 3px;}
#content-extra-information ul li a {color: #666; background-color: inherit;}