html{
	background-color: #f4f4f4;
	background-image: url(./images/bg.jpg);
	width: 100%;
	height: 100%;
}

a{
	color: #e95d45;
	border-bottom: 1px solid #fbb5a9;
	text-decoration: none;
	-webkit-transition: all .1s ease-in-out;
}

a:hover{
	-webkit-transition: all .1s ease-in-out;
	color: #c71f00;
	border-bottom: 1px solid #ffddd8;
	text-decoration: none;
}

aside a{
	border: none !important;
}

body{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	min-height: 100%;
	width: 980px;
	padding: 0 60px;
	background: white;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	margin: 0 auto;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

header{
	background-image: url(./images/head-bg.jpg);
	background-repeat: repeat-x;	
	text-align: center;
	width: 980px;
	padding: 0 60px;
	margin-left: -60px;
}

.imiwa-title{
	width: 172px;
	height: 35px;
	background-image: url(./images/imiwa-title.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-top: 177px;	
}

header h1{
	color: #e95d45;
	font-size: 36px;
	display: block;
	font-weight: 200;
	margin-top: 18px;
	margin-bottom: 0;
}

header p{
	color: #727277;
	font-size: 16px;
	line-height: 24px;
	width: 520px;
	display: inline-block;
	margin-top: 30px;
}

aside{
	width: 905px;
	height: 764px;
	background-image: url(./images/iphone.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
}


@keyframes animate_iPhone {
	0%,10%,15% {
		background-image: url('./images/iphone-screen.jpg');
	}
	20%,25%,30% {
		background-image: url('./images/function-sidemenu.jpg');
	}
	35%,40%,45% {
		background-image: url('./images/function-lookup.jpg');
	}
	45%,50%,55% {
		background-image: url('./images/function-examples.jpg');
	}
	60%,65%,70%,75% {
		background-image: url('./images/function-skip.jpg');
	}
	80%,85%,90%,95% {
		background-image: url('./images/function-entry.jpg');
	}
	100% {
		background-image: url('./images/iphone-screen.jpg');
	}
}

@-webkit-keyframes animate_iPhone {
	0%,10%,15% {
		background-image: url('./images/iphone-screen.jpg');
	}
	20%,25%,30% {
		background-image: url('./images/function-sidemenu.jpg');
	}
	35%,40%,45% {
		background-image: url('./images/function-lookup.jpg');
	}
	45%,50%,55% {
		background-image: url('./images/function-examples.jpg');
	}
	60%,65%,70%,75% {
		background-image: url('./images/function-skip.jpg');
	}
	80%,85%,90%,95% {
		background-image: url('./images/function-entry.jpg');
	}
	100% {
		background-image: url('./images/iphone-screen.jpg');
	}
}

aside .iphone-slideshow {
	background-image: url('./images/iphone-screen.jpg');
	width: 270px;
	height: 480px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 101px;
	left: 317px;
	animation-name: animate_iPhone;
	animation-delay: 5s;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: linear;
    transition: margin-top 0.1s linear; 
	-webkit-animation-name: animate_iPhone;
	-webkit-animation-delay: 5s;
	-webkit-animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
    -webkit-transition: margin-top 0.1s linear; 
}

aside .iphone-slideshow2 {
	background-image: url('./images/iphone-qrscan.jpg');
	width: 270px;
	height: 480px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 101px;
	left: 317px;
}

aside .gloss{
	width: 270px;
	height: 480px;
	background-image: url(./images/gloss.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 422px;
	z-index: 100;
}

.icons-left{
	width: 200px;
	position: absolute;
	left: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.icons-right{
	width: 200px;
	position: absolute;
	right: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.icons-left h3, .icons-right h3{
	color: #cf140e;
	font-size: 24px;
	font-weight: 200;
	margin-top: 5px;
	margin-bottom: 0;
}

.icons-left p, .icons-right p{
	color: #8a8d9a;
	font-size: 14px;
	line-height: 18px;
	margin-top: 15px;
	margin-bottom: 0;
}

.dictionary, .examples{
	top: 240px;
}

.tab-icon{
	background-image: url(./images/tab-icons.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	display: inline-block;
}

.dictionary .tab-icon{
	background-position: 0 -2px;
}

.kanji .tab-icon{
	background-position: 0 -82px;
}

.examples .tab-icon{
	background-position: -80px -2px;
}

.lists .tab-icon{
	background-position: -80px -82px;
}

.kanji, .lists{
	top: 480px;
}


.tab-icon-qr {
	background-image: url(./images/tab-icons-qr.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	display: inline-block;
}

.install, .select{
	top: 240px;
}
.install .tab-icon-qr{
	background-position: 0 -2px;
}

.click .tab-icon-qr{
	background-position: 0 -82px;
}

.select .tab-icon-qr{
	background-position: -80px -2px;
}

.flash .tab-icon-qr{
	background-position: -80px -82px;
}

.click, .flash{
	top: 480px;
}

.download-button{
	width: 222px;
	height: 70px;
	background-image: url(./images/download.png);
	background-repeat: no-repeat;
	display: block;
	bottom: -32px;
	left: 341px;
	position: absolute;
	background-position: 0 0;
	-webkit-transition: inherit !important;
}

.download-button:hover{
	background-position: 0 -70px;
}


.ios-support{
	position: absolute;
	bottom: -65px;
	left: 341px;
	width: 222px;
	text-align: center;
	font-size: 13px;
	color: #bebebe;
}

.description{
	font-size: 16px;
	line-height: 24px;
	color: #8a8d9a;
	display: block;
	margin: 0 auto;
	width: 800px;
	margin-top: 80px;
}

.install-bml .description{
	width: 450px;
	margin-top: 10px;
}

.big-description{
	font-size: 24px;
	line-height: 36px;
	color: #8a8d9a;
	font-weight: 200;
	display: block;
	margin: 0 auto;
	width: 800px;
	margin-top: 80px;
}

.language-box{
	background-color: #f7f7f7;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	margin-top: 80px;
	width: 1100px;
	margin-left: -60px;
	text-align: center;
	padding-bottom: 20px;
}

.language-box h2{
	font-size: 34px;
	font-weight: 200;
	color: #717175;
}

.languages{
	width: 940px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.flag{
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.flag .jp, .flag .gr, .flag .fr, .flag .ru{
	background-image: url(./images/flags-bg.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	display: inline-block;
}

.flag .gr{
	background-position: -80px 0px;
}

.flag .fr{
	background-position: 0 -80px;
}

.flag .ru{
	background-position: -80px -80px;
}

.flag h3{
	font-size: 48px;
	font-weight: 100;
	color: #7db72b;
	margin: 0;
}

.flag p{
	margin: 0;
	font-size: 18px;
	color: #5f8e1c;
}


section .install-bml{
	width: 800px;
	height: 300px	;
	margin-top: 50px;
	padding-left: 300px;
	display: inline-block;
	vertical-align: top;
	background-image: url(./images/install-bookmarlet.png);
	background-size: 446px 215px;
	background-repeat: no-repeat;
}

.language-description{
	color: #727277;
	font-size: 18px;
	line-height: 24px;
	width: 820px;
	display: inline-block;
	text-align: left;
}

.functions{
	width: 1100px;
	margin-left: -60px;
	border-bottom: 1px solid #ededed;
	padding: 30px 0px 60px 0px;
}

.functions article{
	margin: 0 auto;
	width: 820px;
	display: block;
}

.left-layout img, .right-layout img{
	width: 220px;
	box-shadow: 0 8px 18px rgba(0,0,0,.25);
	display: inline-block;
	vertical-align: middle;
	margin-top: 30px;
}

.right-layout .functions-description{
	margin-left: 0;
	margin-right: 30px;
}

.functions-description{
	width: 555px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}

.functions-description p{
	color: #8a8d9a;
	font-size: 16px;
	line-height: 24px;
}

.functions-description h2{
	color: #e95d45;
	font-size: 28px;
	font-weight: 200;
}

.stats{
	color: #8a8d9a;
	font-size: 14px;
	line-height: 18px;
}

.stats article{
	margin: 0 auto;
	width: 820px;
	display: block;
	padding: 60px 0;
}

.stats .contact{
	width: 260px;
	padding-left: 45px;
	display: inline-block;
	vertical-align: top;
	background-image: url(./images/contact-icon.png);
	background-repeat: no-repeat;
}

.contact h4{
	font-size: 18px;
	font-weight: normal;
	color: #707175;
	margin-top: 0;
}


.stats .usage{
	width: 450px;
	padding-left: 45px;
	display: inline-block;
	vertical-align: top;
	background-image: url(./images/usage-icon.png);
	background-repeat: no-repeat;
	margin-left: 10px;
}

.contact p{
	margin-top: 0;
}

.usage h4{
	font-size: 18px;
	font-weight: normal;
	color: #707175;
	margin-top: 0;
}

.final-word{
	background-color: #f7f7f7;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 1100px;
	margin-left: -60px;
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(249,249,249,1) 100%);
}

.final-word h2{
	color: #37383e;
	font-size: 28px;
	font-weight: 200;
}

.final-word article{
	width: 600px;
	margin: 0 auto;
	padding: 40px 0;
	padding-bottom: 30px;
}

.final-word p{
	color: #707175;
	font-size: 18px;
	line-height: 24px;
}

.final-word a{
	border: none !important;
}

.paypal{
	width: 281px;
	height: 60px;
	background-image: url(./images/paypal-button.png);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	background-position: 0 0;
	-webkit-transition: inherit !important;
}

.paypal:hover{
	background-position: 0 -60px;
}

.enjoy{
	text-align: center;
	padding: 30px 0;
	color: #8a8d9a;
	font-size: 36px;
	font-weight: 200;
	line-height: 48px;
}

.enjoy span{
	color: #afc165;
}

.twitter{
	text-align: center;
	padding-left: 20px;
}

.donate{
	text-align: center;
}

footer{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #37383e;
}

.odd{
	background-color: #FAFAFA;
}