Two Pictures Four Small Boxes

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
</style>

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Great+Vibes);


body {

background-color: #fff;
background-image: url(http://i.picpar.com/w99.png);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}


a {color: black;
	text-decoration: none;
	}

	a:hover {color: grey;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#pictureone { position:fixed; left:290px; top:165px; border: double 3px #fff; }
#picturetwo { position:fixed; left:835px; top:165px; border: double 3px #fff; }

.abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555;  top:165; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.bbox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555;  top:365; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.navbar {Background-color: white; Position: absolute; Height: 13px; Width: 243px; Left: 292; Top: 485; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px;  Border: solid 1px #000;  Height: 10px; Width: 60px;  }

.link2 {Position: absolute; Left: 94px;  Border: solid 1px #000;  Height: 10px; Width: 60px;  }

.link3 {Position: absolute; Left: 170px;  Border: solid 1px #000;  Height: 10px; Width: 60px; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1;  transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:Freestyle Script;
	left:230;
	top:140;
	}


a {color: #B30000;
	text-decoration: none;
	}

	a:hover {color: black;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

.Name{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

.NameTwo{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

I{Color: #fff; font-size: 25px; font-family: French Script MT; text-shadow: 2px  3px 4px #8800FF , 1px -1px 1px #8800FF , -1px  1px 1px #8800FF , -1px -1px 1px #8800FF ;}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

</style>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
</div>

<div id="pictureone">
<img src="IMG HERE" class="image" width="250px;" height="350px;">
</div>

<div id="picturetwo">
<img src="IMG HERE" class="image" width="250px;" height="350px;">
</div>


<div id="1" class="slide">
<div class="abox">

Box thingie for stuff

</div>

<div class="Name">Title
</div>

<div class="bbox">

You only have so many boxes...

</div>
</div>


<div id="2" class="slide">
<div class="abox">

TAB for thingies.

</center></div>

<div class="NameTwo">Title 2
</div>

<div class="bbox">

TAB for thingies.

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