@charset "UTF-8";
/* CSS Document */

/* Brand Colours
 * Pink:		#E40D62
 * Purple:		#A9218D
 * Green:		#7BC142
 * Blue:		#13B5EA
 */
	
/**************************************/
/* General Definitions */

body 
{
	background-color:#000;
	font-family: "gesta-1","gesta-2", sans-serif;
	line-height:2em;
	color:#FFF;
	margin:0;
	padding:0;
	font-size:14px;

}

p
{
	font-family: "gesta-1","gesta-2", sans-serif;
	font-weight:300;
	color:white;
	font-size:18px;
	line-height:2em;
}

a, a:visited
{
	color:#AAA;
	text-decoration:none;	
}

a:hover
{
	color:#FFF;	
}

a.external {
	background: url(http://yuzamobile.com/assets/images/external_32.png) center right no-repeat;
	padding-right: 13px;
}

.brand_green {
	color:#7BC142;
}
.brand_blue {
	color:#13B5EA;
}
.brand_purple {
	color:#A9218D;
}
.brand_pink {
	color:#E40D62;
}
.font_weight_thin {
	font-weight:300;
}
.font_weight_bold {
	font-weight:700;
}

a.rss-link {
	color:#F90;
}
a.twitter-link {
	color:#9AE4E8;
}

/**************************************/
/* Site Background */

#glowmap
{
	top:0;
	z-index:-2;
	background-color:#000;
	background-image:url(http://yuzamobile.com/assets/images/y_map.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:167px;
	width:100%;
}

#mask
{
	position:absolute;
	top:0;
	z-index:-1;
	height:300px;
	width:100%;
	background-color:transparent;
	background-image:url(http://yuzamobile.com/assets/images/bg_overlay_2.png);
	background-position:top;
	background-repeat:repeat-x;
}


#page
{
	min-height:100%; 
	position:relative;
	margin:0;
	padding:0;
}


/**************************************/
/* Header */

#header
{
	background-color:transparent;
	height:126px;
}

#header_logo {
	cursor:pointer;
	padding-top:20px;
}

#header
{
	background-image:url(http://yuzamobile.com/assets/images/bonsai.png);
	background-position:75% 10px;
	background-repeat:no-repeat;	
}


/**************************************/
/* Menu */
#menu_background
{
	background-color:transparent;
	height:25px;
	background-image:url(http://yuzamobile.com/assets/images/menu_background.png);
	
	background-position:center;

}

#menu ul
{
	margin:0;
	padding:0;
}

#menu ul li
{
	width:126px;
	height:25px;
	
	float:left;
	
	margin-left:0;
	padding-left:0;
	
	margin-left:1px;
	margin-right:0;

	background:url(http://yuzamobile.com/assets/images/menu_button_background.png);
	background-repeat:no-repeat;
	
	display:block;
	text-align:center;
	font-weight:300;
	font-size:16px;
}

#menu ul li a, #menu ul li ul li a
{
	display:block;
}

#menu ul li ul li:hover
{
	color:#F00;
	font-weight:500;
}

#menu ul li ul
{
	visibility:hidden;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	margin-top:-1px;
	padding: 0;
	position: absolute;
	background:none;
	
	border-bottom:1px solid #222;
}
#menu ul li ul li
{
	background-repeat:repeat-y;
	border-top:1px solid #222;
	float: none;
	display: block;
	height:auto;
	line-height:1em;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:300;
}

#menu ul li ul:hover
{
	visibility:visible;
}

.menu_label
{
	font-weight:300;
	font-size:11px;
	line-height:0.9em;
	color:#13B5EA;
}

#menu li.inactive_menu_button
{
	background-color:#000;
}

#menu li.inactive_menu_button a, #menu li.inactive_menu_button a:visited
{
	color:#777;
}


#menu li.inactive_menu_button a:hover
{
	color:#FFF;
}

#menu li.active_menu_button a, #menu li.active_menu_button a:visited
{
	color:#DDD;
	background-color:transparent;
}

#menu li.active_menu_button a:hover
{
	color:#FFF;
	background-color:transparent;
}

		

/**************************************/
/* Page Content */

#content
{
	background-color:transparent;
	padding-bottom:410px; /*must be same (or slightly more - accounting for padding) as height of footer */
}

#content .container
{
	background-image:url(http://yuzamobile.com/assets/images/body_background.png);
	background-repeat:repeat-x;
	display:block;
	min-height:726px;
	background-color:#111111;
	padding-bottom:10px;
	padding-top:10px;
}

#homepage_about_box
{
}

#homepage_about_box h1
{
	padding-top:20px;
	text-align:left;
	font-size:36px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
}

#homepage_about_box p
{
	border-bottom:1px solid #666;
}

#homepage_feature_box
{
	background-image:url(http://yuzamobile.com/assets/images/box_background.png);
	background-repeat:no-repeat;
	background-position:top right;
}

#homepage_feature_box img
{
	position:relative;
	left:24px;
	top:90px;
}

#homepage_feature_box h1
{
	padding-top:10px;
	text-align:left;
	font-size:24px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
}


#homepage_feature_box_iphone
{
	background-image:url(http://yuzamobile.com/assets/images/iphone_ghost.png);
	background-repeat:no-repeat;
	min-height:475px;
	min-width:257px;
}

#homepage_news_box h1
{
	text-align:right;
	font-size:24px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
	margin-bottom:-5px;	
}

#homepage_news_box
{
	text-align:right;	
}

/* Section Buttons */

.section_buttons {}

.section_buttons ul
{
	list-style:none;
	 overflow:auto;
	margin:0;
	padding:0;
}

.section_buttons ul li
{
	padding:5px;
	margin:10px 5px 10px 5px;
	
	font-size:16px;
	
	color:#FFF;
	
	border:1px solid #666;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	
	background-color:#333;
}

.section_buttons ul li:hover
{
	background-color:#444;
}

.section_buttons ul li a
{
	display: block;
}

/* Section Buttons for Apps */
	
	.apps_section_button 
	{
		margin-bottom:20px;
		border:1px solid #666;
		-moz-border-radius-topleft:18px;
		-webkit-border-top-left-radius:18px;
		-moz-border-radius-topright:18px;
		-webkit-border-top-right-radius:18px;
		-moz-border-radius-bottomleft:18px;
		-webkit-border-bottom-left-radius:18px;
		-moz-border-radius-bottomright:18px;
		-webkit-border-bottom-right-radius:18px;
		
		background-color:#333;
		
		min-height:82px;
	
	}
	
	.apps_section_button .mini_app_icon img
	{
		margin:15px;
		width:92px;
		height:92px;
		border:0px solid #FFF;
		-moz-border-radius-topleft:14px;
		-webkit-border-top-left-radius:14px;
		-moz-border-radius-topright:14px;
		-webkit-border-top-right-radius:14px;
		-moz-border-radius-bottomleft:14px;
		-webkit-border-bottom-left-radius:14px;
		-moz-border-radius-bottomright:14px;
		-webkit-border-bottom-right-radius:14px;
	}
	
	.apps_section_button .apps_section_button_app_title
	{
		margin-top:15px;
		font-size:22px;
		color:#FFF;
	}
	.apps_section_button .apps_section_button_app_short_description
	{
		font-size:16px;
		color:#AAA;
	}
	
	.apps_section_button:hover
	{
		background-color:#444;
		cursor:pointer;
	}
	
	.apps_section_buttons ul li a
	{
		display: block;
	}
	
	/* Preview App Gallery */	
	.preview_image_gallery {
		text-align:right;
		margin:15px;
		line-height:normal;
	}
	.preview_image_gallery ul { list-style: none; }
	.preview_image_gallery ul li 
	{ 
		display: inline; 
		padding-left:15px;
	}
	
	.preview_image_gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px;
	}
	.preview_image_gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px;
		color: #fff;
	}

/**********************************************/
/* Twitter */

#twitter_update_list li {
	margin-bottom:10px;
	margin-right:-20px;
	padding-bottom:10px;
	list-style:none;
	border-bottom:1px solid #666;
}

#twitter_update_list a {
	color:#13B5EA;
	text-decoration:none;
}

/**************************************/
/* Footer */

#footer
{
	clear:both;
	position:absolute;
	bottom:0;
	width:100%;
	height:400px; /* Remember to set content padding-bottom value to just above this*/
	background-color:#333;
	background-image:url(http://yuzamobile.com/assets/images/footer_background.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:10px;
}

#footer_apps_box
{
	text-align:left;	
}

#footer_app_title
{
	text-align:left;
	font-size:36px;
	color:#222;
	font-weight:600;
	text-shadow:#444 0 1px;
	padding:0;
	margin:0;
	clear:none;
}

#footer_app_title img
{
	padding-top:70px;
}

.app_box
{
	display:inline-block;
	width:57px;
	height:74px;
	text-align:left;
	color:#777;
	font-weight:500;
	margin-right:20px;
	margin-bottom:10px;
}

.app_box img
{
	width:57px;
	text-align:center;
	height:57px;
	clear:both;
	overflow:hidden;
	background:none;
	top:0;
}

.app_box p
{
	clear:both;
	text-align:center;
	overflow:hidden;
	width:57px;
	font-family:Helvetica, sans-serif !important;
	font-size:11px;
	color:#999;
	font-weight:normal;
}

#credit
{
	text-align:center;
	width:100%;
	color:#222;
	padding-top:20px;
	font-weight:600;
	text-shadow:#444 0 1px;
}

#call_to_action
{
	text-align:center;
	color:#999;	
}
/* App Pages */

#application_about_box
{
}

#application_about_box p img
{
	border:0;
	padding:0;
}

#application_about_box h1
{
	text-align:left;
	font-size:36px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
}

#application_about_box h2
{
	padding-top:0;
	text-align:left;
	font-size:24px;
	color:#13B5EA;
	font-weight:100;
	line-height:1em;
}

.app_descriptive_subtitle
{
	margin-bottom:-1em;
	font-size:24px;
	color:#999;
}

/* App Notes */
#application_notes h1
{
	padding-top:20px;
	text-align:left;
	font-size:24px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
	border-bottom:1px solid #CCC;
}
/* App Gallery */
#image_gallery h1
{
	padding-top:20px;
	font-size:24px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
	border-bottom:1px solid #CCC;
}

#image_gallery {
	background-color: #444;
	text-align:center;
}
#image_gallery ul { list-style: none; padding:0; }
#image_gallery ul li { display:inline; padding:15px 15px 15px 20px; }
#image_gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#image_gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#image_gallery ul a:hover { color: #fff; }

/* App Icons */

img.app_icon
{
	border:0px solid #FFF;
	-moz-border-radius-topleft:25px;
	-webkit-border-top-left-radius:25px;
	-moz-border-radius-topright:25px;
	-webkit-border-top-right-radius:25px;
	-moz-border-radius-bottomleft:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomright:25px;
	-webkit-border-bottom-right-radius:25px;
}

img.mini_app_icon
{
	margin:5px;
	width:72px;
	height:72px;
	border:0px solid #FFF;
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
}


/* General Pages */

#general_box {}

#general_box h1
{
	padding-top:20px;
	text-align:left;
	font-size:36px;
	color:#CCC;
	font-weight:300;
	line-height:1em;
}

#general_box h2
{
	padding-top:0;
	text-align:left;
	font-size:24px;
	color:#13B5EA;
	font-weight:100;
	line-height:1em;
}