serns

navigation boxes

box 1

LINK HERE
LINK HERE
LINK HERE
LINK HERE
LINK HERE

<center><div style="border: 1px DOTTED #000000; border-bottom: 1px dOTTED #000000; text-align: right; width:100; height:8; background:none"><FONT style="font-weight-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:small fonts; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=100"><CENTER><br>
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma; LETTER-SPACING: 1px; TEXT-TRANSFORM: lowercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=100"></FONT><br>
<a href="URL HERE" class="box">LINK HERE</a><br>
<a href="URL HERE" class="box">LINK HERE</a><br>
<a href="URL HERE" class="box">LINK HERE</a><br>
<a href="URL HERE" class="box">LINK HERE</a><br>
<a href="URL HERE" class="box">LINK HERE</a></CENTER><br>
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#C0C0C0 ; FONT-FAMILY:small fonts ; LETTER-SPACING: 0px; TEXT-TRANSFORM: uppercase"></FONT> <a href="" target="new"></a></FONT></div><br>
<br>
<br>
<style><br>
/*(C)aiwl-96 */<br>
a:link, .footernav.link, a.footernav:link, a.footernav:active {<br>
   font:normal 7px small fonts;<br>
   background-color:none;<br>
   color:#C0C0C0;<br>
   line-height:8px;<br>
   letter-spacing:0px;<br>
   text-transform:uppercase;<br>
   text-decoration:none;}<br>
<br>
a:visited, a.footernav:visited, {<br>
   font:normal 7px small fonts;<br>
   color:#C0C0C0;<br>
   background-color:none;<br>
   line-height:10px;<br>
   letter-spacing: 0px;<br>
   text-transform:uppercase;<br>
   text-decoration:none;}<br>
<br>
a:hover {<br>
   background-color:;<br>
   text-transform:uppercase;}<br>
<br>
</style><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<center><style>a.box:link, a.box:visited, a.box:active {<br>
text-decoration : none;<br>
color : #000000;<br>
font-size : 7pt;<br>
LETTER-SPACING:1PX;<br>
font-family : tahoma;<br>
border-bottom:0px dotted #000000;<br>
line-height:7pt;<br>
border-top:0px solid white;<br>
text-transform:LOWERcase;<br>
background: #ffffff;<br>
display:block;<br>
border-left:0px #000000 solid;}<br>
}<br>
a.box:hover {<br>
	text-transform:LOWERcase;<br>
	style:italic;<br>
	background: url() no-repeat;<br>
      background-color: #E4D6D5;<br>
	padding: 0px 0px 0px 0px;<br>
line-height:7pt;<br>
	color: #000000;<br>
	border-bottom:0px #000000 dotted ;<br>
      border-top:0px solid white;<br>
	display:block;<br>
	border-left:0px #000000 solid;<br>
border-right: 0px #000000 solid;   }</style><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<style><br>
<br>
</style></center></center><br>
<br>
<br>
<style type="text/css"><br>
<br>
</style><br>
<br>
<br>
<style><br>
/*(C)aiwl-96 */<br>
<br>
</style>

box 2

NAVIGATION

link here
link here
link here
link here
link here
link here

<div style="border: 0px dashed #000000; border-bottom: 0px double #000000; text-align: center; width:220; height:8; background:#FBA62B"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#000000 ; FONT-FAMILY:small fonts; LETTER-SPACING: 2px; TEXT-TRANSFORM: uppercase; width=220"><br>
NAVIGATION<br>
</FONT></div>

<div style="border: 0px dotted #000000; width:220; height:8; text-align: right; border-bottom: 0px double #000000; background:#ffffff"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#000000 ; FONT-FAMILY: small fonts ; LETTER-SPACING: 0px; LINE-HEIGHT: 8px"><br>
<br>
 <a href="http://www.uniquebeauty-x.piczo.com" target="new"></a> </FONT></div><br>
<br>
<br>
<style>a.box1:link, a.box1:visited, a.box1:active {<br>
text-decoration : none;<br>
color : #000000;<br>
font-size : 7pt;<br>
font-family : verdana;<br>
border-bottom:0px solid #ffffff;<br>
border-top:0px solid white;<br>
background: #ffffff;<br>
display:block;<br>
border-left:0px #000000 solid;}<br>
}<br>
a.box1:hover {<br>
	text-transform:lowercase;<br>
	style:italic;<br>
	background: url() no-repeat;<br>
      background-color: #F6972A;<br>
	padding: 0px 0px 0px 0px;<br>
	color: #000000;<br>
	border-bottom:0px #ffffff solid ;<br>
      border-top:0px solid white;<br>
	display:block;<br>
	border-left:0px #000000 solid;   }</style><style><br>
</style><br>
<style>a.box2:link, a.box2:visited, a.box2:active {<br>
text-decoration : none;<br>
color : #000000;<br>
font-size : 7pt;<br>
font-family : verdana;<br>
border-bottom:0px solid #ffffff;<br>
border-top:0px solid white;<br>
background: #ffffff;<br>
display:block;<br>
border-left:0px #000000 solid;}<br>
}<br>
a.box2:hover {<br>
	text-transform:lowercase;<br>
	style:italic;<br>
	background: url() no-repeat;<br>
      background-color: #2CB2D5;<br>
	padding: 0px 0px 0px 0px;<br>
	color: #000000;<br>
	border-bottom:0px #ffffff solid ;<br>
      border-top:0px solid white;<br>
	display:block;<br>
	   }</style><style><br>
</style><br>
<style type="text/css"><br>
<br>
</style><br>
 <style><br>
/*(C)UNIQUEBEAUTY-X.PICZO.COM */<br>
<br>
</style><br>
<br>

box 3

box 4

Page Name Page Name Page Name Page Name

box 5

NAVIGATION

LINK 1 HERE

LINK 2 HERE

LINK 3 HERE

LINK 4 HERE

LINK 5 HERE

Granpy

</style>

NAVIGATION
</font></div>

</font></div>

<a href="" target="_blank" style="color:black; font-weight:normal; text-decoration:none">Granpy</a>
</font></div>

box 6

NAVIGATION

LINK 1 HERE

LINK 2 HERE

LINK 3 HERE

LINK 4 HERE

LINK 5 HERE

Granpy

ul#navigation4 li {
   margin-bottom: 0px;
   font-family:arial;
   font-size:7pt;
list-style-image: none;
list-style-type: none;
-moz-box-sizing: border-box;
}

ul#navigation4 a {
   background: #ffffff;
   color: #000000;
   display: block;
   font-family:small fonts;
   font-size:7pt;
   width: 298;
   text-decoration:none;
   border-left: 0px solid #EFDFBD;
   border-right: 0px solid #EFDFBD;
   -moz-box-sizing: border-box;
   border-bottom: 1px solid #000000;
   padding-left: 0px;
   text-align: center;
}
ul#navigation4 a:hover {
   background: #000000;
   color: #FFFFFF;
   font-family: small fonts;
   font-size:7pt;
   text-decoration: none;
   border-left: 2px solid #888888;
   border-right: 2px solid #888888;
   border-bottom: 1px solid #888888;
   text-align: center;
   padding-left: 0px;
-moz-box-sizing: border-box;
}

</style>

NAVIGATION
</font></div>

</FONT></div>

<a href="" target="_blank" style="color:#7C734C; font-weight:normal; text-decoration:none">Granpy</a>
</font></div>

box 7

NAVIGATION

LINK 1 HERE

LINK 2 HERE

LINK 3 HERE

LINK 4 HERE

LINK 5 HERE

MENU BY Granpy

<center><div id="scroll3" style="width:400; height:250; 
background-color:#COLORHERE; 
overflow:auto" style="border-style:solid; border-width:1px; border-color:#colorhere">
<br><style type="text/css">
ul#navigation7 {
   margin: 0;
   padding: 0;
   font-family:arial;
   font-size:7pt;
   list-style-type: none;
-moz-box-sizing: border-box;
}
ul#navigation7 li {
   margin-bottom: 1px;
   font-family:arial;
   font-size:7pt;
   list-style-image: none;
   list-style-type: none;
-moz-box-sizing: border-box;
}
ul#navigation7 a {
   background: #FFDEA8;
   background-image: url(http://i37.tinypic.com/an0t28.jpg);
   color: #FFFFFF;
   display: block;
   font-family:arial;
   font-size:8pt;
   font-weight:bold;
   width: 296;
   height: 20px;
   text-decoration:none;
   line-height:2;
   -moz-box-sizing: border-box;
   border-bottom: 0px solid #4B7686;
   padding-left: 10px;
   text-align: left;
}
ul#navigation7 a:hover {
   background: #FFDEA8;
   background-image: url(http://i33.tinypic.com/vnmkg6.jpg);
   color: #554222;
   font-family:arial;
   font-size:8pt;
   font-weight:bold;
   text-decoration: none;
   border-bottom: 0px solid #AAE3C0;
   text-align: lwft;
   padding-left: 10px;
-moz-box-sizing: border-box;
}

</style>

NAVIGATION
</font></div>

</font></div>

<a href="http://www.Granphic.com" target="_blank" style="color:white; font-weight:normal; text-decoration:none">Granpy</a>
</font></div>
</STYLE></div></center>

box 8

#menu{
border: 1px solid black;
width: 200px;
background-color: #999999;
}

#menu a{
font: normal 10px verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #menu a{
width: auto;
}

#menu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

</style>

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

box 9

CLICC!

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR:#F ; FONT-FAMILY:terminal; LETTER-SPACING: 1px">
<ul>
  <li id="foldheader"><font color="#000000" style="BACKGROUND-COLOR:#ffffff">CLICC!</font></li>

box 10

Piczo