.app_info {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 625px;
	padding: 50px 0 0 0;
	background: url(../front_img/iphone4_bg.jpg) no-repeat -13px 39px;
}
.app_info.ipad {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 625px;
	padding: 50px 0 0 0;
	background: url(../front_img/ipad_bg.jpg) no-repeat -5px 39px;
}
/* Navigation */
.app_info a.back_to_app {
	position: absolute;
	right: 186px;
	top: 4px;
	display: block;
	height: 17px;
	padding: 0 0 0 25px;
	color: #8E8377;
	cursor: pointer;
	background: url(../front_img/back_button_bg.png) no-repeat left top;
}
.app_info a.back_to_app:hover {
	color: #ffa200;
	background: url(../front_img/back_button_bg.png) no-repeat left bottom;
}
.app_info a.back_to_app span {
	height: 21px;
	padding: 0 15px 0 0;
	background: url(../front_img/back_to_app_bg.png) no-repeat right top;
}
.app_info .showcase_nav {
	position: absolute;
	right: 8px;
	top: -2px;
	color: #8e8377;
}
.app_info .showcase_nav span {
	float: left;
	line-height: 29px;
	padding-right: 2px;
}
.app_info .showcase_nav a {
	float: left;
	display: block;
	width: 32px;
	height: 33px;
	margin-left: 7px;
	cursor: pointer;
}
.app_info .showcase_nav a.next_btn {
	background-position: left top;
	background-image: url(../front_img/rounded_button_arrow_front.png);
}
.app_info .showcase_nav a.prev_btn {
	background-position: left top;
	background-image: url(../front_img/rounded_button_arrow_back.png);
}
.app_info .showcase_nav a.next_btn:hover, .app_info .showcase_nav a.prev_btn:hover {
	background-position: left bottom;
}
.app_info .showcase_nav a.next_btn.disabled, .app_info .showcase_nav a.prev_btn.disabled {
	opacity: 0.4;               /* FireFox, Crome, Safari */
	filter:alpha(opacity=40);   /* Internet Explorer */
	background-position: left top;
	cursor: default;
}
.app_list {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 625px;
	padding: 50px 0 0 0;
	background: none;
}
/* --- App Slider --- */
#flowpanes {
	float: right;
	position: relative;
	overflow: hidden;
	width: 647px;
	height: 512px;
	margin: 0 0 0 0;
}
#flowpanes .items {
	position: absolute;
	clear: both;
	width: 20000em;
	height: 512px;
}
#flowpanes .items .item {
	position: relative;
	display: block;
	float: left;
	width: 647px;
	height: 512px;
	margin-right: 10px;
}
#flowpanes .items .item h3 {
	padding-bottom: 4px;
}
#flowpanes .items .item p.app_details {
	float: left;
	width: 322px;
	height: 395px;
}
#flowpanes .items .item .feature_wrapper {
	float: right;
	width: 308px;
	margin-top: 80px;
	padding-bottom: 20px;
	background: url(../front_img/feature_wrapper_bottom.png) no-repeat left bottom;
}
#flowpanes .items .item .feature_wrapper label {
	display: block;
	width: 308px;
	height: 28px;
	color: #fea100;
	padding: 7px 0 0 13px;
	background: url(../front_img/feature_wrapper_top.png) no-repeat left top;
}
#flowpanes .items .item .feature_wrapper ul.features {
	width: 308px;
	padding-top: 7px;
	background: url(../front_img/feature_wrapper_middle.png) repeat-y left top;
}
#flowpanes .items .item .feature_wrapper ul.features li {
	padding: 0 8px 2px 20px;
	margin-left: 10px;
	background: url(../front_img/list_arrow_small.png) no-repeat left 1px;
}
#flowpanes .items .item .social_network {
	position: absolute;
	right: 153px;
	bottom: 159px;
	height: 37px;
}
#flowpanes .items .item .social_network a {
	float: left;
	display: block;
	width: 36px;
	height: 37px;
	margin-left: 2px;
}
#flowpanes .items .item .social_network a.vimeo {
	background: url(../front_img/icon_social_network_vimeo.png) no-repeat left top;
}
#flowpanes .items .item .social_network a.twitter {
	background: url(../front_img/icon_social_network_twitter.png) no-repeat left top;
}
#flowpanes .items .item .social_network a.facebook {
	background: url(../front_img/icon_social_network_facebook.png) no-repeat left top;
}
#flowpanes .items .item .social_network a.flickr {
	background: url(../front_img/icon_social_network_flickr.png) no-repeat left top;
}
#flowpanes .items .item .app_price {
	position: absolute;
	right: 2px;
	top: 22px;
}
#flowpanes .items .item .app_price a {
	display: block;
	width: 263px;
	height: 64px;
	background: url(../front_img/app_price_bg.png) no-repeat left top;
}
#flowpanes .items .item .app_price a span {
	float: left;
	margin-top: 23px;
	margin-left: 12px;
	color: #fea100;
	font-family: Arial;
	font-size: 25px;
	letter-spacing: -.5px;
}
/* --- App List Slider-------------flowpanes_ipad --- */


#flowpanes_ipad {
	float: right;
	position: relative;
	overflow: hidden;
	width: 535px;
	height: 512px;
	margin: 0 0 0 0;
}
#flowpanes_ipad .items {
	position: absolute;
	clear: both;
	width: 20000em;
	height: 512px;
}
#flowpanes_ipad .items .item {
	position: relative;
	display: block;
	float: left;
	width: 535px;
	height: 512px;
	margin-right: 10px;
}
#flowpanes_ipad .items .item h3 {
	padding-bottom: 4px;
}
#flowpanes_ipad .items .item p.app_details {
	float: left;
	width: 240px;
	height: 395px;
	text-align: justify;
}
#flowpanes_ipad .items .item .feature_wrapper {
	float: right;
	width: 273px;
	margin-top: 80px;
	padding-bottom: 20px;
	background: url(../front_img/feature_wrapper_ipod_bottom.png) no-repeat left bottom;
}
#flowpanes_ipad .items .item .feature_wrapper label {
	display: block;
	width: 273px;
	height: 28px;
	color: #fea100;
	padding: 7px 0 0 13px;
	background: url(../front_img/feature_wrapper_ipod_top.png) no-repeat left top;
}
#flowpanes_ipad .items .item .feature_wrapper ul.features {
	width: 273px;
	padding-top: 7px;
	background: url(../front_img/feature_wrapper_ipod_middle.png) repeat-y left top;
}
#flowpanes_ipad .items .item .feature_wrapper ul.features li {
	padding: 0 8px 2px 20px;
	margin-left: 10px;
	background: url(../front_img/list_arrow_small.png) no-repeat left 1px;
}
#flowpanes_ipad .items .item .social_network {
	position: absolute;
	right: 122px;
	bottom: 159px;
	height: 37px;
}
#flowpanes_ipad .items .item .social_network a {
	float: left;
	display: block;
	width: 36px;
	height: 37px;
	margin-left: 2px;
}
#flowpanes_ipad .items .item .social_network a.vimeo {
	background: url(../front_img/icon_social_network_vimeo.png) no-repeat left top;
}
#flowpanes_ipad .items .item .social_network a.twitter {
	background: url(../front_img/icon_social_network_twitter.png) no-repeat left top;
}
#flowpanes_ipad .items .item .social_network a.facebook {
	background: url(../front_img/icon_social_network_facebook.png) no-repeat left top;
}
#flowpanes_ipad .items .item .social_network a.flickr {
	background: url(../front_img/icon_social_network_flickr.png) no-repeat left top;
}
#flowpanes_ipad .items .item .app_price {
	position: absolute;
	right: 2px;
	top: 22px;
}
#flowpanes_ipad .items .item .app_price a {
	display: block;
	width: 263px;
	height: 64px;
	background: url(../front_img/ipad_app_price_bg.png) no-repeat left top;
}
#flowpanes_ipad .items .item .app_price a span {
	float: left;
	margin-top: 23px;
	margin-left: 12px;
	color: #fea100;
	font-family: Arial;
	font-size: 25px;
	letter-spacing: -.5px;
}
/* --- App List Slider --- */
.app_list #flowpanes {
	width:971px;
	height:700px;
	margin-left:-11px;
}
.app_list #flowpanes .items {
}
.app_list #flowpanes .items .item {
	width:971px;
	height:700px;
}
.app_list #flowpanes .items .item .application_wrapper {
	position: relative;
	float: left;
	width: 215px;
	height: 180px;
	margin-right: 15px;
	padding: 20px 0 0 260px;
	background: url(../front_img/application_wrapper_bg.png) no-repeat left top;
}
.app_list #flowpanes .items .item .application_wrapper a.app_thumbnail {
	position: absolute;
	left: 11px;
	top: 11px;
	display: block;
	width: 235px;
	height: 175px;
	z-index: 90;
	background: url(../front_img/application_thumb_bg.png) no-repeat left top;
}
.app_list #flowpanes .items .item .application_wrapper a.app_thumbnail:hover {
	background: url(../front_img/application_thumb_bg.png) no-repeat left bottom;
}
.app_list #flowpanes .items .item .application_wrapper img {
	position: absolute;
	left: 11px;
	top: 11px;
	z-index: 89;
}
.app_list #flowpanes .items .item .application_wrapper h3 {
	width: 215px;
}
.app_list #flowpanes .items .item .application_wrapper h3 a {
    display: block;
    color: #fea100;
}
.app_list #flowpanes .items .item .application_wrapper h3 a:hover {
	text-decoration: underline;
}

.app_list #flowpanes .items .item .application_wrapper p {
	width: 215px;
	text-align: justify;
}
.app_list #flowpanes .items .item .application_wrapper a.more {
	display: block;
	width: 77px;
	height: 17px;
	margin-top: 10px;
	background: url(../front_img/more_details_bg.png) no-repeat left top;
}
.app_list #flowpanes .items .item .application_wrapper a.more:hover {
	background: url(../front_img/more_details_bg.png) no-repeat left bottom;
}
/* --- App Thumbnail Slider --- */
#showcase_info {
	position: relative;
	overflow: hidden;
	width: 228px;
	height: 343px;
	margin: 97px 0 0 23px;
}
#showcase_info_ipad {
	position: relative;
	overflow: hidden;
	width: 303px;
	height: 404px;
	margin: 48px 0 0 53px;
}
#showcase_info_ipad_wraper {
	position: absolute;
	clear: both;
	width: 303px;
	height: 20000em;
}
#showcase_info_ipad_wraper .showcase_info_ipad_item {
	position: relative;
	width: 303px;
	height: 404px;
}
#showcase_info_wraper {
	position: absolute;
	clear: both;
	width: 228px;
	height: 20000em;
}
#showcase_info_wraper .showcase_info_item {
	position: relative;
	width: 228px;
	height: 343px;
}
.navigation {
	position: absolute;
	right: 10px;
	bottom: 15px;
	z-index: 99;
}
.navigation a {
	float: left;
	margin-right: 5px;
	display: block;
	width: 8px;
	height: 7px;
	border: solid 1px #c7c7c7;
	cursor: pointer;
	background: #f7f7f7;
}
.navigation a.active {
	background: #fca000;
}
.scrollable.ipad {
	position: relative;
	overflow: hidden;
	width: 303px;
	height: 404px;
}
.scrollable .items {
	position: absolute;
	clear: both;
	width: 20000em;
	height: 343px;
}
.scrollable.ipad .items {
	position: absolute;
	clear: both;
	width: 20000em;
	height: 404px;
}
.scrollable img {
	float: left;
	width: 228px;
	height: 343px;
}
.scrollable img.ipad {
	float: left;
	width: 303px;
	height: 404px;
}