#packages
{
	width: 540px;
	height: 275px;
	position: relative;
	top: 0px;
	left: 75px;
	background-color: #019D92;
	overflow: hidden;
}


/* ===== PACKAGES LAYOUT ===== */


#packages ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#packages ul li
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.packages
{
	display: block;
	overflow: hidden;
	height: 250px;
	width: 18px;
	position: relative;
	cursor: pointer;
}

#packages img 
{
	border: none;
	padding: 0px;
	margin: 0px;
}

#package1content
{
	background-color: #A3E3DF;
	color: #333333;
	display: block;
	overflow: hidden;
	height: 250px;
	width: 486px;
	position: relative;
	margin-left: 18px;
}

#package2content
{
	background-color: #3BB2A9;
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	height: 250px;
	width: 486px;
	position: relative;
	margin-left: 18px;
}

#package3content
{
	background-color: #65474F;
	color: #fff;
	display: block;
	overflow: hidden;
	height: 250px;
	width: 486px;
	position: relative;
	margin-left: 18px;
}

#package4content
{
	background-color: #010101;
	color: #fff;
	display: block;
	overflow: hidden;
	height: 250px;
	width: 486px;
	position: relative;
	margin-left: 18px;
}

#package1
{
	width: 486px; /* first package to be displayed on page load needs width to be defined */
}

#packages ul li img
{
	position: absolute;
	z-index: 10;
	border: none;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

#p1img, #p2img, #p3img, #p4img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 166px;
}

/* ===== PACKAGES TEXT ===== */

#packages h3 
{
	background-color:#94BBCA;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:25px;
	padding:5px 0px 0px 15px;
}

#packages ul li span.pheading
{
	width: 300px;
	display: block;
	padding: 0;
	margin: 8px 0px 0px 176px;
	overflow: hidden;
	font-size: 1em;
}

#packages ul li span.pheading a
{
	color: #FFFFFF;
}

#package1 span.pheading a
{
	color: #6A4C54 !important;
}

#packages ul li span.pheading a:hover;
{
	text-decoration: underline;
}

#packages ul li span.ptext
{
	width: 290px;
	display: block;
	padding: 0;
	margin: -14px 0px 0px 176px;
	max-height: 220px;
	overflow: hidden;
	font-size: .9em;
}