* { margin:0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(bg.jpg) repeat #000; color: #ccc; font-family: Georgia, "Times New Roman", Times, serif; }
#w { border: 1px solid #fff; border-bottom: none; border-top: none; width: 958px; margin: auto; background:#3e1953; position: relative; }

#head img { float:left; border: none; }
#head #mid { float:left; width: 376px; }
#head #intro { clear:left; }
#head #intro img { float:left; margin-right: 20px; }
#head #intro p { padding: 15px; }

a.join-link { display: block; text-align: center; color: #fff; text-decoration: none; margin: 20px auto; font-size: 24px; }
a.join-link:hover { color: #ccc; text-decoration: underline; }

.table { clear:left; }
.table img { display: block; }
.table img.left { float:left }
.table .top { float:left; }
.table .text { height: 152px; background: url(main_22.gif) no-repeat;}
.table .text h1 { font-size: 22px; padding: 9px 20px; position: relative; }
.table .text h1 span { position: absolute; right: 20px; }
.table .text p { font-size: 14px; padding: 3px 20px;}
.table .info { float:left; width: 559px; }
.table .bottom { background: url(main_24.gif) no-repeat top; padding-top:4px; clear:left; }
.table .bottom img { float:left; }
.desc	{height: 100px; overflow:auto}
.buttons img { border: none; }

#sites h1, #sites h2, #models h1, #models h2 { text-align: center; }
#sites h1 a, #models h1 a { color: #fff; }
#sites ul { list-style: none; margin:5px 0 0 48px; }
#sites ul li { float:left; margin: 7px 6px 2px 6px; display: inline; text-align: center; background: #603578; padding:5px 10px; font-family: Arial, Helvetica, sans-serif; }
#sites ul li a { font-weight: bold; color: #fff; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: bold; color: #ccc; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #000; }
#sites ul li a:hover img { border: 1px dotted #000; }
#sites ul li a:hover { color: #ccc; }

#models ul { list-style: none; margin:5px 0 0 10px; }
#models ul li { float:left; margin: 7px 6px 2px 6px; display: inline; text-align: center; background: #603578; padding:5px 10px; font-family: Arial, Helvetica, sans-serif; }
#models ul li a { font-weight: bold; color: #fff; }
#models ul li p { width: 181px; font-size: 12px; font-weight: bold; color: #ccc; margin-top:6px; height: 46px; }
#models ul li img { display: block; border: 1px solid #000; }
#models ul li a:hover img { border: 1px dotted #000; }
#models ul li a:hover { color: #ccc; }

.join-logo { position: absolute; left:-10px; top: 40px; }

#join .form { float: left; width: 383px; padding: 10px 0 0 0; }

#join .left { width: 330px; text-align: left; border-right: 3px solid #000; padding-top: 160px; height: 430px; margin:0 0 0 0; display:inline; background: #36114b; font-size: 13px; float:left; }
#join .left ul { list-style: square; color: #ccc; margin: 0 18px 8px 26px; }
#join .left ul li { padding: 6px; }
#join .left ul li b { color: #fff; }
#join .left h1.j { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #555; padding-top: 10px; color: #fff; font-weight: bold; }
#join .left h1.j span { font-size: 28px; color: #ffea00; }

#join .right { width: 224px; float:left; padding-top: 10px; }
#join .right img { display: block; border: 1px solid #000; margin-bottom: 1px; }

.pagnation { width: 590px; margin: 15px auto; padding-left:30px; }
.pagnation a { float:left; margin: 1px; padding: 2px 10px; border: 1px solid #ccc; background: #603578; text-decoration: none; font-weight: bold; color: #fff; font-size: 12px; }
.pagnation a:hover { background: #ff5a1a; color: #fff; }
.pagnation a.active { background: #ff5a1a; color: #fff; }
.pagnation a.grey, .pagnation a.grey:hover { border:1px solid #eee; color: #ccc; background: #fff; }
.pagnation a.join {padding: 2px 20px; text-transform: uppercase;}
.pagnation a.join:hover { background: #ff5a1a; color: #000; }

#footer { width: 938px; text-align: center; padding: 10px; border: 1px solid #fff; margin: auto; background: #222; }

.rating_off { background: url(rating01.gif) repeat-x; height: 31px; width: 155px; position: relative;margin-top: -2px; } 
.rating_on { background: url(rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; }

#common_footer { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #ff9c00; text-decoration: underline; }
#common_footer a:hover { color: #ff0; text-decoration: none; }