@charset "utf-8";
/*
(c)2009 MortionPortrait, Inc. 
*/

/* init */
/* ---------------------------------------------------------------- */
body, div, 
h1, h2, h3, h4, h5, h6, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, input, textarea, 
table, th, td {
 margin:0;
 padding:0;
} 
p {
 margin:0px;
 text-align:justify;
}
img {
 vertical-align:bottom;
 border:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
ol, ul {
 list-style:none;
}
hr, legend {
 display:none;
}
/* ---------------------------------------------------------------- */


/* base */
/* ---------------------------------------------------------------- */
html {
 overflow-y:auto;
 background:#fff;
 font-size:10px;
}

body {
 color:#000;
 font-size:120%;
 line-height:1.5;
 font-family:sans-serif;
}

#header {
width: 100%;
height: 26px;
margin: 0;
padding: 0;

}

#MPlogo {
float: left;
width: 125px;
height: 26px;
margin: 0;
padding: 0;
}
#MPlogo h1 a {
display: block;
width: 125px;
height: 26px;
margin: 0;
padding: 0;
background: url(../images/logo_mp.gif) no-repeat top left;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}

#lang_en{
float: right;
width: 26px;
height: 26px;
margin: 0 4px 0 0;
padding: 0;
text-indent: -9999px;
}
#lang_en p {
width: 26px;
height: 26px;
margin: 0;
padding: 0;
background: url(../images/lang_en_on.png) no-repeat center center;
}
#lang_en a {
display: block;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
background: url(../images/lang_en.png) no-repeat center center;
overflow: hidden;
text-decoration: none;
}
#lang_en a:hover {
background: url(../images/lang_en_on.png) no-repeat center center;
}


#lang_jp{
float: right;
width: 26px;
height: 26px;
margin: 0 4px 0 0;
padding: 0;
text-indent: -9999px;
}
#lang_jp p {
width: 26px;
height: 26px;
margin: 0;
padding: 0;
background: url(../images/lang_jp_on.png) no-repeat center center;
}
#lang_jp a {
display: block;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
background: url(../images/lang_jp.png) no-repeat center center;
overflow: hidden;
text-decoration: none;
}
#lang_jp a:hover {
background: url(../images/lang_jp_on.png) no-repeat center center;
}

#footer {
 clear:both;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	height:27px;
	overflow: hidden;
	text-align:center;
}
#footer p {
	font-size:75%;
 color:#aaa;
 margin:4px;
	text-align:center;
}

a {
 overflow:hidden;
 text-decoration:none;
}
a:link {
 color:#000;
}
a:visited {
 color:#000;
}
a:hover {
 color:#000; 
 text-decoration:underline;
}
a:active {
 color:#000;
}


}
/* ---------------------------------------------------------------- */



/* TopPage */
/* ---------------------------------------------------------------- */
#wrapper {
 width:320px;
}

ul#nav{
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	height:53px;
	overflow: hidden;
}
ul#nav li{
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
}


#contents_wrapper {
 clear:both;
}

#category_bar {
  text-align:center;
  background:url(../images/category_bar_bg.png) 0 0 repeat;
}

/* ---------------------------------------------------------------- */

#apps_list{

}
.app_icon{
 float:left;
 width:91px;
 height:91px;
 margin:5px;
}
.app_info{
 float:left;
 width:50%;
 padding:5px;
}
.app_arrow{
 width:15%;
 height:100px;
 float:right;
 margin:0px;
 background: url(../images/arrow_right.png) center center no-repeat;
 display:block;
 vertical-align:middle;
}

#apps_list p{
 line-height:120%;
 margin:0 0 5px 0;
}

#line {
 clear:both;
 width:100%;
 height:1px;
 background: url(../images/line.gif) left bottom repeat-x;

}

/* PhotoSpeak Page */
/* ---------------------------------------------------------------- */
#photospeak {
 background:#c8d2de;
 text-align:center;
}
#photospeak p {
 color:#666;
 background:#eee;
 margin:0px;
 padding:20px;
}
#photospeak p#screenshot{
 text-align:center;
 color:#666;
 background:#eee;
 margin:0px;
 padding:0px;
}
#photospeak p img{
 margin:10px 0;
}

#photospeak_icon{
 margin:20px 20px 10px 20px;
}
#photospeak_video{
}
#photospeak h3{
 color:#666;
 background:#bbb;
 margin:0px;
}

/* Brain Controller Page */
/* ---------------------------------------------------------------- */
#brain_ctrl {
 background:#000 url(../images/brainctrl_bg.png) 0 0 repeat;
 text-align:center;
}
#brain_ctrl p {
 text-align:center;
 color:#07a;
 background:url(../images/alpha_eee.png) 0 0 repeat;
 margin:0px 20px;
 padding:10px;
}
#brain_ctrl p img{
 margin:10px 0;
}

#brain_ctrl_icon{
 margin:20px;
}
#brain_ctrl h3{
  background:#cdf;
 margin:0px 20px 0px 20px;
}
.space {
 margin:10px;
}
.right {
 text-align:right;
}

/* ---------------------------------------------------------------- */