@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

#iHypeHome {
  text-align: center; 
  min-width: 900px;
		font-family:"Tahoma", Verdana, Arial, sans-serif;
		font-size:12px;
		line-height:17px;
		color:#333;
  background:#d1d1d1 url(../../images/NewHome/home-background.jpg) repeat-x left top;
		margin:5px 0;
}

a:link, a:active, a:visited {
	color: #006699;
}

a img {
	border-width: 0; 
	border-style: none;
}

#wrapper {
  width: 800px; 
  margin: 0 auto; 
  text-align: left;
}

/*
HEADER --------------------- */

#headerHome {
  position:relative;
  height: 78px;
  margin: 0;
  padding: 0;
}

#headerHome h1 {
	position: absolute; 
	top: 8px; 
	left: 0; 
	z-index: 3; 
	width: 278px; 
	background: url(../../images/NewHome/home-logo-ihype.jpg) no-repeat left top;
	text-indent: -9000px;
}

#headerHome h1 a {
	display: block;
	background: url(../../images/NewHome/home-logo-ihype.jpg) no-repeat left top;
	height: 70px;
}

/*
GET STARTED --------------------- */

#getStarted {
 position:absolute;
	top:5px;
	right:3px;
 float:left;
 list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space:nowrap;
 }
	
#getStarted li {
 float: left;
	background:url(../../images/NewHome/arrow-red-small.gif) no-repeat left center;
	text-indent:5px;
	padding-right:11px;
}

#getStarted li a {
	font-weight:bold;
}

#signUpButton {
 position:absolute;
	right:12px;
	top:32px;
	}

#stepsHome {
 position:relative;
 background:#fff url(../../images/NewHome/home-steps-bar.gif) no-repeat left top;
	height:40px;
	font-family:'Myriad Pro', 'Lucida Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	line-height:22px;
	}
	
#stepOne {
 position:absolute;
	top:8px;
	left:140px;
	}
	
#stepTwo {
 position:absolute;
	top:8px;
	left:331px;
	}
	
#stepThree {
 position:absolute;
	top:8px;
	left:576px;
	}
	
#howHome {
 position:relative;
 background:url(../../images/NewHome/home-sign-up-bar.gif) no-repeat left top;
	height:80px;
	font-family:'Myriad Pro', 'Lucida Sans', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
#howHome div {
 position:absolute;
	top:17px;
	right:14px;
	}

#contentHome {
 float:left;
	padding:15px 0 0 21px;
}

/* rounded corner box
================================== */

#contentHome .box {
  position:relative;
  width: 245px;
		height:245px;
		background:url(../../images/NewHome/home-text-box.gif) no-repeat left top;
		float:left;
		margin-right:9px;
}

#contentHome .box h2 {
  background: url(../../images/NewHome/home-text-box-top.gif) no-repeat left top;
  padding: 17px 0 0 16px;
		color:#c80006;
}

#contentHome .box p {
  padding: 10px 22px 0 16px;
}

#contentHome .box p img {
 float:left;
	}

#contentHome .box div {
 position:absolute;
	bottom:10px;
	right:15px;
}

#contentHome .box h2 {
 font-family: 'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
}
	
#footer {
 clear: both; 
	padding:37px 0 30px 0;
	font-family:'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#959595;
	text-align:center;
	}

#footer ul {
 list-style:none;
	float:left;
	padding-left:260px;
	}
	
#footer li {
	float:left;
	border-left:1px solid #acacac;
	line-height:8px;
	white-space:nowrap;
	}

#footer ul a {
 padding: 0 5px 2px 5px;
	color:#959595;
	float: left;
 display: block;
}

#footer ul .first {
  border: none;
}
	
#footer p {
 clear:both;
	padding-top:3px;
	}


.clearfix:after {        
 content: ".";    
 display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
.clearfix {
 display: inline-block;
}

* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}