#hero { height: 300px; margin-top: 118px; position: relative; margin: 0 auto; width: 760px;}
#hero a { color: #fff; text-decoration: none; }
#hero a:hover { text-decoration: underline; }
#hero > li { display: none; height: 300px; list-style: none; margin:0; }

/* slide link1 */
#hero .link1 h3 {position: absolute; top: 164px; left: 22px; font-size: 22px; color: #fff; font-weight: normal; line-height: 28px; text-align: right;}
#hero .link1 .hero1-795 {position: absolute; top: 0px; left: 540px; border: 0; *top:3px}
#hero .link1 .hero1-server {position: absolute; top: 10px; left: 258px;}
#hero .link1 .hero1-vpslink1 {position: absolute; top: 40px; left: 52px;}
#hero .link1 .hero1-list { position: absolute; top: 150px; left: 518px; font-size: 24px; font-color: #fff; line-height:1.8; list-style-type:none; margin: 0;}
#hero .link1 .hero1-list li { margin: 0; }
#hero .link1 .hero1-list a { color: #fff; text-decoration: none; }
#hero .link1 .hero1-list a:hover {text-decoration: underline; color: #fff;}
#hero .link1 li.buy-now {padding-left:40px; background:transparent url('/images/homepage/heros/1/cart-icon.png') no-repeat; background-position:0 5px; font-weight: 400;}
#hero .link1 li.all-plans {padding-left:40px; background:transparent url('/images/homepage/heros/1/plans-icon.png') no-repeat; background-position:0 5px; font-weight: 400;}


#hero .link1 div.cta { bottom:4em; position: absolute; right: 0px; }
#hero .link1 div.cta p { margin-bottom: .5em; }

#hero .link1 div.cta p.btn-compare-all { background: transparent url('/images/btn-hero-compare-all-plans.png') no-repeat scroll 0 0; height: 65px; text-indent: -9999px; width: 245px; }
#hero .link1 div.cta p.btn-compare-all:hover { background-position: 0 -63px; }
#hero .link1 div.cta p.btn-compare-all a { display: block; height: 100%; }

#hero .link1 div.cta p.btn-buy-now { background: transparent url('/images/btn-hero-buy-link-2-now.png') no-repeat scroll 0 0; height: 65px; text-indent: -9999px; width: 245px; }
#hero .link1 div.cta p.btn-buy-now:hover { background-position: 0 -63px; }
#hero .link1 div.cta p.btn-buy-now a { display: block; height: 100%; }

#hero .link1 .link-compare-all { background: transparent url('http://images.spry.com/icons/16/box.png') no-repeat scroll 0 0; margin: 0 auto; padding-left: 20px; width: 115px; }


/* slide environment */
#hero .environment { padding-left: 350px; }
#hero .environment h2 {border: 0; font-size: 36px; font-weight: 200; color: #fff; line-height: 28px; margin:0 0 .3em;padding-top: 50px; width: auto;}
#hero .environment p { font-size: 18px; color: #fff; line-height: 22px; width: 404px;}
#hero .environment a.hero2-button {background:transparent url('/images/homepage/heros/2/button.png') no-repeat 0 0px; width: 201px; height: 40px; text-indent: -9999px; cursor: pointer; display: block; }
#hero .environment a.hero2-button:hover {background-position: 0 -40px;}
#hero .environment img {position: absolute; top: 2px; left: -40px;}

/* slide 3 */
#hero .projects h2 {font-size: 50px; color: #fff; border: 0; font-weight: 300; text-align: center; line-height: 1em; margin: 0 0 .5em; padding-top: 24px; }
#hero .projects h3 {margin-bottom: 0; padding-bottom: 0; font-size: 16px; font-weight: bold;}
#hero .projects p { color: #eee; font-size: 13px; margin-top: 0px; line-height: 18px;}
#hero .projects ul {list-style: none; font-size: 14px; color: #fff;}
#hero .projects ul li {float: left; display: block; padding-left:40px; text-align: left; background-position:0 5px; margin: 0 12px 1em; width: 170px; }
#hero .projects ul li.col1 { background:transparent url('/images/homepage/heros/3/setup-icon.png') no-repeat; }
#hero .projects ul li.col2 { background:transparent url('/images/homepage/heros/3/terminal-icon.png') no-repeat; }
#hero .projects ul li.col3 { background:transparent url('/images/homepage/heros/3/control-icon.png') no-repeat; }
#hero .projects a.hero3-button {background:transparent url('/images/homepage/heros/3/plans-button.png') no-repeat 0 0px; clear:both; display: block; width: 290px; height: 58px; margin: 0 auto; list-style: none; text-indent: -9999px; }
#hero .projects a.hero3-button:hover {background-position: 0 -60px;}

/* slideshow selector */
#slide-selector { margin:0; padding:0; position:absolute; top: 260px; right:0;}
#slide-selector li {background:transparent url('/images/homepage/selector.png') no-repeat scroll 0 -20px; width: 14px; height: 14px; list-style: none; text-indent: -9999px; cursor: pointer; display: block; float: left; text-align: left; margin: 0 .5em 0 0; }
#slide-selector li.selected {background-position: 0 0px;}
#slide-selector li:hover {background-position: 0 -40px;}