Welcome<style>

body {
	background: #b2c2cf;
	text-align: center;
}


#main {background: none;
       margin-top: 10px;
       margin-left: 360px;
	width: 880;
	height: 420px; 	
       overflow: hidden;
}

#content {float: left;
        text-align: justify;
	background: #d1f0ea;
	width: 830px;
	height: 420px; 	
        overflow: auto;
        padding: 15px;
        margin-top: 30px;
        font: 12px tahoma;
        color: #191970;
	
}


.text{ width: 750px;
       height: 180px;
       margin: 20px;
       text-align: justify;
       padding: 20px;
       background: #f0fff0;
       color:	#8b636c;
       overflow: auto;
     }

.box {  
	background:	#607b8b;
	width: 300px;
	height: 900px; 

	
}
.about {margin-top: 30px;
	font: 11px verdana;
	width: 260px;
	height: 260px;
	margin-left: 15px;
	padding: 5px;
	background:#e6e6fa;
        overflow: auto;
        color: #483d8b;
}
.nav {  width: 300px;
	font: 0 georgia;
        margin-top: 10px;
       
	
}
.nav a {margin: 5px;
	display: inline-block;
	width: 130px;
	height: 40px;
	font: 11px impact;
        letter-spacing: 0px;
	line-height: 39px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	background:#d9dce4;
}
.nav a:hover {
	font-weight: bold;
	background: black;
	color: #fff;
}

h1{ font:  22px impact;
    text-align: left;
    color: #474747; 
    margin: 5px;
    border-bottom: 1px dotted 	#636363;
  
    }

h2{ font:  small-caps 18px verdana;
    text-align: center;
    color:	#9370db; 
    margin: 5px;
  
    }
.title {margin-left: 240px; 
        padding: 20px;
	font:  70px verdana;
        text-transform: uppercase;
	color: #000;
}
.subtitle {margin-left: 480px;
        margin-top:-30px;
	font: italic 40px georgia;
	color: #fff;

}

</style>


<div class="box" style="position: fixed">
<div class="about"><h1>About</h1>

Write more about yourself here </div>



<div class="nav">
		<a href="#one">One</a>
		<a href="#two">Two</a>
		<a href="#three">Three</a>
		<a href="#four">Four</a>
		<a href="#five">Five</a>
<a href="https://www.marasites.com/?name=smileterly&page=LarcyleLayouts">CSS</a>
		</div>

</div>


<div class="title"> Main Title Here</div>
<div class="subtitle"> Some subtitle here...</div>


<div id="main">
<a name="one"></a>
<div id="content">
<h1>Header 1</h1>
Welcome to your new layout! Feel free to edit this layout further, just leave some form of visible <b>credit back to my site.</b> Feel free to add more anchor links under the side navigation. You can remove the about and text sections if you want a more spacious layout with less boxes to make way for more text and pages. As usual, all boxes here scroll when more text is added!

<div class="text"><h2>Header 2</h2>

You can input more text here, such as updates and the like. Feel free to copy and paste this "text" box coding to get multiple such boxes on multiple pages for more info sections. </div>

</div>

<a name="two"></a>
<div id="content">
<h1>Page 2</h1>

</div>
</div>