#demo-wrapper {
	overflow: hidden; 
	height: 421px; 
	width: 837px;
	position: relative;
}
 
#demo-inner {
	width: 2565px;
	height: 635px;
	background-image: url(../images/home-milife-tab.jpg);
	position: relative;
}
 
.scrolling-content {
	width: 139px;
	height: 73px;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}

/* Styling for homepage panel */
#homeArea-1 {
	background: url(../images/home.jpg) no-repeat;
	}
	
#homeArea-1 .text {
	width: 450px;
	height: 300px;
	overflow: hidden;
	font-size: 150%;
	color: #ffffff;
	padding: 76px 0px 0px 38px;
	margin: 0px;
	float: left;
	line-height: 100%;
	}
	
#homeArea-1 .text p {
	margin: 0px;
	padding: 0px;
	}
 
#content1-1 {
	left: 0px; 
	top: 0px;
	width: 837px;
	height: 421px;
	color: #999999;
}
 
#content1-2 {
	left: 832px; 
	top: 172px;
	width: 844px;
	height: 419px;
}
 
#content1-3 {
	left: 1710px; 
	top: 205px;
	width: 844px;
	height: 419px;
}

/* Tab 2 BLACKBERRY */
#demo-inner2 {
	width: 1960px;
	height: 1080px;
	background: url(../images/home-blackberry.jpg) no-repeat;
	position: relative;
}

#content2-1 {
	left: 0px; 
	top: 119px;
	width: 837px;
	height: 421px;
	color: #999999;
}

#content2-2 {
	left: 892px; 
	top: 0px;
	width: 844px;
	height: 419px;
}
 
#content2-3 {
	left: 1114px; 
	top: 667px;
	width: 844px;
	height: 419px;
}

#content2-1 .text {
	width: 500px;
	overflow: hidden;
	font-size: 162%;
	color: #ffffff;
	padding: 217px 20px 5px 0px;
	margin: 0px;
	float: right;
	text-align: right;
	line-height: 100%;
	}
	
#content2-1 .text p {
	margin: 0px;
	padding: 0px;
	}
	
#content2-2 .text {
	width: 370px;
	height: 78px;
	padding: 260px 20px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: right;
	color: #ffffff;
	font-size: 112%;
	line-height: 100%;
	text-align: right;
	}
#content2-2 .text p {
	margin: 0px;
	padding: 0px;
	}
	
#content2-3 .text {
	width: 430px;
	overflow: hidden;
	padding: 145px 0px 0px 336px;
	margin: 0px;
	font-size: 150%;
	color: #ffffff;
	float: left;
	}
#content2-3 .text p {
	margin: 0px;
	padding: 0px;
	}
	
/* Tab 3 MILIFE */
#demo-inner3 {
	width: 2889px;
	height: 573px;
	background: url(../images/home-milife.jpg) no-repeat;
	position: relative;
}

#content3-1 {
	left: 0px; 
	top: 0px;
	width: 837px;
	height: 421px;
	color: #999999;
}

#content3-1 .text {
	width: 450px;
	overflow: hidden;
	padding: 335px 0px 0px 35px;
	margin: 0px;
	float: left;
	}
#content3-1 .text p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 137%;
	line-height: 100%;
	color: #dcebeb;
	}
#content3-1 .text .white {
	color: #ffffff;
	}

#content3-2 {
	left: 1114px; 
	top: 141px;
	width: 837px;
	height: 421px;
}

#content3-2 .text {
	width: 490px;
	overflow: hidden;
	padding: 290px 0px 0px 25px;
	margin: 0px;
	float: left;
	}
#content3-2 .text p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 125%;
	line-height: 110%;
	color: #8a7f73;
	}
 
#content3-3 {
	left: 2043px; 
	top: 141px;
	width: 837px;
	height: 421px;
}

#content3-3 .text {
	width: 350px;
	overflow: hidden;
	padding: 204px 0px 0px 387px;
	margin: 0px;
	float: left;
	}
#content3-3 .text p {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	font-size: 112%;
	line-height: 100%;
	color: #8a7f73;
	}
#content3-3 .text .small {
	font-size: 68%;
	color: #8a7f73;
	letter-spacing: 0.5px;
	}
	
/* Tab 4 PEPPADEW */
#demo-inner4 {
	width: 2274px;
	height: 1047px;
	background: url(../images/home-peppadew.jpg) no-repeat;
	position: relative;
}

#content4-1 {
	left: 0px; 
	top: 0px;
	width: 837px;
	height: 421px;
	color: #999999;
}

#content4-1 .text {
	width: 340px;
	overflow: hidden;
	padding: 15px 0px 0px 20px;
	margin: 0px;
	float: left;
	}
#content4-1 .text p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 137%;
	line-height: 97%;
	color: #ffffff;
	}
#content4-1 .text .colored {
	font-size: 137%;
	color: #d7d8cb;
	height: 100px;
	}

#content4-2 {
	left: 1428px; 
	top: 0px;
	width: 837px;
	height: 421px;
}

#content4-2 .text {
	width: 440px;
	overflow: hidden;
	padding: 85px 0px 0px 252px;
	margin: 0px;
	float: left;
	}
#content4-2 .text p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 100%;
	color: #8a7f73;
	}
#content4-2 .text .colored {
	font-size: 150%;
	color:  #aea7a0;
	}
 
#content4-3 {
	left: 0px; 
	top: 626px;
	width: 837px;
	height: 421px;
}

#content4-3 .text {
	width: 440px;
	overflow: hidden;
	padding: 140px 0px 0px 369px;
	margin: 0px;
	float: left;
	}
#content4-3 .text p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 100%;
	color: #8a7f73;
	}
#content4-3 .text .small {
	font-size: 75%;
	color:  #8a7f73;
	}
	
/* Tab 5 MARS */
#demo-inner5 {
	width: 1597px;
	height: 1554px;
	background-image: url(../images/home-mars.jpg);
	position: relative;
}

#content5-1 .text {
	width: 480px;
	overflow: hidden;
	padding: 260px 20px 0px 0px;
	margin: 0px;
	float: right;
	}
#content5-1 .text p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 160%;
	line-height: 100%;
	color: #dccac5;
	text-align: right;
	}
#content5-1 .text .white {
	color:  #ffffff;
	}

#content5-1 {
	left: 0px; 
	top: 585px;
	width: 837px;
	height: 421px;
	color: #999999;
}

#content5-2 {
	left: 751px; 
	top: 0px;
	width: 844px;
	height: 419px;
}

#content5-2 .text {
	width: 380px;
	overflow: hidden;
	padding: 255px 0px 0px 35px;
	margin: 0px;
	float: left;
	}
#content5-2 .text p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 100%;
	color: #ffffff;
	}
#content5-2 .text .colored {
	color:  #f5f1ec;
	}
 
#content5-3 {
	left: 751px; 
	top: 1133px;
	width: 844px;
	height: 419px;
}

#content5-3 .text {
	width: 520px;
	overflow: hidden;
	padding: 169px 0px 0px 184px;
	margin: 0px;
	float: left;
	}
#content5-3 .text p {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 100%;
	color: #dccac5;
	}
#content5-3 .text .small {
	font-size: 75%;
	color:  #ffffff;
	}
	
/* Tab 6 */
#demo-inner6 {
	width: 4097px;
	height: 421px;
	background-image: url(../images/home-laing.jpg);
	position: relative;
}

#content6-1 {
	left: 0px; 
	top: 0px;
	width: 837px;
	height: 421px;
	color: #999999;
}

#content6-1 .text {
	width: 440px;
	overflow: hidden;
	padding: 70px 0px 0px 45px;
	margin: 0px;
	float: left;
	}
#content6-1 .text p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 156%;
	line-height: 100%;
	color: #c8cbd0;
	}
#content6-1 .text .white {
	color:  #ffffff;
	}

#content6-2 {
	left: 2136px; 
	top: 0px;
	width: 837px;
	height: 421px;
}

#content6-2 .text {
	width: 455px;
	overflow: hidden;
	padding: 306px 0px 0px 425px;
	margin: 0px;
	float: left;
	}
#content6-2 .text p {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-size: 137%;
	line-height: 100%;
	color: #ffffff;
	}
 
#content6-3 {
	left: 3251px; 
	top: 0px;
	width: 10px;
	height: 421px;
}

#content6-3 .text {
	width: 470px;
	overflow: hidden;
	padding: 115px 0px 0px 340px;
	margin: 0px;
	float: left;
	}
#content6-3 .text p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 137%;
	line-height: 100%;
	color: #ffffff;
	}
#content6-3 .text .small {
	color:  #ffffff;
	font-size: 75%;
	}

.contentButtons {
	top: 346px;
	left: 728px;
	height: 44px;
	width: 88px;
	position: absolute;
	}
	
.contentButtons .back {
	float: left;
	}
	
.contentButtons .forward {
	float: right;
	}

/* Homepage */
.homeAreaWrap {
	width: 0px;
	height: 421px;
	float: left;
	overflow: hidden; 
	height: 421px; 
	position: relative;
	}
	
.homeAreaTab {
	width: 20px;
	height: 421px;
	float: left;
	background: url(../images/home-tab-bg.png) no-repeat #ffffff;
	cursor: pointer;
	}