body {
	color:#000;
	font-size:18px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	margin:0;
	background:#EEE;
}

a img {
	border:none;
}

.alignright {
	text-align:right;
}

.aligncenter {
	text-align:center;
}

.alignleft {
	text-align:left;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.floatleft {
	margin-right:20px;
	float:left;
}

.floatright {
	margin-left:20px;
	float:right;
}

header {
	color:#FFF;
	margin:0 0 20px;
	padding:10px 0;
	background:#0C559D;
	box-shadow:0 3px 3px -3px #000;
	behavior:url("/js/PIE.htc");
	position:relative;
}

@media screen and (min-width : 800px) {
	header {
		padding:20px 20px 10px;
	}	
}

header h1 {
	font-size:1.2em;
	text-align:center;
	width:100%;
	margin:25px auto 20px;
	padding:0;
	position:absolute;
}

@media screen and (min-width : 800px) {
	header h1 {
		font-size:2.0em;
		line-height:normal;
		text-align:left;
		width:50%;
		margin:0 20px 0 0;
		float:left;
		position:static;
	}
}

header h1 img {
	max-width:300px;
	margin:0 auto 10px;
	display:block;
}

@media screen and (min-width : 800px) {
	header h1 img {
		margin:0 0 10px;
	}
}

header > div {
	text-align:center;
}

@media screen and (min-width : 800px) {
	header > div {
		text-align:right;
		float:right;
	}
}

header #furuno_logo {
	max-width:120px;
	margin-bottom:50px;
}

@media screen and (min-width : 800px) {
	header #furuno_logo {
		vertical-align:middle;
		max-width:120px;
		margin-right:20px;
		margin-bottom:0;
	}
}

header nav {
	font-size:0.8em;
	text-align:center;
	margin:0 auto;
}

header nav a {
	color:#FFF;
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
	outline:none;
	behavior:url("/js/PIE.htc");
	position:relative;
}

@media screen and (min-width : 800px) {
	header nav {
		font-size:1.0em;
	}
	
	header nav a {
		padding:10px 20px;
		float:left;
	}
}

header nav a:hover {
	background:#3D77B1;
}

header nav a:active {
	background:#0A4581;
}

section {
	margin:0 auto 60px;
}

section h2 {
	color:#FF3F00;
	font-size:2.0em;
	text-align:center;
	margin:0;
}

section h3 {
	color:#0C559D;
	font-size:2.5em;
	font-weight:normal;
	margin:0 0 20px;
	padding:0 0.2em 5px;
	border-bottom:1px solid #0C559D;
}

section h4 {
	color:#0C549D;
	font-size:110%;
	margin:0 0 15px;
}

@media screen and (min-width : 800px) {
	section h4 {
		font-size:1.5em;
	}
}

section > div {
	width:95%;
	margin:0 auto 30px;
	background:#FFF;
	box-shadow:0 3px 3px -3px #000;
	behavior:url("/js/PIE.htc");
	position:relative;
}

section > div > div {
	padding:15px;
}

@media screen and (min-width : 800px) {
	section > div {
		max-width:960px;
	}
	
	section > div > div {
		padding:30px;
	}
}

section > div > article .slide > img {
	width:100%;
}

section article h2 {
	margin-bottom:0.5em;
}

section > div > article > h2,
section > div > article > .description {
	padding:0 10px;
}

section > div > article > .description {
	padding-bottom:0.5em;
}

@media screen and (min-width : 800px) {
	section article .description {
		text-align:center;
	}
}

section > div p {
	margin:0 0 20px;
}

a.button {
	color:#FFF;
	font-size:1.2em;
	text-decoration:none;
	width:95%;
	margin:10px auto 0;
	padding:20px 0;
	border:none;
	background:#FF4000;
	display:block;
}

@media screen and (min-width : 800px) {
	a.button {
		font-size:1.5em;
		width:400px;
	}	
}

section#Contact a.button:hover {
	background:#FF6633;
}

section#Contact a.button:active {
	background:#D53500;
}

footer {
	color:#FFF;
	font-size:0.65em;
	text-align:center;
	padding:5px;
	background:#0C559D;
}

footer a {
	color:#FFF;
}

footer #notices {
	text-align:left;
	margin-top:0;
}

@media screen and (min-width : 800px) {
	footer #notices {
		text-align:center;
	}
}

footer #copyright {
	font-size:1.2em;
	margin:0;
}

.topagetop {
	margin-top:-20px;
	padding:2px 5px;
	background:#0C559D;
	position:absolute;
	right:20px;
}

.topagetop:hover {
	background:#3D77B1;
}

.topagetop:active {
	background:#0A4581;
}

.topagetop img {
	max-width:70px;
}

#Feature > div > img {
	width:100%;
}

@media screen and (min-width : 800px) {
	#Feature > div > img {
		width:auto;
		max-width:50%;
		margin-right:20px;
		float:left;
	}
	
	#Feature > div:nth-child(odd) > img {
		margin-right:0;
		margin-left:20px;
		float:right;
	}
}

#Spec {
	
}

#Spec table {
	width:100%;
	margin-bottom:40px;
	border-collapse:collapse;
}

@media screen and (min-width : 800px) {
	#Spec table:last-child {
		margin-bottom:0;
	}
}

#Spec table caption {
	color:#0C549D;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

#Spec table th, #Spec table td {
	font-size:0.85em;
	text-align:left;
	vertical-align:text-top;
	width:50%;
	padding-top:10px;
	border-bottom:1px solid #CCC;
}

#Spec table .bordernone {
	border:none;
}

#iOSApp p {
	font-size:0.9em;
}

#iOSApp #samples a {
	width:165px;
	height:220px;
	margin-right:10px;
	border:1px solid #CCC;
	display:block;
	float:left;
}

#iOSApp #samples a img {
	vertical-align:bottom;
}

#iOSApp {
	
}

#iOSApp #AppStoreLink {
	text-align:center;
	display:block;
}

@media screen and (min-width : 800px) {
	#iOSApp #AppStoreLink {
		float:left;
	}
}

#iOSApp h4 {
	text-align:center;
}

@media screen and (min-width : 800px) {
	#iOSApp h4 {
		text-align:left;
	}
}

#iOSApp .functions {
	margin-bottom:20px;
}

#iOSApp .functions ul {
	margin:0;
	padding:0;
	list-style:none;
}

#iOSApp .functions ul li {
	margin:0 auto 15px;
}

#iOSApp .functions ul li:last-child {
	margin-bottom:0;
}

@media screen and (min-width : 800px) {
	#iOSApp .functions ul li {
		width:47.5%;
		margin:1% 1% 2% 1%;
		float:left;
	}
}

#iOSApp .functions ul li img {
	width:100%;
	margin-bottom:5px;
}

#iOSApp .functions ul li h5 {
	font-size:1.2em;
	margin:0 0 5px;
}

#iOSApp .functions ul li p {
	padding:10px;
	background:#EEE;
}