body, html {
font: normal 14px/18px arial,verdana,sans-serif;
color: #333;
background: #111;
padding: 0;
margin: 0;
}

#container {
width: 740px;
min-height: 600px;
margin: 36px auto 36px auto;
background: #FFF;
border: 5px solid #BBB;
}

#nav {
height: 32px;
padding-top: 9px;
border-bottom: 1px solid #888;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
margin: 0 10px 0 20px;
}

#nav li a{
font: 20px/32px "Century Gothic", "Trebuchet MS", sans-serif;
letter-spacing: 2px;
margin: 0 5px 0 5px;
color: black;
text-decoration: none;
display: block;
}

#nav li a.active {
color: #62879F;
background: url("/images/active.gif") no-repeat bottom;
}

#nav li a:hover{
color: #62879F;
background: url("/images/active.gif") no-repeat bottom;
}

#header {
width: 740px;
height: 150px;
background: url("/images/header.jpg");
margin: 0 0 18px 0;
}

#content {
width: 520px;
min-height: 500px;
float: right;
padding: 0 20px 0 0;
}

img {
border: 0;
}

h1 {
font: normal 28px/36px "Century Gothic", "Trebuchet MS", sans-serif;
margin: 0;
padding: 0;
color: #386C8D;
}

h2 {
font: normal 20px/20px "Century Gothic","Trebuchet MS", sans-serif;
color: #386C8D;
}

h2 a{
text-decoration: none;
}

p {
margin: 18px 0 18px 0;
text-align: justify;
}

a {
color: #62879F;
}

a:hover {
color: #555; 
}

.sidebar {
float: left;
width: 180px;
padding-left: 10px;
min-height: 500px;
font: normal 12px/14px arial,verdana,sans-serif;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

.sidebar li {
margin-bottom: 14px;
}

#footer {
text-align: center;
color: #888;
padding: 5px 0 5px;
}

.shopitem {
width: 220px;
margin: 0 25px 20px 0;
float: left;
font: normal 12px/14px arial,verdana,sans-serif;
border: 1px solid #CCC;
height: 340px;
padding: 5px;
position: relative;
}

.shopitem h2 {
margin: 0 0 10px 0;
text-align: center;
font: bold 14px/16px arial,verdana,sans-serif;
color: black;
}

.shopitem a {
font-weight: bold;
}

.shopitem .buylink {
position: absolute;
bottom: 10px;
left: 55px;
}