<link href="https://fonts.googleapis.com/css?family=Rakkas" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">

<center>
<a href="javascript:;" onmousedown="document.getElementById('div1').style.top = '0px'; document.getElementById('div2').style.top = '505px'; document.getElementById('div3').style.top = '1010px';  document.getElementById('div4').style.top = '-1515px'">Present</a> <a href="javascript:;" onmousedown="document.getElementById('div1').style.top = '-505px'; document.getElementById('div2').style.top = '0px'; document.getElementById('div3').style.top = '505px';  document.getElementById('div4').style.top = '1010px'">Forward</a> <a href="javascript:;" onmousedown="document.getElementById('div1').style.top = '-1010px'; document.getElementById('div2').style.top = '-505px'; document.getElementById('div3').style.top = '0px'; document.getElementById('div4').style.top = '505px'">Interior</a>  <a href="javascript:;" onmousedown="document.getElementById('div1').style.top = '-1515px'; document.getElementById('div2').style.top = '-1010px'; document.getElementById('div3').style.top = '-505px'; document.getElementById('div4').style.top = '0px'">Captivation</a>

<div style="width:1000px; height:1000px; overflow:auto; background:url('http://oi68.tinypic.com/1z3xk04.jpg'); border: none; text-align:justify; padding:0px; font: 14px Aparajita; letter-spacing:1pt;background-inline-policy: continuous;-moz-box-shadow:0px 0px 0px 0px #1f2021; -webkit-box-shadow:0px 0px 0px 0px #1f2021; box-shadow:0px 0px 0px 0px #1f2021; -moz-border-radius:700px; border-radius:700px;color:#a8b79e">












<div style="position:relative; margin-bottom: 0px; left:50px; overflow:hidden; width:380px; height:500px;">
<div id="div1" style="background: #000; position:absolute; left:50px ; top:0px; width:380px; height:500px; transition: all 2s">[size=10][center]<font style="color:#ffffff;text-shadow:0px 0px 3px #ff0000">Text goes here.</font>[/center]

[/size]
</div> <div id="div2" style="background: #000; position:absolute; left:50px ; top:505px; width:380px; height:500px; transition: all 2s">[size=10]Forward

[/size]
</div> <div id="div3" style="background: #000; position:absolute; left:50px; top:1010px; width:380px; height:500px; transition: all 2s">[size=10]Interior

[/size]
</div> <div id="div4" style="background: #000; position:absolute; left:50px; top:1515px; width:380px; height:500px; transition: all 2s">[size=10]Captivation




[/size]

</div>
</div>
</div></center>


<style>/*<br />
BLOG WIDTH + BLOG BG COLOR<br />
*/#wrapper #container #center{position:absolute;top:0px}#wrapper #container #center .right-corner .left-corner{padding-top: 15px;margin:auto; background: url('URL HERE') #202020; background-position:center;background-repeat:no-repeat;  font-family: 'Economica', sans-serif;color:#000; border:solid 0px #202020;}/*

MAIN BG COLOR<br />
*/body{background:#202020 url('URL HERE'); background-repeat:repeat; background-position: center;}/*

TOOLTIP<br />
*/ a.info { position:relative; z-index:24; text-decoration:none;font-family: 'Economica', sans-serif; } a.info:hover { z-index:25; background-color: transparent; } a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:1em; width:100px; color: #000; border:1px solid #000; background-color:#fff; text-align: left; padding: 10px;  text-decoration:none;  text-shadow: 0px 0px 0px transparent, } /*<br />

LINK COLOR<br />
*/a:link, a:visited, ul.pager a{font-size:;color:#c7c7c7;font-weight:bold;}/*<br />

LINK HOVER COLOR<br />
*/ a:link:hover, a:visited:hover, ul.pager a:hover{color: grey;color:grey; text-decoration:none;} /*<br />

COMMENT BG COLOR<br />
*/.comment.odd,tr.odd,.comment.even,tr.even{background: url('URL HERE') #FFF;background-repeat:repeat; background-position: center;Text-align:center;}/*<br />

COMMENT BORDER<br />
*/.comment{ border-left: 0;margin: 0px auto;border:solid 0px #2e2e2e;padding: 0px 0px 0px 0px;}/*<br /></style>

<style>::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 2px rgba(50,50,50,1);background-color:rgba(50,50,50,1);} ::-webkit-scrollbar {width:8px;background-color:rgba(0,0,0,1);} ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,1);background-color: #000000;} h4{color:#c7c7c7;font-family: 'Rakkas', cursive;} h1{color:#c7c7c7;font-family: 'Rakkas', cursive;font-size: 150%;}</style>

<style>.preview{background:none;border:none} #header-region, #header img, .sidebar, .breadcrumb,#squeeze h2,.comment .clear-block .content .clear-block{display:none} #wrapper #container #center .right-corner .left-corner{position:relative;margin:auto;}#wrapper #container #center{float:none;position:absolute;top:0px}body.sidebar-left #center, body.sidebar-left #squeeze{margin-left:0px} .comment .picture{display:inline} .comment .content{margin-left:0PX} .node .picture, .node .submitted{display:none} .node{border-bottom: 0px solid #000;} #tabs-wrapper{border-bottom:none} body{border-top:none} #crossfade {position:relative;height:100px;width:650px;}#wrapper #container #center{position:absolute;top:0px} .comment{margin:5px 0px; padding: 0px; border-bottom:; border-top:;} .node .links, .comment .links{text-align:center} #comments .picture{display:inline;} span.submitted {color: #d3d3d3;} }table {margin:0em 0;}.comment div.links { top: -18px;left:0px;}tbody {border-top: 0px solid #ccc;}#forum, #comments {margin: 0 -30px 0 -30px;} .node .content {padding-bottom: ;} .node .picture img, .picture img {margin: 0px;border: solid 0px black;}textarea{text-align: center; width: 800px; background: #fff repeat-x 0 0;color: #000;} ul.links.inline {display: none;</style>