/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:.2px;
line-height:20px;
color:#000000;
text-decoration:none;
}

a:focus {

    outline: 0px;

}


.chinny-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #000000;
font-weight:bold;

text-align:center;
text-decoration:none;
}
.chinny-text a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #ffffff;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.chinny-text a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #000000;
font-weight:bold;
text-align:center;
text-decoration:none;
}



.head
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
color: #000000;
text-shadow: 0px 1px 1px #ffffff;
}
.content
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:.2px;
color:#000000;
text-decoration:none;
line-height:18px;
text-align:justify;
font-size-adjust:none;
padding-right:20px;
content:open-quote;
}
.head-1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:12px;
color: #000000;
font-weight:bold;
}
.sub_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:12px;
color: #000000;
font-weight:bold;
}
.head-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #000000;
font-weight:bold;
}
.head-text a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #000000;
font-weight:bold;
}
.head-text a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:15px;
color: #000000;
font-weight:bold;
}
.head-4 
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
height:9px;
color:#999900;
}
.head-5
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:15px;
color: #666666;
font-style:italic;
}
.head-sub
{
font-size:18px;
font-weight:bold;
height:15px;
padding-bottom:10px;
padding-top:10px;
font-style:italic;
color:#666666;

}
.main-head
{
font-family:Arial, Helvetica, sans-serif;
font-size:60px;
color: #000000;
}
.link
{
font-family:Verdana;
font-size:13px;
color: #ffffff;
font-weight:bold;
height:30px;
text-align:center;
text-decoration:none;
padding: 0px 10px 0px 10px;
}
.link a
{
font-family:Verdana;
font-size:13px;
color: #ffffff;
height:30px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.link a:hover
{
font-family:Verdana;
font-size:13px;
color: #666666;
font-weight:bold;
height:30px;
text-align:center;
text-decoration:none;
}

.link1
{
font-family:Verdana;
font-size:13px;
color: #666666;
font-weight:bold;
height:30px;
text-align:center;
text-decoration:none;
padding: 0px 10px 0px 10px;
}
.link1 a
{
font-family:Verdana;
font-size:13px;
color: #666666;
height:30px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.link1 a:hover
{
font-family:Verdana;
font-size:13px;
color: #ffffff;
font-weight:bold;
height:30px;
text-align:center;
text-decoration:none;
}

/* CSS Document */
.textbox
{
height: 5em;
width: 12em;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
/*End Css*/
.content-5
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#907e22;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
}
.content-gold
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#907e22;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-top:10px;
}
.content-gold a
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#907e22;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-top:10px;
}
.content-gold a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#f8d300;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-top:10px;
}
.daisy
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}
.copy
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
line-height:14px;
padding-top:5px;
}
.copy a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
line-height:14px;
padding-top:5px;
}
.copy a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
line-height:14px;
padding-top:5px;
}
.yellow
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8d300;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-top:10px;
padding-right:20px;
}
.yellow-1
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#f8d300;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-top:10px;
padding-right:20px;
}
.copy-1
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
line-height:18px;
font-size-adjust:none;
padding-left:50px;
}
.head-2
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#000000;
padding-bottom:10px;
text-shadow: 0px 1px 1px #666;
padding-top:10px;
}
.chinny
{
position:absolute;
visibility:inherit;
left: 300px;
z-index:2;
}

.bow
{
background:#666666;
border-color:#8f7d21;
font:Arial, Helvetica, sans-serif;
color:#ffffff;
width:200px;
height:25px;
}

.inner 
{
background:url(arrow.jpg)  4px no-repeat;
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
font-weight:bold;
}
.inner ul li
{
background:url(arrow.jpg)  4px no-repeat;
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
font-weight:bold;
}
.inner  a
{
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
font-weight:bold;
}
.inner  a:hover
{
display:block; 
color:#927e1f;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
font-weight:bold;
}
.inners li
{
background:url(arrow.jpg)  4px no-repeat;
display:block; 
padding-left:25px;
font-weight:bold;
color:#927e1f;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;

}
.inners  a
{
display:block; 
color:#927e1f;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
}
.inners  a:hover
{
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
}
.inner1
{
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
line-height:20px;
font-weight:bold;
}
.inner1  a
{
display:block; 
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
font-weight:bold;
}
.inner1  a:hover
{
display:block; 
color:#927e1f;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none; 
font-weight:bold;
}
.c_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #807500;
text-shadow: 0px 1px 1px #ffffff;
padding-left:20px;
}

<style type="text/css">
div { border:1px solid black; }
.infront {
background-color:#ff9900;
width:100px;
height: 60px;
position: relative;
top: 0;
left:40;
z-index: 5;
}
.behind {
background-color:#eeeeee;
width:100px;
height: 100px;
position: relative;
top: -60;
left:35;
z-index: 1;
}
</style>
<div class="infront">
In front
</div>
<div class="behind">
Behind
</div>