@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: myFont;
    src: url(fonts/Raleway-SemiBold.ttf);
}
@font-face {
    font-family: headmyFont;
    src: url(fonts/Painter.ttf);
}
body{
	width:100%;
	margin:0px;
	font-family:myFont;
	letter-spacing:0px;
	font-size:large;
}
#top{
	width:100%;
	background-color:#1e1e1e;
	background-image:url(image/top-banner.jpg);
	overflow:auto;
	background-repeat: no-repeat;
    background-size: 100%;
	background-position:-20px;
}
#contain-area{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
#top-left{
	width:100%;
	color:#FFF;
	font-family: headmyFont;
	font-size:45px;
}
#top-right{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
#navbt{
	display:inline-block;
	width:120px;
	text-decoration:none;
	color:#FFF;
	border-right:1px solid #FFF;
	text-align:center;
	font-size:15px;
}
#banner{
	width:100%;
	height:auto;
	border-top:4px solid #999;
}
#about{
	text-align:justify;
	overflow:auto;
	margin-bottom:20px;
}
#heading{
	font-family: headmyFont;
	font-size:45px;
	color:#666;
	
}
#imagebox, #textbox{
	width:50%;
	float:left;
}
#textbox{
	line-height:28px;
}
#imagebox img{
	border:2px solid #666;
}
#job{
	margin-top:50px;
	margin-bottom:50px;
}
#col1{
	width:19%;
	height:auto;
	float:left;
	text-align:center;
}
#col2{
	width:25%;
	margin-right:5%;
	float:left;
	text-align:left;
}
#portfolio{
	clear:both;
	margin-top:50px;
	text-align:justify;
	padding-top:25px;
}
#product{
	width:275px;
	height:auto;
	border:1px solid #666;
	margin:10px;
	display:inline-block;
	padding-bottom:5px;
}
#portfolio-nav{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}

#portfolio-bt{
	display:inline-block;
	width:120px;
	height:60px;
	margin:1px;
	background:none;
	border:1px solid #999;
}

#portfolio-pict{
	width:100%;
	text-align:center;
}
.qty{
	width:45px;
	text-align:center;
}
#cartbt{
	display:none;
	width:50px;
	height:50px;
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:999;
}
#footer{
	clear:both;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	background-color:#30C;
	color:#FFF;
	overflow:auto;
}

#wowslider-container1 a{
	cursor:none;
}

.imp{
	width:90%;
	font-size:large;
	margin-bottom:5px;
	margin-top:5px;
}

@media only screen and (max-width: 600px) {
	#top{
	background-repeat: no-repeat;
    background-size:cover;
	background-position:-20px;
}
#contain-area{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
#top-left{
	width:100%;
	color:#FFF;
	font-family: headmyFont;
	font-size:25px;
}
#top-right{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	background-color:rgba(0,0,0,.5);
}
#navbt{
	display:inline-block;
	width:75px;
	text-decoration:none;
	color:#FFF;
	border-right:1px solid #FFF;
	text-align:center;
	font-size:12px;
}
#heading{
	font-family: headmyFont;
	font-size:20px;
	color:#666;
}
#imagebox, #textbox{
	width:100%;
	float:none;
}
#imagebox img{
	width:90%;
}
#textbox{
	line-height:20px;
}
#col1{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:18px;
}
#col2{
	width:100%;
	float:none;
	text-align:left;
	font-size:small;
}

#portfolio-bt{
	display:inline-block;
	width:100px;
	height:35px;
	margin:1px;
	background:none;
	border:1px solid #999;
	font-size:small;
	padding:0px;
}

#portfolio-pict{
	width:100%;
	text-align:center;
}
#portfolio{
	width:100%;
	margin-top:50px;
	text-align:center;
	padding-top:25px;
}
#product{
	width:275px;
	height:auto;
	border:1px solid #666;
	margin:10px;
	display:block;
	padding-bottom:5px;
}

}