* { margin: 0; padding: 0; } body { line-height: 2em; font-size: 11pt; background: #fff url(background.jpg) repeat; color: #5E5E5E; } #wrap { background: #000; margin:auto; width: 980px; height:800px; } ul { margin-bottom: 1.75em; } ul h4 { margin-bottom: 0.4em; } #menu { font-family: Calibri, serif; height: 40px; border-top: solid 1px #FFDF69; border-bottom: solid 1px #DD9923; width: 980px; background: #E7A32D url(img01.gif) repeat top center; line-height: 40px; color: #FFF; font-size: 1.3em; text-transform: NONE; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); } #menu ul { list-style: none; margin: 0; padding: 0; width: 100%; } #menu ul li { position: relative; display: inline-block; height: 40px; padding: 1px 15px 0 15px; } #menu ul li.active { background: #AF7A1D; border-top: solid 0px #7C5612; padding-top: 0; } #menu ul li a { color: #FFF; text-decoration: none; } #menu ul li .down-arrow { display: inline-block; margin: 0 0 0 0.5em; position: relative; width: 0; height: 0; top: -2px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #AF7A1D; } #menu ul li.active .down-arrow { border-top: 7px solid #6F4A00; } .dropotron { font-family: calibri, serif; width: 180px; background: #E7A32D url(img01.gif) repeat top left; border-top: solid 7px #DD9923; border-bottom: solid 7px #DD9923; border-left: solid 7px #DD9923; border-right: solid 7px #DD9923; padding: 0px; font-size: 13px; text-transform: uppercase; list-style: none; color: #FFF; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); } .dropotron li { padding: 10px 12px 10px 12px; position: relative; margin-top: 1px; } .dropotron li:hover { background: #AF7A1D; border-top: solid 0px #7C5612; margin-top: 0; } .dropotron li .right-arrow { margin: 0 0 0 0.5em; position: absolute; right: 13px; top: 20px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #AF7A1D; } .dropotron li:hover > .right-arrow { border-left: 7px solid #6F4A00; } .dropotron a { color: #FFF; text-decoration: none; } head { background: url(logo.jpg) no-repeat; width: 980px; height:129px; } footer { background: url(img01.gif) repeat; color:899ff0; text-align:center; font-family:calibri; margin:auto; width:980px; height: 30px; padding-bottom:10px; border-bottom: 0px solid transparent; } .pria { background:#000000 url(back.gif) repeat; width:600px; height:500px; font-family:calibri, serif; font-size: 15px; padding-top: 4px; padding-left:6px; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); } .main a{ background: url(back.gif) repeat; color:#ffffff; text-decoration:none; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); text-transform: none; text-align: center;} .main a:hover{ font-size: 17px; } .sumber a{ } .sumber a:hover{ }