* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{float: left;
width:390px;
height:618px;
}
#rightside{
float: right;
width:371px;
height:618px;
background-color:#cc6700;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.jpg);
height: 250px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 250px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #c95202;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#ff6600;}
#rightside h1{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#fff;}
#rightside a:hover{background-color:#ff6600;}
#footer{
position: absolute;
height: 58px;
width: 388px;
top: 560px;
background-color: #c95202;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#footer a{color:#fff;}
Minggu, 29 Maret 2009
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar