#pguts{
width: 700px;
height: 450px;
margin: 0;
padding: 0;
}

/*My basic frames*/
#pframe, #pframe1{
margin: 0 auto;
width:699px;
height:405px;
overflow:hidden;
position:absolute;
top:45px;
left:25px;
z-index: 10;
}

#pframe1{
z-index: 13;
}

/*My scrolling window surface*/
#psurface{
width: 3500px;
height: 3500px;
background: #202020 url(../images/cork.jpg) repeat scroll left top;
}

#psurface1{
width: 3500px;
height: 3500px;
background-color: transparent;
}

/*Spotlight image*/
#pspotlight{
position: absolute; 
z-index: 12;
width: 740px;
height: 490px;
top:0px;
left:0px;
}

/*********************/
/*Nav buttons        */
/*********************/
.pbutt{
position: absolute;
z-index: 15;
width: 81px;
height: 23px;
cursor: pointer;
color: #dacaba;
text-align: center;
border: 1px solid;
background-color: #252525;
padding-top: 8px;
color: #9a8a7a;
}

.pbutt:hover{
text-decoration: underline;
}

.pbutt_hi{
position: absolute;
z-index: 14;
width: 81px;
height: 81px;
display: none;
}

#nav_sites, #nav_sites1{
/*background: url(../images/port_buttons.png) 0px 0px;*/
top: 20px;
left: 60px;
}

#nav_apps, #nav_apps1{
/*background: url(../images/port_buttons.png) -81px 0px;*/
top: 20px;
right: 60px;
}

#nav_demos, #nav_demos1{
background: url(../images/port_buttons.png) 0px 81px;
top: 380px;
left: 60px;
}

#nav_games, #nav_games1{
background: url(../images/port_buttons.png) -81px 81px;
top: 380px;
right: 60px;
}

#nav_sites1{
background: url(../images/port_buttons.png) -164px 0px;
}

#nav_apps1{
background: url(../images/port_buttons.png) -164px 0px;
}

#nav_demos1{
background: url(../images/port_buttons.png) -164px 0px;
}

#nav_games1{
background: url(../images/port_buttons.png) -164px 0px;
}

/*********************/
/*Nav arrows         */
/*********************/
.parrow{
position: absolute;
z-index: 15;
width: 50px;
height: 50px;
cursor: pointer;
}

.parrow_hi{
position: absolute;
z-index: 14;
width: 50px;
height: 50px;
display: none;
}

#nav_left, #nav_left1{
background: url(../images/port_buttons.png) -3px -271px;
top: 210px;
left: 5px;
}

#nav_left1{
background: url(../images/port_buttons.png) -55px -271px;
}

#nav_right, #nav_right1{
background: url(../images/port_buttons.png) -3px -165px;
top: 210px;
right: 5px;
}

#nav_right1{
background: url(../images/port_buttons.png) -55px -165px;
}

#nav_up, #nav_up1{
background: url(../images/port_buttons.png) -3px -324px;
top: 10px;
left: 340px;
}

#nav_up1{
background: url(../images/port_buttons.png) -55px -324px;
}

#nav_down, #nav_down1{
background: url(../images/port_buttons.png) -3px -218px;
top: 430px;
left: 340px;
}

#nav_down1{
background: url(../images/port_buttons.png) -55px -218px;
}

#pguts{
display: none;
}

/*content blobs*/
.psls{
position: absolute;
left: 800px;
top: 800px;
background: transparent url(../images/hex_logo.png) no-repeat top left;
width: 400px;
height: 400px;
overflow:hidden;
}

.psites{
position: absolute;
left: 600px;
top: 600px;
background: transparent url(../images/dojo_polaroid_small.png) no-repeat top left;
width: 300px;
height: 335px;
overflow:hidden;
}

.papps{
position: absolute;
left: 1000px;
top: 500px;
background: transparent url(../images/apps.png) no-repeat top left;
width: 243px;
height: 403px;
overflow:hidden;
}

.pgames{
position: absolute;
left: 1500px;
top: 1500px;
background: transparent url(../images/paper2_bluepin.png) no-repeat top left;
width: 425px;
height: 473px;
overflow:hidden;
}

.pdemos{
position: absolute;
left: 500px;
top: 1500px;
background: transparent url(../images/paper1_redpin.png) no-repeat top left;
width: 299px;
height: 519px;
overflow:hidden;
}