body {background-color: #333;}

* {padding: 0; margin: 0;}
img {border: 0;}
a {color: #191919; text-decoration: none; outline: 0;}
a:hover {color: #191919; text-decoration: none;}
p {width: 550px; padding-top: 20px; font-family: Georgia, serif; font-size: 11pt; line-height: 24px; color: #ccc; text-shadow: 1px 1px 2px #333;}
h1 {font-size: 25pt;}
h2 {font-family: Verdana, Geneva, sans-serif; font-size: 15pt; text-shadow: 1px 1px 2px #333;}

.green {color: #ccff66;}
.blue {color: #99cccc;}
.red {color: #ff9966;}
.white {color: #ccc;}

#green {position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 300px; background-color: #99cc33;}
#blue {position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 300px; background-color: #669999;}
#red {position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 300px; background-color: #cc6633;}

#container {position: relative; z-index: 1;}

#headerg {position: relative; z-index: 1; width: 980px; height: 150px; margin-left: auto; margin-right: auto; background-image: url(images/headerg.png); background-repeat: no-repeat; background-position: center;}
#headerb {position: relative; z-index: 1; width: 980px; height: 150px; margin-left: auto; margin-right: auto; background-image: url(images/headerb.png); background-repeat: no-repeat; background-position: center;}
#headerr {position: relative; z-index: 1; width: 980px; height: 150px; margin-left: auto; margin-right: auto; background-image: url(images/headerr.png); background-repeat: no-repeat; background-position: center;}
#topik {position: absolute; margin-top: 40px; width: 980px; font-family: Verdana, Geneva, sans-serif; color: #333;}
#ling {position: relative; float: left; width: 100px; font-size: 9pt;}
#tele {position: relative; float: right; font-size: 13pt; text-align: right;}

#logo {position: relative; float: left; margin-top: 90px; color: #333; font-size: 25px; font-family: Verdana, Geneva, sans-serif; letter-spacing: -2px; font-weight: bold;}
.logow {color: #fff; text-shadow: 1px 1px 2px #333;}
.logog {text-shadow: 2px 2px 2px #99cc33; font-style: italic;}
.logob {text-shadow: 2px 2px 2px #669999; font-style: italic;}
.logor {text-shadow: 2px 2px 2px #cc6633; font-style: italic;}
#logo a {color: #333; text-decoration: none; outline: 0;}
#logo a:hover {color: #191919; text-decoration: none;}

#menu {position: relative; float: right; height: 30px; margin-top: 121px; margin-right: 20px;}
#menu li {list-style: none; display: inline; float: left; margin-right: 5px;}
.black {background-color: #191919;}

#content {position: relative; z-index: 2; width: 930px; height: auto; margin-left: auto; margin-right: auto; padding: 25px; background-color: #191919; background-image: url(images/content.png); background-position: bottom right; background-repeat: no-repeat;}
#content a {color: #ccc; text-decoration: none; outline: 0;}
#content a:hover {color: #ccc; text-decoration: underline;}

#rightpic {position: relative; float: right; margin-left: 25px;}
#second {position: relative; float: right; margin-left: 25px; margin-top: 20px;}

#image {position: relative; margin-bottom: 20px;}
#img1 {position: relative; float: left; width: 100px; margin-right: 20px;}
#img2 {position: relative; float: left; width: 100px; margin-right: 20px;}
#img3 {position: relative; float: left; width: 100px; margin-right: 20px;}
#img4 {position: relative; float: left; width: 100px;}

#footer {position: relative; width: 980px; margin-top: 1px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; color: #191919; text-align: center; border-top: solid 3px #191919;}

.footw {color: #ccc; font-weight: bold;}
.footg {color: #ccff66; font-style: italic; font-weight: bold;}
.footb {color: #99cccc; font-style: italic; font-weight: bold;}
.footr {color: #ff9966; font-style: italic; font-weight: bold;}