@CHARSET "UTF-8";

/* ------------------------------------------------------------------------------------------------ first app */
#first_app						{
	border:							1px solid #c0c0c0;
	
	float:							left;
	
	padding:						5px 0px 5px 0px;
	margin-bottom:						10px;
}

#first_app div.app_box					{
	height:							auto;
}

#first_app div.box					{
	font-size:						9pt;
	text-align:						justify;
	
	float:							left;

	margin:							5px 20px 5px 10px;

	width:							285px;
}


#first_app div.title					{
	font-family:						'book antiqua', 'century gothic', 'helvetica', 'tahoma';
	font-weight:						bold;
	font-size:						20pt;
	text-transform:						capitalize;

	padding-bottom:						4px;
}

#first_app div.company					{
	font-size:						12pt;

	padding:						0px 0px 20px 10px;
}


/* ------------------------------------------------------------------------------------------------ app boxes */
div.app_list						{
	float:							left;
	
	width:							780px;
}

div.app_box						{
	background-color:					#ffffff;

	text-align:						center;

	margin:							5px 5px 10px 5px;

	float:							left;
	z-index:						4;

	width:							250px;
}

div.app_box div.title					{
	font-family:						'book antiqua', 'century gothic', 'helvetica', 'tahoma';
	font-weight:						bold;
	font-size:						12pt;
	text-transform:						capitalize;

	padding:						2px;
	
	height:							50px;
}

div.app_box div.company					{
	font-size:						10pt;
	font-variant:						normal;
	text-transform:						capitalize;
}

div.app_box div.description				{
	background-repeat:					no-repeat;
	
	font-size:						9pt;
	text-align:						left;
	
	margin-bottom:						20px;

	position:						relative;
	left:							0px;
	top:							0px;
	
	z-index:						10;
	visibility:						hidden;
}

div.app_box div.description_inner			{
	background-image:					url('../images/app_bg.png');
	background-repeat:					no-repeat;
	
	padding:						5px 15px;
}

div.app_box div.description_bottom			{
	background-image:					url('../images/app_bg_bottom.png');
	background-repeat:					no-repeat;
	
	height:							10px;
}

div.app_box:hover div.description			{
	visibility:						visible;
}


/* ------------------------------------------------------------------------------------------------ screenshots */
div.app_box div.screenshots				{
	background:						inherit;
	margin:							auto;

	width:							244px;
/*	height:							270px;*/
}

div.app_box div.screenshot				{
	background:						inherit;
	position:						absolute;

	width:							244px;
/*	height:							270px;*/
}

div.app_box div.picture					{
	text-align:						left;
}

div.app_box div.picture img				{
	border:							1px solid #000000;
	padding:						1px;
}

div.app_box div.type					{
	font-style:						italic;
}