body {
 font: 0.8125em Verdana,'Lucida Grande',Lucida,Helvetica,Arial,sans-serif;
 color: #888888;
 margin: 1.5em;
 line-height: 150%;
 background: #fff url(main_bg.png) repeat-x;
}
* {padding: 0; margin: 0;}

img {border: none;}
a:link, a:visited {color: #009; text-decoration: none;}
a:hover, a:active {color: #06F; text-decoration: underline;}
h4 a {color: #333 !important; text-decoration: none !important;}
h4 {color: #333; border-color: #ccc; font-size: 150%; font-weight: normal;}
hr {border: 0px; border-top: 1px solid #ccc; text-align: center; height: 0;}
ul {
 line-height: 1.5em;
 list-style-type: square;
 list-style-image: none;
 margin: 0 0 0.5em 1.5em;
 color: #638c9c;
}

#wrapper {
 margin: auto;
 width: 85%;
 border: 1px solid #ccc;
 background: #fff;
 padding: 0.5em;
}

.header {
 height: 68px;
 border: 1px solid #ccc;
 background: #333 url(header_bg.png) repeat-x;
 margin-bottom: 0.2em;
}

.logo {
 float: right;
 font-size: 130%;
 font-weight: bolder;
 margin: 0.4em 0.2em;
 text-align: right;
 vertical-align: middle;
}
.logo a {
 color: #f8f8f8 !important;
 text-decoration: none !important;
 font-variant: small-caps;
 letter-spacing: 2pt;
}

.right_page {padding: 2%;}
.level4 {background: url(bg.jpg) center no-repeat; margin-left: 0;}

#pclos {background: url(PCLinuxOS-1.jpg) no-repeat;}
#pclos:hover {background: url(PCLinuxOS-2.jpg) no-repeat;}

.footerinc {border: 1px solid #ccc; background: #fff url(footer_bg.png) repeat-x; margin-top: 0.5em; text-align: right;}
.footerinc a img {padding: 10px;}
.banner a img,
.footerinc a img {filter: Alpha(opacity=42); opacity: 0.42;}
.banner a:hover img,
.footerinc a:hover img {filter: Alpha(opacity=84); opacity: 0.84;}