@charset "utf-8";
body { background: #ffeecc; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0 0 20px 0; }
h1, h2, h3, h4 { font-family: Verdana, Geneva, sans-serif; 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%; }

#wrap, .wrap { width: 970px; margin: auto;  }
#wrap { background: url(../images/bg_6.gif) repeat-x top #fff; padding: 10px; border-right: 2px solid #ffdb93; border-left: 2px solid #ffdb93; }
#head { background: #333; border-bottom: 2px solid #d73e5d; padding: 0px; }
#head h1 { text-transform: uppercase; color: #fff; font-size: 52px; position: relative; }
#head h1 span { position: absolute; right: 0; top: 34px; font-size: 18px; text-transform: none; color: #fe5d93; }
#head h2 { font-size: 20px; color: #fe5d93; padding-bottom: 10px; }
#quality { background:  #d0012b; padding: 8px; border-bottom: 2px solid #87001b; }
h3 { text-transform: uppercase; font-size: 22px; color: #ffeecc;  margin-left: 285px; background: url(../images/arrow_6.gif) no-repeat left 11px; padding-left: 24px;}
 
#sites {  }
#sites .site a.join-link { position: absolute; width: 199px; height: 19px; background: url(http://www.pimpserve.com/images/button_6.gif) no-repeat; color: #fff; padding-top: 4px; text-align: center; font-weight: bold; font-size: 11px; text-decoration: none; top:8px; right:0; font-family: Arial, Helvetica, sans-serif; }
#sites .site a.join-link:hover { background-position: 0 -23px; }
#sites .break { width: 780px; float:left; }
#sites h1 { border: none; color: #333; font-size: 32px; font-family: Georgia, "Times New Roman", Times, serif; }
#sites h1 a { color: #f52d90; text-decoration: none; text-transform: none; }
#sites h1 a:hover { border-bottom: 2px solid #f52d90; }
#sites .site { clear:left; border-bottom: 1px dotted #ccc; padding-bottom: 12px; margin-bottom: 12px; position: relative; }
#sites img.thumb { border: 1px solid #ffbca1; padding:4px; float:left; margin: 0 15px 0 0; }
#sites a:hover img.thumb { border-color: #000; }
#sites p { font-size: 13px; line-height: 19px; margin:5px 0 5px 0; color: #111; }
#sites p a { font-weight: bold; text-decoration: none; color: #111; }
#sites p a:hover { text-decoration: underline; }

#sites a.tour, #sites a.join {font-size: 26px; font-weight: bold; text-decoration: none; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
#sites a.tour {  border-bottom: 1px solid #e48b11; color: #e48b11;  }
#sites a.join {  border-bottom: 1px solid #fa2d94; color: #fa2d94; margin-left: 40px; }
#sites a.join:hover { color: #000; border-bottom-color:#000; }
#sites a.tour:hover { color: #000; border-bottom-color:#000; }


#right { width: 180px; float:left; margin-left: 10px;  color: #666;
font-family: Arial, Helvetica, sans-serif; display: inline; }
#right .box { background: #fff; padding: 9px; text-align: center; margin-bottom: 20px; }
#right h1 { font-size: 12px; margin:5px; }
#right p { margin:5px; font-size: 11px; }
#right img { border: 1px solid #0000ff; display: block; margin: 10px 0 0 0; }
#right a { font-size: 11px; font-weight: bold; }

#hard-links { background: #d0012b; padding: 8px; clear:left; text-align: center; }
#hard-links a { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; color: #fff; }
#hard-links a:hover { color: #ffe1a5; }

#footer { background: #252525; border-bottom: 2px solid #87001b; padding: 12px; }
#footer h4 { font-size: 18px; margin-bottom: 10px; text-align: center; color: #fff; }
#footer { color: #ccc; }
#footer .wrap { width: 816px; }
#footer .site { width: 251px; float:left; margin-left: 21px; display: inline; }
#footer .site img { border: 1px solid #ccc; }
#footer .site a { display: block; text-align: center; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#footer .site a:hover { color: #fff; }

#webmasters { color: #333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; clear:left; text-align: center; margin-top: 20px; }
#webmasters a { color: #333; margin: 0 6px; }
p.clear { margin:0; padding:0; clear:left; }