* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-family: verdana;
background: url(images/pagebg.gif) repeat-x #40587b;
}

#page {
margin: 0 auto;
margin-top: 5px;
text-align: left;
width: 800px;
padding: 5px 10px 10px 10px;
background: #fff;
border: solid 1px #000;
}

#header {
background: url(images/titleback.png) no-repeat;
width: 100%;
height: 59px;
}

#nav {
background: url(images/bluebar.gif) repeat-x;
height: 34px;
border: solid 1px #000;
}

#nav ul {
list-style: none;
margin-top: 0;
margin-left: 0;
font-size: 12pt;
padding: 7px 0 9px 0;
}

#nav ul li {
display: inline;
}

#nav ul li a {
text-decoration: none;
color: #FFF;
padding: 7px 10px 9px 10px;
}

#nav ul li a:hover {
background: url(images/bluebarover.gif) repeat-x;
border-right: solid 1px #000;
border-left: solid 1px #000;
margin: 0 -1px 0 -1px;
}

#nav ul li a.selected {
background: url(images/bluebarover.gif) repeat-x;
border-right: solid 1px #000;
border-left: solid 1px #000;
margin: 0 -1px 0 -1px;
}

#article {
float: left;
padding: 10px;
width: 620px;
}

#categories {
text-align: center;
margin: 10px 0 0 5px;
border: solid 1px #40587b;
border-top: solid 30px #40587b;
width: 500px;
height: 340px;
float: left;
padding-bottom: 10px;
}

#categories h2 {
font-size: 100%;
font-weight: bold;
padding: 10px;
}

#categories img {
padding: 10px;
}

#categories a:hover img, #thumbs a:hover img, #catlatest a:hover img {
filter:alpha(opacity=60);
moz-opacity:.6;
opacity:.6;
}

#catlatest {
float: left;
width: 270px;
height: 340px;
border: solid 1px #40587b;
border-top: solid 30px #40587b;
margin-top: 10px;
padding: 0 10px 10px 10px;
}

#catlatest p {
font-size: 12px;
}

#catlatest img {
padding-top: 10px;
}

div.list {
padding: 10px;
}

#newsimg {
float: left;
width: 150px;
height: 276px;
padding-top: 10px;
}

#newspage {
float: left;
padding: 10px 110px 0 15px;
}

#ordering {
float: left;
border: solid 1px #40587b;
border-top: solid 30px #40587b;
margin: 10px 0 0 10px;
padding: 0 10px 10px 10px;
}

#ordering p {
padding-top: 10px;
}

#ordering a {
font-weight: bold;
font-size: 80%;
color: #000;
text-decoration: none;
}

#ordering a:hover {
text-decoration: underline;
color: #40587b;
}

#top {
padding-top: 10px;
height: 225px;
}

#homeimage {
float: left;
}

#content {
float: right;
padding: 0 22px 6px 0;
width: 400px;
height: 95px;
}

#content p {
font-size: 13px;
}

#brackets {
background: url(images/brackets.png) no-repeat;
width: 205px;
height: 112px;
float: right;
padding-right: 220px;
margin-top: 10px;
}

#brackets ul {
list-style: none;
padding-left: 12px;
}

#brackets ul li {
font-size: 12px;
font-weight: bold;
padding-top: 14px;
}

#brackets ul li a {
text-decoration: none;
color: #000;
}

#brackets ul li a:hover {
color: #40587b;
}

#bottom {
padding-top: 10px;
height: 230px;
}

#bottom a.morelink {
text-decoration: none;
font-size: 75%;
font-weight: bold;
color: #000;
padding-left: 10px;
position: absolute;
top: 550px;
}

#bottom a.morelink:hover {
color: #40587b;
}

#bottom a.newslink {
color: #000;
text-decoration: none;
}

#bottom a.newslink:hover {
color: #40587b;
}

#contentnews {
float: left;
width: 600px;
}

#contentnews p {
font-size: 90%;
padding: 10px 0 10px 0;
}

#evolution {
padding-top: 10px;
}

#evolution p {
padding-top: 10px;
font-size: 80%;
}

#evo1 img {
float: right;
padding: 10px;
}

#evo2 img, #evo3 img {
float: left;
padding: 10px;
}

#image {
margin: 0 auto;
text-align: left;
padding: 10px 0 10px 0;
}

#image ul {
list-style: none;
font-size: 80%;
}

#imagecontent {
text-align: center;
}

#leftbox {
width: 490px;
border: solid 1px #40587b;
border-top: solid 30px #40587b;
float: left;
height: 200px;
}

#leftbox img {
padding: 30px 0 0 24px;
border: 0;
}

#leftbox a:hover img {
filter:alpha(opacity=60);
moz-opacity:.6;
opacity:.6;
}

#rightbox {
width: 300px;
border: solid 1px #40587b;
border-top: solid 30px #40587b;
float: left;
height: 200px;
margin-left: 5px;
}

#rightbox p.newsdate {
font-size: 80%;
font-weight: normal;
padding: 10px 10px 0 10px;
}

#rightbox a.news {
font-weight: normal;
font-style: italic;
text-decoration: none;
color: #000;
}

#rightbox a.news:hover {
text-decoration: underline;
}

h3.latest, #categories h3, #catlatest h3, #thumbs h3, div.specbox h3, #imagebox h3, #ordering h3, div.evo h3, div.compatibility h3, #what h3, div.admin h3, div.videobox h3 {
font-size: 14px;
color: #FFF;
margin-top: -23px;
font-weight: normal;
position: absolute;
z-index: 1;
padding-left: 5px;
}

#footer {
text-align: center;
padding: 10px;
clear: left;
}

#footer p {
color: #999;
font-size: 60%;
}

#footer a {
text-decoration: none;
color: #999;
}

#footer a:hover {
text-decoration: underline;
}

#thumbs, #imagebox, div.evo, div.compatibility, #what, div.admin {
border: solid 1px #40587b;
border-top: solid 30px #40587b;
margin-top: 10px;
padding-bottom: 10px;
width: 800px;
}

#thumbs img {
padding: 10px 15px 0 15px;
}

#video {
padding: 10px;
}

#what img {
padding: 10px;
}

#whatcontent, #whatcontent2, #whatcontent3 {
padding-top: 10px;
font-size: 16px;
}

#whatcontent img, #whatcontent3 img {
float: left;
}

#whatcontent2 img {
float: right;
}

div.admin td {
padding: 4px;
}

div.specbox, div.videobox {
border: solid 1px #40587b;
border-top: solid 30px #40587b;
margin-top: 10px;
padding-bottom: 10px;
width: 800px;
background: url(images/spec_grad.gif) repeat-y;
}

div.videobox img {
padding: 10px;
}

div.evo p {
padding: 10px;
}

div.compatibility p, #what p, #video p, div.admin p {
padding: 10px;
font-size: 80%;
}

div.compatibility ul, #video ul {
padding-left: 40px;
list-style: disc;
font-weight: bold;
font-size: 80%;
}

div.compatibility img {
padding: 10px;
}

div.specs ul {
padding-left: 20px;
font-size: 80%;
}

a.news, div.admin a {
color: #40587b;
font-size: 90%;
font-weight: bold;
}

a.news:hover, a.readarticle:hover, div.admin a:hover {
color: #000;
}

p.date {
font-size: 80%
}

a.readarticle {
color: #40587b;
font-size: 80%;
}

p.newstitle {
font-size: 110%;
font-weight: bold;
}

a.newsback {
color: #000;
font-size: 80%;
font-weight: bold;
float: right;
padding-top: 20px;
}

a.newsback:hover {
color: #40587b;
}

p.desc {
padding: 10px 0 10px 0;
}

p.asterisk {
font-size: 60%;
font-style: italic;
}

a.gallerylink {
text-decoration: none;
font-size: 80%;
font-weight: bold;
color: #000;
float: right;
padding-top: 20px;
}

a.gallerylink:hover {
color: #40587b;
}

h3.video {
padding-top: 10px;
}