/* RESET */
body * {
	margin: 0;
	padding: 0;
}
body  {margin: 0;
	padding: 0; }
.container { background: #dae1e3; width: 100%; font-family: "Franklin Gothic Medium", sans-serif;}

.header { overflow: hidden;   }
h1 { font-family: "chunk", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: normal;  color: #fff; }
h1 span { color: #000; font-size: 0.8em;}

.content {}
.content dl dt { font-family: "chunk", "Arial Black", "Arial Bold", Gadget, sans-serif; }
.content dl dt span { 
	font-size: 0.7em; 
	background: #d25807;
	color: #fff; 
	text-align: center; 
}
.footer { background: #95a7ad; position: relative; }
.footer dl dt { font-family: "chunk", "Arial Black", "Arial Bold", Gadget, sans-serif; }
.footer a { color: #fff; }

.footnote { font-size: 0.7em; margin: 40px 0px;  }

/* ----------- Smartphones (portrait) ----------- */
@media only screen and (max-device-width: 480px) {
	body { font-size: 50px;}
    .header {  background: #dae1e3 url(images/HeadBG_iOS.png) repeat-x left bottom; margin-top: -1px; padding-top: 1px;  }
	h1 { font-size: 120px; margin: 40px 40px 70px 40px; }
	.content { margin: 40px 40px;  }
	.content h2 { font-size: 60px; background: url(images/OK_Sign.gif) no-repeat right top; padding-right: 320px; min-height: 376px; }
	.content dl { margin: 80px 0px 40px 0px;  }
	.content dl dt { line-height: 90px; font-size: 70px; }
	.content dl dt span { 	
	-webkit-border-radius: 70px; 
	-moz-border-radius: 70px;
	border-radius: 70px; 
	width: 70px; height: 70px; line-height: 80px;display: block; float: left; 
	margin-top: 5px; margin-right: 20px; 
	}
	.content dl dd { margin-bottom:50px; }
	.content { margin-bottom:120px;}
	
	.footer { padding: 80px 0px 0px 0px; }
	.footer p { margin: 40px 40px; }
	.footer p input { height: 50px; }
	.footer dl { margin: 40px 40px; }
	.footer dl dt { font-size: 70px; }
	.footer dl dd { margin-bottom: 50px; } 
	.footer ul { margin: 40px 40px; }
	.footnote { padding-top: 100px;  }
	
}

/* ----------- larger screens (portrait) ----------- */
@media only screen and (min-device-width: 480px) {
	body { font-size: 14px;}
    .header {  background: #dae1e3 url(images/HeadBG.png) repeat-x left bottom; }
	h1 { font-size: 90px; height: 125px; margin: 25px auto 20px auto; width: 800px; padding-top: 60px; background: url(images/OK_Sign_small.png) no-repeat right top;}
	.content { margin: 40px auto;  width: 800px; overflow: hidden;}
	.content h2 { font-size: 36px;  width: 90%; margin-bottom: 40px;  }
	.content dl { margin: 0px 0px 20px 0px; float: left; width: 50%; height: 90px;    }
	.content dl dt { line-height: 55px; font-size: 40px; }
	.content dl dt span { 	
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px; 
	width: 40px; height: 40px; line-height: 45px;display: block; float: left; 
	margin-top: 5px; margin-right: 18px; 
	}
	.content dl dd { padding-left: 60px;  }
	.content { margin-bottom:20px;}
	
	.footer { width: 100%;  padding-top: 30px; font-size: 18px; line-height: 1.4em;  }
	.footer div { display: block; margin: 0px auto; width: 800px; }
	.footer p input { height: 50px; }
	.footer dl { margin: 0px; width: 400px; float: left; }
	.footer dl dt { font-size: 40px; }
	.footer dl dd { margin-bottom: 50px; } 
	.footer ul { margin: 40px 40px; }
	
}