@charset "utf-8";
/* CSS Document */
/*
Theme Name: Koonkit Trading V.next
Theme URI: http://kkt2.2.ralphvandenberg.com
*/
body {
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	background-color:#ddd;
}
header {
	width:100%;
	height:400px;
	background-color:#ff8a00;
	background-image:url(imgs/header_silkworm.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top;
	transition: background 1s linear;
}
	header .contents {
		padding-top:120px;
	}
	header #logo {
		max-width:220px;
		max-height:220px;
		display:block;
		float:left;
		margin-right:15px;
	}
	header #site_title {
	}
		header #site_title h1 {
			font-size:42px;
			font-weight:100;
		}
		header #site_title h2 {
			font-size:20px;
			font-weight:100;
		}
	header .alt_title {
		color:#FFF;
		line-height:40px;
		margin:0 15px;
		font-weight:bold;
		opacity:0;
	}
nav {
	width:100%;
	display:block;
	background-color: rgba(0, 0, 0, .15);
	position:fixed;
}
	nav ul {
		margin:0;
		padding:0;
		list-style:none;
		float:right;
		display:block;
	}
		nav ul li {
			float:left;
			margin:10px;
		}
			nav ul li a {
				color:#fff;
				text-decoration:none;
				padding:10px 25px;
				text-transform:uppercase;
			}
				nav li a:hover {
					text-decoration:underline;
				}
				@media (max-width:800px) {
					nav ul li a {
						padding:10px;
					}
					.alt_title {
						display:none;
					}
				}
				@media (max-width:600px) {
					header #logo {
						width:120px;
						float:none;
					}
					header #site_title h1 {
						font-size:24px;
					}
					header #site_title h2 {
						font-size:18px;
					}
					#product_sample_images img {
						width:45% !important;
						height:45% !important;
						margin-bottom:2%;
					}
				}
article {
	display:block;
	float:none;
	width:100%;
	background-color:#FFF;
	font-size:16px;
	line-height:26px;
}
	article h1 {
		font-weight:100;
		font-size:32px;
	}
	article h2 {
		font-size:24px;
	}
	article a {
		color:#FF6600;
		text-decoration:none;
	}
		article a:hover {
			text-decoration:underline;
		}
	article form input, article form textarea {
		border:#FFF 1px solid;
		background-color:#FFF;
		box-shadow:#999 1px 1px 3px;
		padding:12px;
		font-family:inherit;
		font-size:14px;
	}
		article form input:focus, article form textarea:focus {
			border-color:#F60;
		}
	article form input[type="submit"] {
		padding:12px 22px;
		border-radius:4px;
		font-size:16px;
		cursor:pointer;
		border-color:#000;
	}
		article form input[type="submit"]:hover {
			background-color:#CCC;
		}
footer {
	display:block;
	float:none;
	width:100%;
	font-size:12px;
	padding:20px 0;
	line-height:20px;
}
	footer a {
		color:#000;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}
.contents {
	width:97%;
	max-width:1080px;
	padding:15px 1.5%;
	margin:0 auto;
}
	.contents ul li {
		list-style:square;
	}
#product_sample_images img {
	width:22%;
	height:22%;
	margin-right:2%;
}