

#getting-started {
	width: 100%;
	padding: 0;
	color:#fff;
	background:url(/assets/images/layout/bg-dark.jpg) repeat-x;
}

#getting-started h3 {
	float:left;
	font-size:27px;
	margin:0px;
	padding:0px;
	line-height: 60px;
	color: #fff;
}

#personas {
		float:right;
		margin:0px;
		padding:0px;
}

#personas .persona {
	display: block;
	float: left;
	line-height: 30px;
	margin: 0;
}


#personas .persona .tray {
	display:none;
	position:absolute;
	bottom: 0px;
	left:0px;
	width:840px;
	padding:20px 32px 12px;
	border:1px solid #a5a5a5;
	border-bottom: none;
	background:white;
	z-index: 80;
	
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
	border-radius: 6px;
		
}

#personas .persona .tray .heading-wrap {
	display:table;
	float:left;
	width:210px;
	padding:0 15px 0 0;
}


#personas .persona .tray .heading {
	display: table-cell;
	color: #2f2f2f;
	margin: 0px;
	font-size: 47px;
	height: 123px;
	vertical-align: middle;
	line-height: 45px;
}


#personas .persona .tray .heading.smaller {
	font-size: 28px;
}

#personas .persona .tray .desc {
	float:left;
	width:235px;
	padding:0 20px;
	color:#303030;
	font-size:12px;
	line-height:18px;
}

#personas .persona .tray ul.tray-submenu {
	margin: 0;
	padding-left: 0;
	display: inline-block;
	vertical-align: top;
	float: left;
}


#personas .persona .tray ul.tray-submenu li {
	display: block;
	line-height: 20px;
}


#personas .persona .tray ul.tray-submenu li a {
	color: #569bbe;
	font-size: 13px;
	text-decoration: none;
}


#personas .persona .tray ul.tray-submenu li a:hover {
	text-decoration: underline;
}

#personas .persona.up {
	background: url(/assets/images/pages/home/tick.png) 50% 0 no-repeat;
}

#personas .persona:hover .tray {
	display: block;
}

#personas .persona span.title {
	border-left:1px solid #4c4c4c;
	border-right:1px solid #090909;
	display: block;
	padding: 0 20px;
	margin: 15px 0;
	cursor:pointer;
}


#personas .persona:first-child span.title {
	border-left:0px;
}

#personas .persona:last-child span.title {
	border-right:0px;
}

#personas .persona .tray .full,
#personas .persona .tray .thin,
#personas .persona .tray .wide,
#personas .persona .tray .half
 {
	float:left;
	width:840px;
	padding:0 20px;
	color:#303030;
	font-size:12px;
	line-height:18px;
}
#personas .persona .tray .thin { width: 240px; }
#personas .persona .tray .wide { width: 480px; }
#personas .persona .tray .half { width: 380px; }

