*{	padding: 0;	margin: 0;}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: white;
	background: black;
	text-align: center;
}
img{border: 0;}
.clear{clear: both;}
ul, ul li{margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, form, select{margin: 0; padding: 0;}
a:link, a:visited, a:active, a:hover{color: #F7B5E9; text-decoration: none;}
a:hover{text-decoration: underline;}

#wrapper{width: 930px; margin: 0 auto;}
#header{ background: #4E0C0D; height: 160px;}
#header .logo{width: 261px; height: 160px; float: left;}
#header .menu{width: 669px; height: 160px; float: right;}
	
.menu{background: url(../images/index_03.jpg) no-repeat right top;}
.menu .name{width: 215px; float: left; position:relative;}

.menu .menu_items{background: url(../images/index_04.jpg) no-repeat; height: 68px; font-size: 80%;}
.menu_items ul{margin-left: 18px; font-weight: bold;}
.menu_items ul li{ float: left; margin: 0;}

.toptrade
{
    position:absolute;
    width:368px;
    margin-top:4px;
    margin-left:562px;
    background: url(../images/toptrade-middle.png) repeat-y 0 0;
    padding:0;
    z-index:1000;
    padding:0;
    border:0;
    text-indent:0;
    line-height:100%;
}
.toptrade div
{
    position:relative;
    background: url(../images/toptrade-top.png) no-repeat 0 0;
    margin:0;
    padding:0;
    padding-top:19px;
    text-indent:0;
}
.toptrade div div
{
    margin:0;
    padding:0;
    background: url(../images/toptrade-bottom.png) no-repeat 0 bottom;
    list-style:none;
    text-indent:0;
    padding-bottom: 22px;
}
.toptrade div div.clear
{
    padding:0;
}
.toptrade div div ul
{
    float:left;
}
.toptrade li
{
    background:transparent;
    text-align:left;
    font-size:10px;
	 line-height: 10px;
    padding:2px;
    padding-left:10px;
	 font-weight: bold;
}
.toptrade li a, .toptrade li a:hover, .toptrade li a:link, .toptrade li a:visited, .toptrade li a:active
{
    color:#fff;
    text-decoration:none;
}
.toptrade li a:hover
{
    text-decoration:underline;
}


#cont{clear: both;}

.tb_top{width: 90%; margin: 0 auto; background: #4C1B1A url(../images/tb_r.gif) repeat-y right; font-weight: bold;}
.tb_top .left{background: url(../images/tb_l.gif) repeat-y left;}
.tb_top .top{background: url(../images/tb_t.gif) repeat-x top;}
.tb_top .bottom{background: url(../images/tb_b.gif) repeat-x bottom;}
.tb_top .rightt{background: url(../images/tb_rt.gif) no-repeat right top;}
.tb_top .leftt{background: url(../images/tb_lt.gif) no-repeat left top;}
.tb_top .rightb{background: url(../images/tb_rb.jpg) no-repeat right bottom; }
.tb_top .leftb{background: url(../images/tb_lb.jpg) no-repeat left bottom; padding: 10px 10px 30px 10px;}
.tb_top .leftb h2{margin: 0; padding: 0;}

.leftt ul{ font-size: 15px;}
.leftt ul li{width: 32%; float: left;}
.leftt ul li ul, .leftt ul li ul li{float: none; width: 100%; padding: 0;}
.leftt ul li ul li{text-align: left; margin: 3px 0;}
.leftt ul a:link, .leftt ul a:visited, .leftt ul a:active, .leftt ul a:hover{color: white; text-decoration: underline;}
.leftt ul a:hover{text-decoration: none;}



/* #content {
	background: url('http://images.sxplanet.com/i/dots.jpg') left top no-repeat;
}
*/

form.choose {
	display: block;
	float: right;
	margin-left: 2em;
	font-size: 120%;
}

form.choose * {
	vertical-align: middle;
}

select {
	background: #dcfc9f;
	border: #000 solid 1px;
	font-size: 80%;
}

/* ===== visual parameters */
.thumbs {
	margin: 0 auto;
	text-align: left;
}

.thumbs .title, .thumbs .extra, .rating .title {
	/*height: 1%;*/
	margin-bottom: 2px;
}


.thumbs .title, .rating .title {
	/*position: relative;*/
	/*top: -4px;*/
}

.thumbs .title h2, .rating .title h2 {
	float: left;
	position: relative;
	/*top: 0.12em;*/
	margin: 0 0 2px 0;
	font-size: 120%;
	padding-top: 3px;
}

.thumbs .pix, .thumbs .sites {
	padding-top: 0.1em;
	clear: both;
	height: 1%;
}
.thumbs .line {
	border-bottom: 1px solid white;
	margin-bottom: 3px;
}
*/
.thumbs .pix img, .thumbs .sites img {
	width: 180px;
	height: 135px;
	float: left;
}

.thumbs .sites img {
	display: block;
	float: none;
	margin-bottom: 0;
}

.thumbs .extra {
	clear: both;
}

.thumbs .extra img {
	position: relative;
	top: 2px;
	display: block;
	float: right;
	margin-left: 2em;
}

.thumbs .extra .links {
	font-size: 75%;
}

.thumbs .extra strong {
	display: block;
	text-align: center;
}

.thumbs .sites, .thumbs .pix {
	border-collapse: collapse;
}

.thumbs .sites td, .thumbs .pix td{
	padding: 0;
}

.thumbs .sites span, .thumbs .pix span  {
	display: block;
	padding: 3px 0 5px;
	text-align: center;
	font-size: 10px;
	width: 90%;
	margin: 0 auto;
}
.thumbs .sites span{
	font-weight: bold;
	font-size: 14px;
	height: 42px;
}
.thumbs .pix span  {height: 31px;}
.rating {
	width: 947px;
	margin: 0 auto 50px;
	background: url('http://images.sxplanet.com/i/thumbs-top.gif') left top no-repeat;
	padding: 15px 0 0;
	text-align: justify;
}

.rating div {
	background: url('http://images.sxplanet.com/i/thumbs-bottom.gif') left bottom no-repeat;
	padding: 0 0 15px;
}

.rating div div {
	background: #008db9 url('http://images.sxplanet.com/i/thumbs-left.gif') left top repeat-y;
	padding: 0 0 0 12px;
}

.rating div div div {
	background: url('http://images.sxplanet.com/i/thumbs-right.gif') right top repeat-y;
	padding: 0 9px 0 0;
}

.rating div div div div {
	background: none;
	padding: 0;
}

.rating .top {
	clear: both;
	width: 100%;
	font-size: 85%;
}

.rating .top td {
	text-align: left;
	vertical-align: top;
}

.rating .top span {
	font-family: arial, sans-serif;
	font-size: 70%;
}

.rating .top a {
	padding-left: 5px;
	font-weight: bold;
}


/* thumbs block */
.thumbs {
 /* depends on thumbs spacing */
	background: none; /* #00193e for site background */
 /* depends on thumbs spacing */
}

/* header, rss and bookmark blocks */
.thumbs .title, .thumbs .extra {
	padding: 3px 6px 0 4px; /* depends on thumbs spacing */
}

/* thumbs */
.thumbs .pix img, .thumbs .sites img {
	margin: 0 3px 2px 0; /* spacing: top, right, bottom, left */
	border: #fff solid 1px; /* passive thumb border */
}


/* active thumb */
.thumbs .pix a:hover img, .thumbs .sites a:hover img {
	border-style: dashed;
}

.thumbs .title h2 {
	text-decoration: underline;
}
.archive_pages{text-align: left; margin-top: 10px;}
.archive_pages a, .archive_pages a:hover{
font-size: 12px;
color: white;
background:#31052C;
text-decoration:underline;
margin-left:2px;
margin-right:1px;
padding:2px;
vertical-align:middle;
border: 1px solid #F7B5E9;
line-height: 24px;
}
#footer{
	font-size: 80%;
}
