body {
 background: url( '/images/30/bg.jpg' ) repeat-x #3498cc;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin: 0px;
 color: #fff;
}

/* General Styles */
h3 {
 color: #195a8b;
}
img {
 border: 0px;
}
a {
 color: #a5d1e9;
}
a:hover {
 color: #fff;
}
.clear {
 clear: both;
}

/* Wrapper */
#wrapper {
 width: 1000px;
 margin: 0px auto;
}

/* Header */
#header {
 width: 1000px;
 height: 250px;
}
#header ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
/* Navigation */
#navigation ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px 0px 0px 11px;
 background: url( '/images/30/nav-bg.jpg' ) no-repeat 11px 0px;
 height: 40px;
}
#navigation ul li {
 display: block;
 float: left;
 background: url( '/images/30/nav-bg.jpg' ) no-repeat top right;
 height: 39px;
 line-height: 39px;
 padding-top: 1px;
}
#navigation ul li a {
 display: block;
 float: left;
 background: url( '/images/30/nav-item-off.jpg' ) no-repeat 8px 50%;
 padding: 0px 12px 0px 31px;
 text-transform: uppercase;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 font-size: 14px;
 height: 40px;
 line-height: 40px;
}
#navigation ul li a:hover {
 background-image: url( '/images/30/nav-item-hover.jpg' );
 color: #052f5e;
}

/* Content Wrapper and Main */
#content-wrapper {
 background: url( '/images/30/content-wrapper-bg.gif' ) repeat-y;
 margin: 10px 10px 0px 10px;
}
#content-container {
 background: url( '/images/30/content-wrapper-top.gif' ) no-repeat;
 padding-top: 10px;
}
#main {
 background: url( '/images/30/content-wrapper-bottom.gif' ) no-repeat bottom left;
}

/* Side column */
#side-col {
 float: left;
 width: 228px;
 background: url( '/images/30/side-col-bg.jpg' ) repeat-x;
 margin-bottom: 8px;
}
#side-col .box-content, #side-col .box {
 background: url( '/images/30/content-wrapper-bg.gif' ) repeat-y;
}
#side-col .box.new {
 background: url( '/images/30/new-box-bg.gif' ) no-repeat;
 margin: 0px;
 padding-top: 30px;
}

/* Side column: Recently Added */
#side-col-recent {
 float: right;
 width: 262px;
}

/* Content */
#content {
 width: 466px;
 margin-left: 237px;
}

/* Box Styles */
#side-col h2, #content h2, #side-col-recent h2 {
 margin: 0px 12px 10px;
 padding-left: 18px;
 font-size: 16px;
 color: #fff;
 text-transform: uppercase;
 background: url( '/images/30/h2-bullet.gif' ) no-repeat 0px 2px;
}

.box-content {
 padding: 0px 12px 12px;
}

/* Footer */
#footer {
 width: 980px;
 margin: 0px auto;
 padding: 10px 0px;
}
#footer-wrapper {
 background: url( '/images/30/footer-bg.jpg' ) no-repeat;
 padding: 10px;
 height: 29px;
 font-family: Tahoma, Helvetica, sans-serif;
}
#footer-container ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}
#footer-container ul li {
 display: block;
 float: left;
 height: 31px;
 line-height: 31px;
 padding: 0px 5px 0px 0px;
}
#footer-container ul li a {
 color: #fff;
 text-decoration: none;
}
#footer a {
 color: #fff;
 text-decoration: none;
}
#footer a:hover {
 color: #83b4cf;
}
#footer-container #design-by {
 height: 31px;
 line-height: 31px;
 float: right;
}
#design-by span {
 display: block;
 float: left;
 padding-right: 5px;
 line-height: 31px;
}