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

* {
	padding:0;
	margin:0;
	outline:0;
}
html {
	height:100%;
	margin-bottom:1px
}
body {
	font:62.5%/1.7 Helvetica, "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	background: #ebebeb url(../_img/bg.png) left top repeat-x;
	height: 100%;
}
a {
	color:#2a2a2a;
	text-decoration: none;
}
a:hover {
	color: #000;
}
p {
	margin-bottom: 1em
}
sup {
	vertical-align:top;
	font-size:70%
}
.note {
	padding:1em;
	border:1px
}

h1 {
	background: url(../_img/logo.png) left top no-repeat;
	overflow: hidden;
	text-indent: -999em;
	width: 223px;
	height: 34px;
	position: absolute;
	top: 144px;
	left: 401px;
}
#panels {
}

.panel {
	float: left;
	display: none;
	height: 0;
	position: absolute;
	top: 210px;
	left: 87px;
	width: 231px;
	height: 332px;
	float: left;
}
.active {
	display: block;
}

.panel span {
	display: block;
	list-style: none;
	position: absolute;
	top: -10px;
	left: 314px;
	width: 520px;
	height: 4em;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
}
.panel li {
	display: block;
	list-style: none;
	width: 231px;
	height: 332px;
	overflow: hidden;
}


#wrapper {
	background: url(../_img/header.png) left top no-repeat;
	position: relative;
}
#phone {
	background: url(../_img/phone.jpg) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 379px;
	height: 686px;
}
#appstore {
	background: url(../_img/appstore.png) left top no-repeat;
	position: absolute;
	top: 685px;
	left: 116px;
	width: 172px;
	height: 53px;
}
	#appstore a {
		display: block;
		width: 172px;
		height: 53px;
		overflow: hidden;
		text-indent: -999em;
	}

#meta {
	position: absolute;
	top: 61px;
	left: 0;
	width: 923px;
	height: 1em;
	text-align: right;
	color: #8ca2a0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#meta a {
	color: #8ca2a0;
}
#meta a:hover {
	color: #fff;
}
#menu {
	width: 535px;
	height: 98px;
	overflow: hidden;
	position: absolute;
	left: 401px;
	top: 296px;
}
	#menu li {
		display: block;
		width: 107px;
		height: 98px;
		float: left;
	}
	#menu a {
		display: block;
		width: 100%;
		height: 98px;
		overflow: hidden;
		text-indent: -999em;
	}
	#menu li.raise a {
		background: url(../_img/raise.png) left 0 no-repeat;
	}
	#menu li.toast a {
		background: url(../_img/toast.png) left 0 no-repeat;
	}
	#menu li.make a {
		background: url(../_img/make.png) left 0 no-repeat;
	}
	#menu li.share a {
		background: url(../_img/share.png) left 0 no-repeat;
	}
	#menu li.our a {
		background: url(../_img/our.png) left 0 no-repeat;
	}
	#menu li.active a {
		background-position: left -98px;
	}

#download {
	width: 429px;
	height: 57px;
	overflow: hidden;
	position: absolute;
	left: 447px;
	top: 444px;
}
	#download a {
		width: 429px;
		height: 57px;
		display: block;
		overflow: hidden;
		text-indent: -999em;
		background: url(../_img/button_download.png) left 0 no-repeat;
	}
	#download a:hover {
		background: url(../_img/button_download.png) left -57px no-repeat;
	}
	#download a:active {
		background: url(../_img/button_download.png) left -114px no-repeat;
	}

#download_meta {
	width: 429px;
	height: 1.5em;
	text-align: center;
	overflow: hidden;
	position: absolute;
	left: 447px;
	top: 505px;
	font-size: 1.1em;
	color: #888;
}

#st_wrap {
	position: absolute;
	top: 30px;
	width: 923px;
	text-align: right;
}
#st_wrap a.stbutton {
	color: #8ca2a0;
	padding-top: 2px;
	font-size: 1.1em;
	padding-right: 0;
}
	
#body {
	padding: 540px 0 0 402px;
	width: 520px;
	text-shadow: #fff 0px 1px;
}
	#body h2,
	#body h3 {
		font-size: 1.6em;
		margin-bottom: 1em;
	}
	#body p {
		font-size: 1.4em;
		margin-bottom: 1.5em;
	}
	#body p.footer {
		font-size: 1em;
		margin: 4em 0 8em;
	}
	#body li {
		font-size: 1.4em;
		margin-bottom: 1.5em;
		list-style: none;
	}
	
	
#faq {
	position: absolute;
	background: url(../_img/mask.png) top left repeat;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.ie6 #faq {
	background: url(../_img/mask.gif) top left repeat;
}
	
	#faq_top {
		background: url(../_img/faq_top.png) left top no-repeat;
		width: 577px;
		margin: 50px auto 0;
		position: relative;
	}
	.ie6 #faq_top {
		background: url(../_img/faq_top.gif) left top no-repeat;
	}
		#close {
			position: absolute;
			top: 0;
			right: 0;
			width: 35px;
			height: 35px;
			cursor: pointer;
			background: url(../_img/faq_top.png) right top no-repeat;
		}
		.ie6 #close {
			background: url(../_img/faq_top.gif) right top no-repeat;
		}
		.inside {
			padding: 47px 45px 0 47px;
			text-shadow: #fff 0px 1px;
		}
		.inside h2 {
			color: #276b63;
			font-size: 1.6em;
			margin-bottom: .5em;
			text-indent: -.9em;
;
		}
		.inside h3 {
			font-size: 1.4em;
			margin-bottom: 0em;
			line-height: 1.2;
			text-indent: -.9em;
		}
		.inside p {
			font-size: 1.1em;
			padding-bottom: 1.5em;
			margin: 0;
		}
		.inside a {
			text-decoration: underline;
		}
	#faq_bottom {
		background: url(../_img/faq_bot.png) right bottom no-repeat;
		width: 577px;
		height: 40px;
		margin: 0 auto 50px;
	}
	.ie6 #faq_bottom {
		background: url(../_img/faq_bot.gif) right bottom no-repeat;
	}