<html>
<head>

<title>Neko House 猫ハウス</title>

<style type="text/css"> 
<!--
body {
    background-attachment:fixed;
    scrollbar-arrow-color: #ffca24;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #ffca24;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #ffca24;
    scrollbar-darkshadow-color:#ffca24;
    scrollbar-shadow-color: #000000;
  }
 -->
</style>

<style type="text/css">

A:link { color : #ffffff ;  text-decoration: none ; font-family : arial ; font-weight:  } 
A:visited { color : #ffffff; text-decoration: none ; font-family : arial ; font-weight:  } 
A:active { color : #ffffff ; text-decoration: none ; font-family : arial ; font-weight:  }
A:hover {  color : #ffffff ; text-decoration: underline ; font-family : arial ; font-weight: } 
</style>

<style type="text/css">
a {cursor:e-resize}
</style>

<style>

body { 
    background-image:url('./mainback.png');
    background-color:#000000;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:top center;
 
}

#bannerframe {
    width:100%;
  
}

#content {
    position:none;
    width:964px;
    background-color:#000000;
    background-image:url('./contentback.jpg');
    background-position:right;
    left:450px;
    top:660px;

}

#toplinks {
    position:none;
    left:450px;
    top:600px;

}

#image {
    max-width:700px;
    max-height:700px;
    width:auto;
    height:auto;

}

.imageframe {
    background:none;
    padding:5px;
    border:1px solid #cccccc;

}

h1 {
    background-color: #031929;
    width: 650;
    padding: 10px;
    border: 1px solid none;
    margin: 0px;
    margin-left: 230px;
    font-weight: normal;
    border-radius: 30px;

}

.thumbnail {
   float: left;
   margin: 7;
   margin-left: 0;
   margin-right: 0;
   height: ;
   width: 300px;
   border-radius: 30px;
   border:1px solid #ffffff;

}

/** CSS-LIGHTBOX MARKUP **/

.csslightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);

}

.csslightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;

}

.csslightbox:target {
	outline: none;
	display: block;

}

</style>

<div align="bannerframe">

<iframe name="bannerframe" width="100%" height="650" frameborder="0" src="./bannerframe.htm"></iframe>

</div>

<body>

<div align="center">

<div id="content">

<iframe name="galleryframe" width="230" height="1800" frameborder="0" src="./galleryframe.htm" align="left"></iframe>

<FONT FACE=arial COLOR=#ffca24 SIZE=6>

<br>
<div><div style="padding-left: 10px;"><font style="background-color:#000000;"><b>Welcome / よこそ</b></div></font>

<p>
<h1><FONT FACE=arial COLOR=#ffca24 SIZE=4>

<div><div style="padding-left: 10px;">You arrived at the <b>Neko House</b>, my personal artsite. I'm an <b>freelance fanartist</b>. I merely draw as a hobby and by no means do it commercially! I specifically draw artwork based on different anime and video games.</div>

<p><div style="padding-left: 10px;">With all that said and done, feel free to take your time viewing my drawings and hope you enjoy!

</h1>

<FONT FACE=arial COLOR=#ffca24 SIZE=6>

<p>
<div><div style="padding-left: 10px;"><font style="background-color:#000000;"><b>Updates / ニュス</b></div></font>

<p>
<h1><FONT FACE=arial COLOR=#ffca24 SIZE=4>
<div><b>Site News</b></div>

<p>
<FONT FACE=arial COLOR=#ffca24 SIZE=4><div><div style="padding-left: 10px;"><b>2019-1-15</b> Happy New Year!</div>

<p>
<div><div style="padding-left: 10px;"><a href="./oldupdates1.htm" target="_top"><b>See Old Updates</b></a></div>

</h1>

<p>
<h1><FONT FACE=arial COLOR=#ffca24 SIZE=4>
<div><b>Most Recent Artwork</b></div>

<p>

<a href="#img11">
  <img src="./splatoon/11.jpg" class="thumbnail">
</a>
<!-- lightbox container hidden with CSS -->
<a href="#_" class="csslightbox" id="img11">
  <img src="./splatoon/11.jpg">
</a>

<br><br><br><br><br><br><br><br>

<a href="#img12">
  <img src="./splatoon/12.jpg" class="thumbnail">
</a>
<!-- lightbox container hidden with CSS -->
<a href="#_" class="csslightbox" id="img12">
  <img src="./splatoon/12.jpg">
</a>

<div>See more of my <a href="./splatoon/splatoon1.htm" target="_top"><b>Splatoon</b></a> artwork.</div>

<br><br><br><br><br><br><br>

</h1>

</div>

</font>
</center>

<p>
<iframe name="bottomframe" width="964" height="50" frameborder="0" src="./bottomframe.htm"></iframe>

<FONT FACE=arial COLOR=#ffffff SIZE=4>

<a href="#top"><b>Top</b></a>
<br>
<br>
<br>

</body>
</html>