p:first-line
{
color: #5b6f7b;
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 45px;
text-transform: capitalize;
}

p:after
{
color: #5b6f7b;
font-weight: bold;
padding-left: 3px;
text-decoration: underline;
content: "Read More >>";
}

#slider, ul, li { height: 300px; }
#slider, li { position: relative; width: 500px; }

#slider
{
margin: auto;
overflow: hidden;
/* Non Core */
background: #f6f7f8;
box-shadow: 4px 4px 15px #aaa;
    -o-box-shadow: 4px 4px 15px #aaa;
    -icab-box-shadow: 4px 4px 15px #aaa;
    -khtml-box-shadow: 4px 4px 15px #aaa;
    -moz-box-shadow: 4px 4px 15px #aaa;
    -webkit-box-shadow: 4px 4px 15px #aaa;
border: 1px solid #bcc5cb;
border-width: 1px 2px 2px 1px;
border-radius: 10px;
    -o-border-radius: 10px;
    -icab-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
padding: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #slider { border-width: 1px; } }

ul
{
list-style-type: none;
position: absolute;
left: 0px;
top: 0px;
width: 2000px;
-webkit-transition: left .3s linear;
}

#a1:target ul { left: 0px; }
#a2:target ul { left: -500px; }
#a3:target ul { left: -1000px; }
#a4:target ul { left: -1500px; }

li { float: left; }

p
{
position: absolute;
left: 60px;
top: 10px;
width: 400px;
z-index: 1;
}

a
{
background-image: url("/data1.png");
background-repeat: no-repeat;
cursor: pointer;
display: none;
height: 64px;
width: 30px;
outline-width: 0px;
position: absolute;
top: 90px;
text-indent: -9999px;
z-index: 2;
}

a[class^="down"] { left: 10px; }
a[class^="up"] { right: 10px; }

a[class^="down"]:hover { background-position: right top; }
a[class^="down"], a[class^="down"]:active { background-position: left top; }

a[class^="up"]:hover { background-position: right bottom; }
a[class^="up"], a[class^="up"]:active{ background-position: left bottom; }


:target .up2.default { display: none; }

.up2.default,
#a1:target .up2,
#a2:target .down1,
#a2:target .up3,
#a3:target .down2,
#a3:target .up4,
#a4:target .down3
{ display: block; }