/*------------------------------------------------------------
	COMMON in COMMUNICATION
------------------------------------------------------------*/

#app_desc{
	padding:40px 0 20px 0;
}

#app_desc .left{
	width:415px;
	float:left;
	padding-left:30px;
}

#app_desc .right{
	width:415px;
	float:right;
	padding-right:30px;
	text-align:center;
}

#app_desc .left h1{
	text-align:center;
	margin-bottom:30px;
}

#app_desc .right .visual{
	width:415px;
	
	padding-bottom:40px;
}

#app_desc #available{
	background-color:#85add6;
	border:1px solid #336699;
	width:380px;
	text-align:left;
	margin:0 auto;
	padding:20px;
}
#app_desc #available #on_appstore,
#app_desc #available #on_googleplay{
	width:190px;
	float:left;
}
#app_desc #available img{
	margin-bottom:10px;
}

#app_desc #available p{
	background:url('/images/icon_blue_arrow.png') no-repeat left 50%;
	padding-left:12px;
	margin:0;
	text-align:left;
}

#app_desc #available a{
	color:#336699;
	font-weight:bold;
	text-shadow:1px 1px 1px #ffffff;
}

/*
 		INDEX
*/

.communication_home #usage {
	padding-bottom:40px;
	margin: 0 20px;
}

.communication_home #usage h3{
	text-align:center;
}

.communication_home #usage table th{
	padding:10px;
	text-align:center;
}

.communication_home #usage table td{
	padding:10px;
	width:290px;
	font-size:13px;
}

.communication_home .movie_list{
	margin:0 auto;
	padding:20px 0px 30px 0px;
}

.communication_home .movie_list ul li{
	float:left;
	padding:0 0 0 10px;
}

.communication_home .movie_list .leftmovie{
	padding:0;
	height:20px;
}

/*============================================================

	GALLERY
	
============================================================*/

body.gallery #display_gallery_iPad .container{
	width:300px;
	height:400px;
}

body.gallery #display_gallery_iPad .slides{
	position:absolute;
	top:-100px; 
	left:0; 
}

body.gallery #display_gallery_iPad .slides div{
	position:absolute; 
	top:0;
	width:500px;
	display:none;
	padding-top:100px;
}


body.gallery #display_gallery_iPhone, 
body.gallery #display_gallery_iPad,
body.gallery #display_gallery_Android
{
	display:block;
	width:900px;
	padding:40px 20px;
	margin:0;
}

body.gallery #display_gallery_iPhone{
	display:block;
}

body.gallery #loopedSlider_iPhone 
{ 
	width:600px;
	height:600px;
	position:relative;
	margin:0 auto;
}

body.gallery #loopedSlider_iPhone .previous { 
	position:absolute;
	top:145px;
	left:14px; 
}

body.gallery #loopedSlider_iPhone .next { 
	position:absolute;
	top:145px;
	left:554px; 
}


body.gallery #loopedSlider_Android
{ 
	width:600px;
	height:638px;
	position:relative;
	margin:0 auto;
}

body.gallery #loopedSlider_Android .previous { 
	position:absolute;
	top:105px;
	left:34px; 
}

body.gallery #loopedSlider_Android .next { 
	position:absolute;
	top:105px;
	left:534px; 
}


body.gallery #loopedSlider_iPad
{ 
	width:700px;
	height:630px;
	position:relative;
	margin:0 auto;
}

body.gallery #display_gallery_iPad .previous{
	position:absolute;
	top:177px;
	left:31px; 
}

body.gallery #display_gallery_iPad .next{
	position:absolute;
	top:177px;
	left:637px; 
}


body.gallery .containerWrap_iPhone { 
	width:480px;
	height:320px;
	position:relative;
	margin:0 auto;
}

body.gallery .containerWrap_Android { 
	width:400px;
	height:577px;
	position:relative;
	margin:0 auto;
}

body.gallery .containerWrap_iPad { 
	width:512px;
	height:560px;
	position:relative;
	margin:0 auto;
}

body.gallery .containerWrap_iPhone  p{ 
	width:125px;
	height:382px;
	position:relative;
	left:120px;
	top:17px;
	z-index:3;
	overflow:visible;
	display:block;
	margin-bottom:-285px;
}

body.gallery .containerWrap_Android  p{ 
	width:133px;
	height:365px;
	position:relative;
	left:103px;
	top:62px;
	z-index:3;
	overflow:visible;
	display:block;
	margin-bottom:-300px;
}

body.gallery .containerWrap_iPad  p{ 
	width:133px;
	height:365px;
	position:relative;
	left:131px;
	top:45px;
	z-index:3;
	overflow:visible;
	display:block;
	margin-bottom:-319px;
}

body.gallery .container{
	overflow:hidden;
	position:relative;
	cursor:pointer; 
	margin:0 auto;
}

body.gallery #display_gallery_iPhone .container { 
	width:480px;
	height:320px;
}

body.gallery #display_gallery_iPad .container { 
	width:512px;
	height:384px;
}

body.gallery #display_gallery_Android .container { 
	width:400px;
	height:240px;
}

body.gallery .slides { 
	position:absolute;
	top:-100px; 
	left:0; 
}

body.gallery .slides div { 
	position:absolute; 
	top:0;
	display:none;
	padding-top:100px;
}

body.gallery #display_gallery_iPhone .slides div { 
	width:480px;
}

body.gallery #display_gallery_iPad .slides div { 
	width:512px;
}

body.gallery #display_gallery_Android .slides div { 
	width:400px;
}




body.gallery .pagination { 
	position:absolute;
	left:144px; 
}

body.gallery #display_gallery_iPad .pagination {
	top:450px;
	left:200px; 
}
body.gallery #display_gallery_iPhone .pagination,
body.gallery #display_gallery_Android .pagination{ 
	top:400px;
	left:132px; 
}

body.gallery .pagination li {
	float:left;
	margin:0 5px;
}
	
body.gallery .pagination a {
	display:block;
	width:12px; 
	padding-top:12px; 
	height:0; 
	overflow:hidden;
	background-image:url('/images/pagination2.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
	
body.gallery .pagination li.active a {
	background-position:0 -12px;
}


.new {
	height:44px;
	background:url(/images/badge_new.png) left 50% no-repeat;
	padding-left:52px;
	color:#c14437;
	text-shadow: none;
	font-weight: bold;
	margin: 15px 0;
	font-size:16px;
	line-height:1.6;
}