* {margin: 0; padding: 0;}
body {background: #FFFFFF; color: #000000; font: 11px Tahoma, Verdana, Arial, sans-serif;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a {color: #ad0282; text-decoration: underline;}
a:hover {text-decoration: none;}
ul {list-style: none;}
.wrap {
	width: 100%;
	overflow: hidden;
}

/*center*/
.center {width: 1000px; margin: 0px auto;}
h1 {font-size: 12px;}
/*center*/

/*head*/
.head {background: url(http://transexindex.com/images/logo.jpg) 570px 0px no-repeat; padding-bottom: 15px;}
.rec-head {background: url(http://transexindex.com/images/logo.jpg) 570px 0px no-repeat; height: 115px; padding-bottom: 10px;}
.rec-head p {width: 500px; text-align: center; padding: 30px 0 0 30px;}
.thumbs-top {padding: 25px 0 0 23px;}
.thumbs-top h2 {font-size: 17px; text-align: center; padding-bottom: 3px;}
.thumbs-top div {width: 400px; padding: 0 0 0 10px; float: left;}
.thumbs-top p { text-align: justify; font-size: 11px;}
.thumbs-top img {width: 120px; height: 160px; border: 1px solid #5F022E; float: left;}
.thumbs-top span {display: block; text-align: center; font-size: 15px; font-weight: bold;}
/*head*/

/*nav*/
.nav {position: absolute; top: 0px; margin-left: 35px;}
.nav li {width: 120px; float: left; margin-right: 4px;}
.nav a {display: block; color: #FFFFFF; background: url(http://transexindex.com/images/button_bg.jpg) no-repeat; height: 18px; padding-top: 3px; font: bold 11px Tahoma, Verdana, Arial, sans-serif; text-align: center; text-decoration: underline;}
.nav a:hover {text-decoration: none;}
/*nav*/ 

/*pages*/
.pages {font-weight: bold; text-align: center; padding-bottom: 3px; font-size: 19px;}
.pages a {font-size: 19px;}
/*pages*/

/*hardlink1*/
.hardlink1 div {width: 190px; float: left; text-align: center; font-size: 10px; padding-bottom: 10px;}
.hardlink1 a {font-size: 21px; font-weight: bold; text-decoration: underline;}
.hardlink1 a:hover {text-decoration: none;}
.hardlink1 {padding-left: 20px;}
/*hardlink1*/

/*hardlink2*/
.hardlink2 {padding-left: 20px;}
.hardlink2 div {width: 190px; float: left; text-align: center; font: normal 10px Tahoma, Verdana, Arial, sans-serif; padding: 15px 0;}
.hardlink2 a {font-size: 21px; font-weight: bold; text-decoration: none;}
.hardlink2 span {text-decoration: underline;}
.hardlink2 p {width: 180px; margin: 0px auto;}
.hardlink2 img {width: 180px; height: 135px; margin: 3px 0; border: 1px dotted #C20605;}
.hardlink2 a:hover span, .trade a:hover span {text-decoration: none;}
/*hardlink1*/

/*trade*/
.trade {width: 200px; float: right; margin-right: 20px; _margin-right: 10px;}
.trade img {width: 180px; height: 135px; border: 1px solid #5F022E; margin-bottom: 3px;}
.trade div {width: 182px; text-align: center; padding-bottom: 10px; margin: 0px auto;}
.trade span {display: block; font-size: 14px; font-weight: bold; text-decoration: underline;}
.trade div ul {width: 91px; float: left; text-align: left; font-size: 11px;}
.trade h3 {font-size: 14px; padding: 0 0 10px 0; text-align: center;}
.h301 {margin-top: 20px;}
/*trade*/

/*thumbs*/
.thumbs {width: 755px; float: right;}
.thumbs img {width: 180px; height: 240px; border: 1px solid #5F022E; margin: 0 6px 6px 0;}
/*thumbs*/

/*thumbs150x200*/
.thumbs150x200 {width: 780px; float: right;}
.thumbs150x200 img {width: 150px; height: 200px; border: 1px solid #5F022E; margin: 0 4px 4px 0;}
/*thumbs*/

/*thumbs240x320*/
.thumbs240x320 {width: 1000px; float: right;}
.thumbs240x320 img {width: 180px; height: 240px; border: 1px solid #ad0282; margin: 0 2px 2px 0;}
.thumbs240x320 a:hover img {border: 1px dotted;}
.thumbs240x320 a span {text-decoration: underline;}
.thumbs240x320 a:hover span {text-decoration: none;}
.thumbs240x320 div {width: 182px; text-align: center; float: left; padding-bottom: 12px; margin-right: 6px;}
.thumbs240x320 a {font-size: 13px; font-weight: bold; text-decoration: none;}
/*thumbs240x320*/

/*models*/
.models {width: 940px; margin: 0px auto;}
.models h2, .top h2 {text-align: center; font: bold 17px Tahoma, Verdana, Arial, sans-serif; padding: 20px 0 15px 0;}
.models div {width: 152px; text-align: center; float: left; padding-bottom: 6px; margin-right: 4px;}
.models span {display: block;}
.models img {width: 150px; height: 150px; border: 1px dotted #C20605; margin-bottom: 3px;}
.models a {color: #5f022e; text-decoration: none;}
/*models*/


h2 {
	font: 38px/42px 'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #616161;
}
.top {
	float: left;
	width: 25%;
	overflow: hidden;
}
* html .top {
	width: 24.9%;
}
*+html .top {
	width: 24.9%;
}
.top ul {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0 0;
	font: 16px/18px Arial, Helvetica, sans-serif;
}

.mediumthumbs {
	width: 103%;
	overflow: hidden;
}
.mediumthumbs a {
	float: left;
	border: 1px solid #ccc;
}
.mediumthumbs a:hover {
	border-color: #df0048;
}
.mediumthumbs img {
	float: left;
	width: 165px;
	height: 225px;
}

.top-list.top2 {
	padding:30px 0 0;

}

.top-list .wrap ul {
	float: left;
	width: 308px;
	padding: 0 0 30px 25px;
	overflow: hidden;
	font: 20px/24px Arial, Helvetica, sans-serif;
}



.top-models.top3 {
	padding:30px 0 0;

}

.top-models .wrap ul {
	float: left;
	width: 160px;
	padding: 0 0 30px 25px;
	overflow: hidden;
	font: 12px/15px Arial, Helvetica, sans-serif;
}





/*footer*/
.footer {text-align: center; font: normal 10px Tahoma, Verdana, Arial, sans-serif; padding: 30px 0 30px 0; width: 950px;}
.footer a {font-size: 12px; font-weight: bold;}
/*footer*/

/*recommended*/
.paysite {width: 260px; float: left; padding: 0 10px 0 100px;}
.paysite img {width: 250px; height: 250px; border: 4px solid #5F022E; padding: 1px;}
.desc {width: 500px; float: left; padding-top: 30px; font-size: 14px;}
.desc h3 {font: bold 19px Tahoma, Verdana, Arial, sans-serif; padding-bottom: 30px;}
.desc a {font-size: 17px; text-decoration: underline; font-weight: bold;}
.desc a:hover {text-decoration: none;}
.recommended h2 {text-align: center; font: bold 21px Tahoma, Verdana, Arial, sans-serif; padding: 20px 0 15px 0; border-bottom: 1px dotted #C20605; width: 930px; margin: 0px auto;}
.rec {padding: 15px 0; border-bottom: 1px dotted #C20605; min-height: 1px; _height: 1px; width: 930px; margin: 0px auto;}
/*recommended*/

/* Fixed Positioned AddThis Toolbox */            
.addthis_toolbox.atfixed {
    position: fixed;
    top: 10%;
    left: 20px;
    border: 1px solid #eee;
    padding: 5px 5px 1px;
    width: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }
/* Fixed Positioned AddThis Toolbox */