#header{
	background:url(../img/gay/bg_header_gay.jpg) no-repeat;
}

#content{
	border:none;
	padding:0;
	background:none;
	width:920px;
	margin:0 auto;
}
#gaytracks{
	padding: 5px;
	border: 1px solid #000;
	border-top: none;
	background-color: #2b2b2b;
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

#gaytracks.foto1{
	background-image: url(../img/gaytracks/bg_main1.png);
}

#gaytracks.foto2{
	background-image: url(../img/gaytracks/bg_main2.png);
}

#gaytracks.foto3{
	background-image: url(../img/gaytracks/bg_main3.png);
}

#gaytracks.foto4{
	background-image: url(../img/gaytracks/bg_main4.png);
}

#gay_header{
	background: url(../img/gaytracks/logo_gaytracks.png) no-repeat 33px 90px;
	height: 300px;
}

#spotlight{
	float: right;
	width: 320px;
	height: 204px;
	overflow: hidden;
	background: url(../img/gaytracks/bg_spotlight.png) no-repeat;
}

#spotlight .content{
	padding: 30px 12px 12px 12px;
	overflow: hidden;
}

#spotlight .content .omschrijving{
	width: 175px;
	float: right;
}

#spotlight .content .omschrijving p{
	margin: 0 0 5px 0;
}

.line{
	height: 21px;
	background: url(../img/gaytracks/line.png) no-repeat 50% 50%;
}

#top5{
	height: 249px;
	width: 314px;
	float: left;
	padding: 27px 0 0 337px;
}

#top5.foto1{
	background: url(../img/gaytracks/bg_top5_2.png) no-repeat;
}

#top5.foto2{
	background: url(../img/gaytracks/bg_top5_2.png) no-repeat;
}

#top5.foto3{
	background: url(../img/gaytracks/bg_top5_3.png) no-repeat;
}

#top5.foto4{
	background: url(../img/gaytracks/bg_top5_4.png) no-repeat;
}

#top5 ol{
	font-size: 22px;
	font-weight: bold;
  list-style-position: inside;
}

#top5 ol li{
	padding: 19px 0 0 0;
}

#top5 ol a{
	color: #fe7a0e;
}

.hotitem{
	width: 236px;
	height: 264px;
	background: url(../img/gaytracks/bg_hotitem.png) no-repeat;
	padding: 10px 0 0 0;
}

.hotitem a img, #spotlight a img{
	border: 1px solid #fff;
	width: 100px;
	float: left;
}

.hotitem a img{
	height: 150px;
}

.hotitem .content{
	padding: 5px 12px;
	overflow: hidden;
}

.hotitem .content .omschrijving{
	width: 102px;
	float: right;
}

.hotitem .content .omschrijving p{
	margin: 0 0 5px 0;
}

.hotitem .button{
	background: url(../img/gaytracks/button_site.png) no-repeat;
	display: block;
	height: 39px;
	width: 197px;
	margin: 8px auto 0;
	text-indent: -9999em;
}

.hotitem.fetish{
	float: right;
}

.hotitem.fetish h1{
	background: url(../img/gaytracks/header_fetish.png) no-repeat;
	height: 38px;
	width: 129px;
	margin: 0 auto;
	text-indent: -9999em;
}

#hotteksten{
	height: 195px;
	width: 295px;
	float: left;
	background: #363636;
	margin: 17px 0 0 0;
	padding: 25px;
	overflow: hidden;
}

#hotteksten .hottekst{
	padding: 0 0 8px 0;
}

#hotteksten .hottekst h1{
	font-size: 12px;
}

#hotteksten .hottekst h1 a{
	color: #fe7a0e;
}

#hotteksten .hottekst p a{
	color: #fff;
}

#aankeilers{
	height: 203px;
	width: 537px;
	background: url(../img/gaytracks/bg_aankeilers.png) no-repeat;
	float: right;
	padding: 60px 0 0 0;
}

#aankeilers .keilcontainer{
	width: 480px;
	margin: 0 auto;
}

#aankeilers .keil{
	text-align: center;
	width: 160px;
	float: left;
}

#aankeilers .keil a{
	color: #2b2b2b;
	display: block;
	margin: 5px 0 0 0;
}

#webcam{
	width: 880px;
	height: 205px;
	background: url(../img/gaytracks/bg_cam.png) no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}

#webcam h1{
	width: 224px;
	height: 39px;
	background: url(../img/gaytracks/header_webcam.png) no-repeat;
	text-indent: -9999em;
}

#webcam #cammers{
	width: 848px;
	height: 143px;
	text-align: center;
	padding: 15px 0 0 0;
}

.hotrow .hotitem{
	float: left;
	margin: 0 0 0 45px;
}

.hotitem.amateur h1{
	background: url(../img/gaytracks/header_amateur.png) no-repeat;
	height: 39px;
	width: 158px;
	margin: 0 auto;
	text-indent: -9999em;
}

.hotitem.movie h1{
	background: url(../img/gaytracks/header_movie.png) no-repeat;
	height: 39px;
	width: 179px;
	margin: 0 auto;
	text-indent: -9999em;
}

.hotitem.newsite h1{
	background: url(../img/gaytracks/header_gaysite.png) no-repeat;
	height: 39px;
	width: 151px;
	margin: 0 auto;
	text-indent: -9999em;
}




#site_ticker{
	height: 173px;
	width: 910px;
	background: url(../img/gaytracks/bg_ticker.png) no-repeat;
	position: relative;
}

#site_ticker .arrow_left{
	background: url(../img/gaytracks/arrow_left.png) no-repeat;
	width: 20px;
	height: 22px;
	position: absolute;
	top: 80px;
	left: 10px;
}

#site_ticker .arrow_right{
	background: url(../img/gaytracks/arrow_right.png) no-repeat;
	width: 20px;
	height: 22px;
	position: absolute;
	top: 80px;
	left: 880px;
}

#site_ticker .thumbs{
	width: 810px;
	position: relative;
	top: 25px;
	left: 50px;
	overflow: hidden;
}

#site_ticker .thumbs a img{
	border: 1px solid #0e0e0e;
	display: block;
	margin: 0 20px 0 0;
	float: left;
}

#site_ticker .thumbs ul{
  width: 1656px;
  height: 129px;
  list-style: none;  
  overflow: hidden;
}

#site_ticker .thumbs ul li{
  width: 205px;
  list-style: none;
  float: left;
}

/*overlay*/
.overlay{
  display: none;
  background-color: #fff;
  min-height: 100px;
  /*border: 1px solid #666;*/
  width:100px;
  /* CSS3 styling for latest browsers*/
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}
.overlay .close{
  background-image: url(../img/jquery/closepink.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
a.active img{
  outline: 1px solid #000;
  z-index: 9999;
  position: relative;
}
div.close{
	background:url(../img/close.png) no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:5px;
	width:35px;
}