body {
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 20px;
	background-image:url(bl1.jpg);
	background-repeat:repeat-x;
	background-position:top;
}



/*---------------------------------------------------Begin of Header ---------------------------------------------------*/

#logo{
	float: left;
	padding-left:16px;
}
#logo img{
	width:100%;
	padding-bottom:10px;
}
#thumb{
	float: right;
	margin-top: 35px;
	margin-right: 20px;
}
#thumb a img {
	margin: 5px;
	box-shadow: 0px 1px 5px #CCCCCC;
	border-radius:360px;
	border: 2px solid #FFF;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#thumb a:hover img {
	border-top-color: #a9d4fc;
	border-right-color: #a9d4fc;
	border-bottom-color: #a9d4fc;
	border-left-color: #a9d4fc;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* IE 9 */
	-webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
}

#purchase{	
	text-align:right;
	float: right;
	margin-top:45px;
	margin-right: 5px;	
}

@media only screen and (max-width: 980px) {
#purchase{	
	margin-top:0px;
	
}	
	
}

@media only screen and (max-width: 780px) {
#logo, #thumb,#purchase{
	float: none;
	clear:both;
	text-align: center;
	margin: 0px;
	padding-left:0px;
	padding-top:5px;
	
}	
	
}

/*--------------------------------------------------- End of Header ---------------------------------------------------*/









/*--------------------------------------------------- This Taiko Rule Them All ---------------------------------------------------*/
section{
	overflow:auto;
	box-shadow: 0px 0px 5px #CCCCCC;
	background-color: #FFF;
	width:auto;
	text-align: center;
	border-top-width: 8px;
	border-right-width: 10px;
	border-bottom-width: 8px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #f7f7f7;
	border-bottom-color: #CCC;
	border-left-color: #f7f7f7;
	padding: 10px;
	margin-bottom:10px;
} 

section ul{
	text-align:left;
} 

section img{
	width:100%;
	max-width:958px;	
} 

section p{
	text-align:justify;		
} 

#banner{
	width:100%;
	overflow:auto;
	background-color:#008ac3;}
	
#banner img{
	width:100%;
	}


#main_title{
	overflow:auto;	
	width:auto;
	text-align: center;	
	padding: 10px;
	color: #666666;
	margin-bottom:10px;
	margin-top:10px;
}

	
	
#iframecontent{
	width:100%;
	padding:0px;
	margin:0px;}	

/*--------------------------------------------------- End of Taiko ---------------------------------------------------*/







/*--------------------------------------------------- Begin of Boxes Design ---------------------------------------------------*/
.box_single{
	width:auto;
	clear:both;	
	display: inline-table;
	margin: 5px;
	background-color: #fff;
	color:#000;
}

.box_full{
	text-align:center;
	width:auto;
	overflow:auto;
	clear: both;
	display:table;	
	}
	
.box_double{
	display:table-cell;
	width:40%;	
	overflow: auto;
	padding: 10px;
	text-align:left;
	vertical-align:top;
}

.box_double li{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(li.png);
}

.box_double p{
	padding-left:20px;
	padding-right:10px;	
}

.box_double img{
	width:auto;
		
}

.float_left{
	float:left;}

.float_right{
	float:right;}
	
.gallery{
	width:32%;
	margin:2px;
	overflow:auto;
	display:inline-table;}

.gallery img{
	width:95%;
	border:solid 5px #fff;
	box-shadow:0px 0px 2px #666;}	

.gallery p{
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;}

.product_pic{
	width:auto;		
	overflow:auto;
	display:inline-table;
	}
		
.product_pic img{
	width:auto;
	max-height:300px;	
	margin:5px;	
}

.product_pic a{
	border:none;		
}	

.index_pic{
	display:table-cell;
	width:25%;
	padding:10px;
	overflow:auto;
	text-align:center;
}

/*picture of index page*/
.index_pic img{	
	width:90%;	
	box-shadow: 0px 0px 3px #666;
	border-radius:360px;
	border: 5px solid #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-filter: brightness(100%);
}

.index_pic a:hover img{	
	box-shadow: 0px 1px 5px #000;
	border-top-color:#CCC;
	border-right-color:#CCC;
	border-bottom-color:#CCC;
	border-left-color:#CCC;
	-webkit-filter: brightness(150%);	
}




@media only screen and (max-width: 720px) {
.box_double{
	display:table-row;	
	display: block;
	width:auto;
	clear: both;
}

.box_double img{
	width:100%;
	max-width:250px;
}

.index_pic{
	display:table-row;	
	width:60%;
	margin:0px;
	}

.index_pic img{	
	margin: 5px;	
}

.float_right{
	float:left;}
	
.gallery{
	width:45%;}		

.product_pic{
	width:100%;	
	}
		
.product_pic img{
	width:45%;
	max-height:none;	
	margin:2px;	
}	

}

@media only screen and (max-width: 480px) {
.product_pic{
	width:100%;	
	}
		
.product_pic img{
	width:95%;
	max-height:none;	
	margin:2px;	
}

.index_pic{
	width:80%;
	margin:0px;
	}

}
/*--------------------------------------------------- Begin of Boxes Design ---------------------------------------------------*/










/*---------------------------------------------------And The Infamous---------------------------------------------------*/
.form_element{
	width: 100%;
	border: 1px solid #CCC;
	margin: 1px;
	padding: 3px;
}

#footer{
	display:table;
	margin-top:15px;
	overflow:auto;
	clear:both;
	width:auto;
	text-align: left;
	padding: 10px;
	color: #e2e2e2;
	background-color:#000;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #383838;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0e0e0e;
	border-bottom-color: #383838;
	border-left-color: #0e0e0e;
}

.footer_box{
	display:table-cell;
	width:20%;
	font-size:12px;
	padding:15px;
	color:#fff;
	overflow:auto;	}	
	
.footer_box p{	
	font-size:12px;
	line-height:15px;
		}
		
.footer_box p img{
	margin:5px;
	}			
		
.footer_box a{
	color: #c1c1c1;
	text-decoration: none;
		}	
		
.form_info{
	display:table-cell;
	margin-top:0px;
	width:500px;
	padding:1px;}
	
.form_infofull{
	text-align:center;
	width:96%;
	padding:1px;
	margin-left:16px;
	clear:both;
	}					

	
@media only screen and (max-width: 720px) {
.footer_box{
	display:table-row;
	width:auto;
	clear: both;
	}
	
.form_info{
	display:table-row;
	width:100%;
	padding:0px;
	clear:both;}
	
	
.form_infofull{
	text-align:center;
	width:91%;
	padding:1px;
	margin-left:15px;
	clear:both;
	}			

}

@media only screen and (max-width: 480px) {	
.form_infofull{
	text-align:center;
	width:91%;
	padding:1px;
	margin-left:7px;
	clear:both;
	}			

}
	

.fb{
	position:absolute;
	right:200px;
	top:7px;
	z-index:999;
	overflow:auto;}
	
.fb img{
width:70%;
border:0px;}	

@media only screen and (max-width: 1150px) {

.fb{
	right:0px;
	}
	
}