/* STANDARD HTML TAGS (in alphabetical order, with BODY first) */

body {
	background: #011027 url('../img/bg/body.jpg') center top no-repeat fixed;
	color: #143b67;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

	body * {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

a, a:visited {
	color: #04f;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #e74e10;
	text-decoration: underline;
}

a:active, a:focus {
	outline: none;
}

h1, h2, h3 {
	color: #e74e10;
	font-family: 'Futura Std', Futura, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1 { font-size: 250%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }

/* CUSTOM CSS CLASSES (in alphabetical order) */

.clear {
	clear: both;
}

/* DOM ELEMENTS (in document structure order, hierarchically indented) */

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

	#header {
		left: 0;
		position: absolute;
		top: 0;
	}
	
		#logo {
			background: transparent url('../img/bg/logo.png') left top no-repeat;
			height: 185px;
			left: 10px;
			position: absolute;
			top: 15px;
			width: 165px;
		}
		
			#logo h1, #logo .description {
				text-indent: -9999px;
			}
			
			#logo a {
				display: block;
				height: 185px;
				left: 0;
				position: absolute;
				top: 0;
				width: 165px;
			}
		
		#global_nav {
			background: rgba(161,221,254,0.2);
			border: 1px solid rgba(161,221,254,0.5);
			border-radius: 12px;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius-topleft: 0;
			-moz-border-radius-topright: 0;
			-webkit-border-top-left-radius: 0;
			-webkit-border-top-right-radius: 0;
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			font-size: 90%;
			height: 40px;
			left: 480px;
			overflow: hidden;
			position: absolute;
			text-align: center;
			top: -1px;
			width: 480px;
		}
		
			#global_nav ul {
				line-height: 40px;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#global_nav li {
				border: 1px solid transparent;
				display: inline;
				font-size: 90%;
				margin: 0 10px;
				padding: 5px;
			}
			
			#global_nav li.current {
				background: rgba(161,221,254,0.2);
				border: 1px solid rgba(161,221,254,0.2);
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			
			#global_nav a, #global_nav a:visited {
				color: #a1ddfe;
				text-transform: uppercase;
			}
			
			#global_nav a:hover {
				color: #fff;
				text-decoration: none;
			}
		
		#icon_nav {
			background: rgba(161,221,254,0.2);
			border: 1px solid rgba(161,221,254,0.5);
			border-radius: 12px;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			font-size: 90%;
			left: 0;
			position: absolute;
			top: 225px;
			width: 190px;
		}
		
			#icon_nav ul {
				list-style: none;
				margin: 10px 5px;
				padding: 0;
			}
			
			#icon_nav li {
				float: left;
				font-size: 80%;
				height: 110px;
				text-align: center;
				width: 90px;
			}
			
			#icon_nav img {
				border: 0;
				display: block;
				height: 72px;
				margin: 2px auto;
				width: 72px;
			}
			
			#icon_nav a, #icon_nav a:visited {
				color: #fff;
				display: block;
				font-weight: bold;
				padding: 2px 0;
				text-decoration: none;
			}
			
			#icon_nav .app_title {
				padding: 2px 5px;
			}
			
			#icon_nav li:hover .app_title {
				background: #04f;
				border-radius: 12px;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
			}
			
			#icon_nav li.current .app_title {
				background: #e74e10;
				border-radius: 12px;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
			}
				
	#app_nav {
		font-size: 90%;
		height: 30px;
		left: 215px;
		position: relative;
		top: 140px;
		width: 770px;
	}
	
		#app_nav ul {
			line-height: 30px;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#app_nav li {
			float: left;
			padding: 0 5px 0 0;
			position: relative;
		}
		
		#app_nav li.current {
			z-index: 10;
		}
		
		#app_nav a, #app_nav a:visited {
			background: #e74e10;
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius-bottomleft: 0;
			-moz-border-radius-bottomright: 0;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
			color: #fff;
			display: block;
			padding: 0 15px;
			text-decoration: none;
		}
		
		#app_nav a:hover {
			background: #04f;
			text-decoration: none;
		}
		
		#app_nav li.current a, #app_nav li.current a:visited {
			background: #fff;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			color: #e74e10;
		}
		
		#app_nav li.current a:hover {
		}
	
	#page {
		background: #fff;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
		left: 190px;
		min-height: 500px;
		position: relative;
		top: 140px;
		width: 770px;
	}
	
		#main {
			float: left;
			margin: 40px;
			width: 440px;
		}
		
			#appstore {
				background: transparent url('../img/bg/appstore.png') left top no-repeat;
				height: 52px;
				margin: 1em auto;
				position: relative;
				width: 160px;
			}
			
				#appstore h2 {
					text-indent: -9999px;
				}
				
				#appstore a {
					height: 52px;
					left: 0;
					position: absolute;
					top: 0;
					width: 160px;
				}
		
		#slideshow {
			background: transparent url('../img/bg/slideshow.png') left top no-repeat;
			height: 415px;
			position: absolute;
			right: 30px;
			top: -90px;
			width: 215px;
			z-index: 1;
		}
		
			#slideshow ul {
				left: 27px;
				list-style: none;
				position: absolute;
				top: 71px;
			}
			
			#slideshow li {
				left: 0;
				position: absolute;
				top: 0;
				z-index: 2;
			}
			
			#slideshow li.current {
				z-index: 4;
			}
			
			#slideshow li.previous {
				z-index: 3;
			}
			
			#slideshow img {
				height: 240px;
				width: 161px;
			}
		
		#sidebar {
			color: #e74e10;
			float: left;
			font-size: 90%;
			margin: 315px 40px 40px 20px;
			position: relative;
			z-index: 2;
		}
	
		#wide {
			float: left;
			margin: 40px;
			width: 690px;
		}
		
	#footer {
		color: #fff;
		font-size: 80%;
		left: 190px;
		padding: 1em 0;
		position: relative;
		text-align: center;
		top: 140px;
		width: 770px;
	}
	
		#footer a, #footer a:visited {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer a:hover {
			text-decoration: underline;
		}

		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#footer li {
			display: inline;
			margin: 0 5px;
		}