@charset "utf-8";
/* CSS Document */

@import 'so-common.css';

#home-hero-swf { margin: 30px auto 0 auto; position: relative; }
#home-hero {background: url(/images/hp-hero.jpg) no-repeat; float: left; height: 200px; margin: 30px auto 0 auto; padding: 315px 0 0 0; position: relative; width: 960px;}
#home-hero .navigate { height: 201px; float: left; padding: 20px 30px 30px 30px;  width: 900px;}

#home-hero .navigate .blurb {color: #B5B5B5; font-size: 95%; float: left; width: 378px; padding: 0 34px 0 0;}
#home-hero .navigate .blurb h1 {background: url(/images/hp-title.gif) no-repeat; height: 87px; margin: 0 0 10px 0; text-indent: -9999px; width: 378px;}
#home-hero .navigate .blurb p { margin: 10px 0 0 0;}
#home-hero .navigate .blurb a {color: #dc9328; font-weight: bold; background: url(/images/blurb-a-arrow.gif) no-repeat right 60%; padding: 0 8px 0 0;}

#home-hero .navigate .portfolio {float: left; margin: 34px 0 0 0; padding: 0 37px 0 0; width: 185px;}
#home-hero .navigate .portfolio a img { border:none;}

#home-hero .navigate .portfolio img { border:1px solid #626360; float: left; margin: 0 15px 0 0;}
#home-hero .navigate .portfolio #portfolioArrow {background: url(/images/hp-arrow.gif) no-repeat right 40%; float: left; padding: 0 28px 0 0; width: 62px;}
#home-hero .navigate .portfolio p { display: block; font-size: 95%; float: left; margin: 17px 0 0 0; width: 100px;}
#home-hero .navigate .portfolio a {color: #b5b5b5;}


#home-hero .navigate .services {float: right; margin: 34px 0 0 0; padding: 0 19px 0 0; width: 242px;}
#home-hero .navigate .services a img { border:none;}

#home-hero .navigate .services img { border:1px solid #626360; float: left; margin: 0 15px 0 0;}
#home-hero .navigate .services #servicesArrow {background: url(/images/hp-arrow.gif) no-repeat right 41%; float: left; padding: 0 28px 0 0; width: 62px;}
#home-hero .navigate .services p { display: block; font-size: 95%; float: left; margin: 18px 0 0 0; width: 155px;}
#home-hero .navigate .services a {color: #b5b5b5;}