html, body {height:100%;margin:0px;}
html {overflow-x: hidden;}
#wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -45px;}

/* HEROS - DONT TOUCH */
.hero {position:relative; z-index:1; background-color:#000000; background-repeat:repeat-x}
	.hero .bg {background-repeat:no-repeat; background-position:center top; margin:0 auto; position:relative;}
		.hero .inner {height:200px; width:960px; margin-left:-480px; left:50%; position:relative; visibility:hidden;}
			.hero .pic {display:block; position:absolute;}
			.hero .shade {background:transparent url('/assets/img/shade.png'); position:relative; top:32px; height:90px; display:inline-block; padding:23px 30px;}
				.hero h2 {text-transform:uppercase; font-size:40px; padding:40px 0 10px 0; margin:0; color:#fff;}
				.hero h3 {text-transform:uppercase; font-size:16px; margin:0; color:#fff;}
				.hero p {padding-top:11px; width:300px; margin:0; color:#fff;}
				.hero .ctaArrow {display:inline-block; padding-right:10px; background:transparent url('/assets/img/arrow_hero.png') no-repeat right 6px; *background-position:right 3px;}
				.hero .ctaArrow + .ctaArrow {margin-left:22px;}
					.hero .ctaArrow a {color:#fff; font-size:13px;}
					.hero .ctaArrow a:hover {text-decoration:none; border-bottom:1px solid #fff;}

.hero#heroHome {}
	.hero#heroHome .inner {height:320px; width:1300px; margin-left:-650px;}
	.hero#heroHome .slide {position:absolute; height:320px; width:1300px; background:transparent url('images/hero_bg.jpg') repeat-x;}
		.hero#heroHome .shade {margin:76px 129px 4px 168px; padding:29px 35px 28px; height:auto; min-width:700px;}
		.hero#heroHome .space {padding-left:121px; min-width:607px;}
		.hero#heroHome img.left {border:none; margin:0 0 0 -86px;}
		.hero#heroHome .chip {background:transparent url('/assets/img/chip.png') no-repeat 0 0; height: 70px; padding-left: 85px;}
			.hero#heroHome .chip920 {background:transparent url('/assets/img/chip.png') no-repeat 0 -70px; height: 70px; padding-left: 85px;}
		.hero#heroHome .line1 {font-size:28px; text-transform:uppercase; display:block; color:#fff; padding:38px 0 10px 0;}
		.hero#heroHome h2 {font-size:48px; padding-top:0;}
		.hero#heroHome p {width:auto; font-size:17px; color:#fff; padding:8px 0 22px 0; float:left; text-transform:none;}
		.hero#heroHome .cta {clear:left;}
#home #dots {position:absolute; width:120px; height:10px; left:606px; bottom:10px; z-index:100;}
	#home #dots a {text-indent:-9999em; display:block; height:10px; width:10px; background:transparent url('images/hero_paginate.png') no-repeat; padding:0; float:left; margin-right:0;}
	#home #dots a:hover {border:none;}
	#home #dots a + a {margin-left:16px;}
	#home #dots a.activeSlide {background-position:-10px 0;}


/* FLUID HERO CODE */

	.hero#heroHome #hero1 .pic {background:transparent url('images/prestera.jpg') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero2 .pic {background:transparent url('images/88X3240P.jpg') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero3 .pic {background:transparent url('images/hero-coolpad.jpg') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero4 .pic {background:transparent url('images/hp-slate.jpg') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}

	.hero#heroHome #hero1 .shade {background: none; padding: 0; top: 30px; *padding-top: 76px;}
	.hero#heroHome #hero1 h2 {width: 460px; font-size:36px;}
	.hero#heroHome #hero1 p {width: 450px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}

	.hero#heroHome #hero2 .shade {background: none; padding: 0; top: 26px; *padding-top: 76px;}
	.hero#heroHome #hero2 h2 {width: 460px; font-size:36px;}
	.hero#heroHome #hero2 p {width: 700px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}

	.hero#heroHome #hero3 .shade {background: none; padding: 0; top: 36px; *padding-top: 76px;}
	.hero#heroHome #hero3 h2 {width: 740px; font-size:36px;}
	.hero#heroHome #hero3 p {width: 440px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}
	
	.hero#heroHome #hero4 .shade {background: none; padding: 0; top: 20px; *padding-top: 76px;}
	.hero#heroHome #hero4 h2 {width: 460px; font-size:36px; text-transform: none;}
	.hero#heroHome #hero4 p {width: 350px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}


.nolink { cursor: default;}