
html,body {
	background-color: black;
	background-repeat: repeat-x;
	background-image: url(../images/background.jpg);
	height: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

html, div, map, dt, isindex, form {
	display:block;
}

a {
	/*color:#8ED6FF;*/
	color: black;
	text-decoration:none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;

}

.wrap {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:980px;
}

/*
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}
*/

#foot, .push {
	height: 100px;
}

* {
	margin: 0;
	padding: 0;
}

#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* Should be same as foot height. */
}

#head {

	/* overflow and width is needed in order for the div to stretch and cover the floating elements */
	overflow: auto;
	width: 100%;
	margin-bottom: 10px;
	overflow-x:hidden; /* Disable horizontal scrolling... */	
}

#head h1 {
	float: left;
}

#head h1 a {
	background: transparent url(../images/snowsarulogo455x150.png) no-repeat scroll 0 0;
	text-indent: -5000px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:0 none;
	display:block;
	height:150px;
	text-indent:-5000px;
	width:455px;
}

#body {
	clear:left;
	padding-top: 20px;
	overflow: auto;
	width: 100%;
}

/* MENU */
/*
#menu li p {
	margin-top: 5px;
	margin-bottom: 5px;
}
*/


#menu {  
	/*border-style: solid;  
	border-width: 2px;*/
	float: right;
	margin-top: 85px;  
   	padding:0px;
   	background-color: #212121;
   	/*border-color: #b1b1b1;*/
   	-moz-border-radius: 8px;
   	-webkit-border-radius: 8px;
   	
   	/*
   	-moz-box-shadow: 2px -2px 2px #202020;
	-webkit-box-shadow: 2px -2px 2px #202020;
	box-shadow: 2px -2px 2px #202020;
	*/
}
   
#menu > li{  
     width:85px;
     float:left;  
     color:#191919;  
     text-align:center;  
     overflow:hidden;  
}


#menu #menu_about {
	width:100px;
}

#menu > li > a {
	/*border-bottom:1px solid #333333;*/
	line-height: 1.5em;                        
	font-size: 12px;
	color: #366ad8;
	text-decoration:none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	display: block;
	height: 20px;
	padding-top: 3px;
}

#menu #menu_blog a, #menu #menu_about a{
	border-left: 1px solid #2A2A2A;
}


#menu > li > a:hover {
	background-color: #004080;
	color: #e3e3e3;
}

#menu #menu_apps a {
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
}

#menu #menu_about a {
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 0px;
}

.subtext{  
         padding-top:15px;  
}

.small_flag {
	float: right;
	-moz-border-radius: 2px;
   	-webkit-border-radius: 2px;
   	-moz-box-shadow:0 0px 10px #000;
   	-webkit-box-shadow: 0 0px 10px #000;
   	margin-top: 88px; margin-left: 5px; 
   	width: 22px; 
   	height: 16px; 
   	padding: 0px
}

/* BODY */

.app_icon_wrapper {
	height: 100px; width: 100px; float: left;
}

.app_icon {
	-moz-border-radius: 15px;
   	-webkit-border-radius: 15px;
   	height: 96px;
   	width: 96px;
   	-moz-box-shadow:0 1px 10px #000;
   	-webkit-box-shadow: 0 1px 10px #000;
   	
   	float: left;
}

.app_icon:hover {
	/*
	margin-top: -2px;
	margin-bottom: 2px;
	*/
	-moz-box-shadow:0 2px 20px #000;
   	-webkit-box-shadow: 0 2px 20px #000;
}

.appstore_available_now {
	clear: left; 
	float: right;
	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-moz-box-shadow:0 1px 3px #000;
   	-webkit-box-shadow: 0 1px 3px #000;
}


.appstore_available_now:hover {
	/*
	margin-top: -2px;
	margin-bottom: 2px;
	*/
	-moz-box-shadow:0 2px 8px #000;
   	-webkit-box-shadow: 0 2px 8px #000;
}



#content {
	float: left; /*if no iphone placeholder */
	width: 590px;
	padding: 10px;
	background-color: #e9e9e9;
	margin-bottom: 50px;	
	display: block;
	-moz-border-radius: 20px;
   	-webkit-border-radius: 20px;
   	overflow: auto;
   	
   	-moz-box-shadow:0 1px 20px #000;
   	-webkit-box-shadow: 0 1px 20px #000;
}

#content a {
	/*color: black;*/
}

#apps_list {
	list-style-type:none;
}


#apps_list > li {
	overflow: auto;
	width: 560px;
	clear: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 18px;
	padding-right: 10px;
	/*border-bottom:1px solid #AAA;*/
	position: relative;
	/*margin-bottom: 5px;*/
	margin-bottom: 0px;
}

#apps_list > #zen_nihongo {
	border-bottom: 0;
}

.apps_list_content {
	float: left; 
	margin-left: 15px; 
	width: 439px; 
	text-shadow: 1px 1px 0px #DDD;
}

#apps_list > .apps_list_separator {
	border-bottom:1px solid #AAA; 
	height:1px; 
	padding: 0px; 
	margin-top:5px; 
	margin-bottom:5px; 
	width: 590px;
}

.apps_list_content_title {
	font-size: 20px;
	font-weight: bold; 
}

.apps_list_content_description {
	margin-top:10px; 
	margin-left: 20px; 
	margin-bottom: 10px; 
	font-size: 12px; 
	float: left; 
	text-shadow: 0px 0px 0px; 
	
}


#foot {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	/*color: #bababa;*/
	color: #EaEaEa;
	clear: left;
	text-align: center;
	background-color: #212121;
	/*background-color: #0c1728;*/
	position: relative;
}

#foot_logo{
	padding: 20px;
	font-size: 20px;
	text-align: center;
}

#foot_detail {
}


.apps_list_item {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin:0 0 1.5em;
	/*cursor:pointer;*/
	-moz-border-radius: 15px;
   	-webkit-border-radius: 15px;
}

.apps_list_item:hover {
	background-color:  #F9F9F9;
	
}

.iphone_3gs {
    position: relative;           /* establish new containing block */
    float: left; 
    overflow: none; 
    width: 350px; 
    height: 730px;
}

.iphone_3gs_portrait {
	
	position: relative;           /* establish new containing block */
    overflow: none; 
    width: 980px; 
    height: auto;
    
}

.iphone_3gs_small {
    width: 334px; 
    height: 600px;
}
  
.iphone_3gs .iphone_3gs_case, .iphone_3gs .iphone_3gs_screen, .iphone_3gs .iphone_3gs_screen_rel { position: absolute; }
.iphone_3gs .iphone_3gs_case {    top: 0; left: 0; z-index: 1; }
.iphone_3gs .iphone_3gs_screen { 
	top: 106px;  
	left: 33px; 
	z-index: 0; 
}

.iphone_3gs_portrait .iphone_3gs_case_portrait, .iphone_3gs_portrait .iphone_3gs_screen_portrait {
	position: absolute;
}

.iphone_3gs_portrait .iphone_3gs_case_portrait {    top: 0; left: 0; z-index: 1; }
.iphone_3gs_portrait .iphone_3gs_screen_portrait { 
	top: 106px;  
	left: 33px; 
	z-index: 0; 
}

:-moz-any-link {
	cursor:pointer;
}

*|*:-moz-any-link img, img[usemap], object[usemap] {
border:0px solid;
}

a:link, a:visited, a:hover, a:active {
	cursor:pointer;
}

/* CODA Slider */
.panel h2.title { margin-bottom: 10px; display: none; }

/* Galleria */
.gallery_thumb {
	width: auto; 
	height: 50px; 
	opacity: 0.3;
}