/***** CITY HOMEPAGE ******/

#intro .intro{
 position:absolute;
 top:212px;
 right:22px;
 width:340px;
 z-index:2;
}
#intro .intro > div{
 background-color:#fff;
 opacity:0.85;
 filter: alpha(opacity = 90);
 padding:6px 8px;
 margin:8px 0;
 text-align:justify;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}

#intro .slidetxt{
 position:absolute;
 top:584px;
 right:10px;
 width:539px;
 z-index:2;
 opacity:0.82;
 filter: alpha(opacity = 82);
}
#intro .intro ul{
	font-size:13px;
}
#intro .intro ul a{
	color:#111;
}

#intro .tiny{
	font-size:9px;
}
#intro ul.plain{
	margin:0;
	padding:0;
	list-style:none;
}

#intro .left{
	float:left;
}

#intro .right{
	float:right;
	width:549px;
}

#intro .border{
	border:1px solid #aaa;
	-moz-border-radius: 2px;
	border-radius:2px;
}
#intro .titlebox{
	margin:3px 0 6px 0;
}
#intro .factbox{
	margin-bottom:3px;
	font-size:14px;
	background-color:#fff;
	overflow:hidden;
}
#intro .factbox:hover, #intro .preview:hover, #intro .facebook .border:hover{
	border-color:#666;
	border-style:solid;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
#intro .highlights:hover{
	border:0;
	-moz-box-shadow: 0 0 0;
 	-webkit-box-shadow: 0 0 0;
 	box-shadow: 0 0 0;
}
#intro .slidebox{
	margin-bottom:1px;
}
#intro .linkbox{
	width:548px;
	height:109px;
	margin-top:32px;
}
#intro .factbox .header{
	background: #badbdf url(/img/thlite.png) no-repeat left top;
	background-position:0 0;
	border-bottom:1px solid #ccc;
	color:#333;
	font-weight:bold;
	padding:3px;
	text-align:center;
}
#intro .factbox .header a{
	color:#000;
}
#intro .factbox .subheader{
	color:#444;
	font-weight:bold;
	padding:2px 0 1px;
}
#intro .factbox .oneline{
	font-weight:normal;
	padding-bottom:3px;
}
#intro .factbox .pad{
	padding:4px;
}
#intro .factbox .more{
	background-color:#efefef;
	font-size:11px;
	padding:2px 4px;
	border-top:1px solid #ddd;
	margin-top:1px;
	text-align:right;
}
#intro .factbox .more a{
	color:#666;
}
#intro .factbox .topattractions a{
	color:#333;
}
#intro .factbox .subtxt{
	margin-left:8px;
	padding-bottom:2px;
}
#intro span.label{
	color:#555;
}
#intro .compact{
	width:184px;
	float:left;
	height:113px;
}
#intro .compact a{
	color:#333;
}
#intro .middle{
	width:177px;
	border-left-style:dotted;
	border-right-style:dotted;
	-moz-border-radius:0px;
	border-radius:0px;
}
#intro .right .left{
	border-right:0;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
#intro .right .right{
	border-left:0;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#intro .hotels{
	padding-top:3px;
	min-height:178px;
}
#intro .hotelshort{
	min-height:162px!important;
}
#intro .highlights{
	margin-top:16px;
}
#intro .highlights .header{
	border:1px solid #666;

	background:url("/img/zzbgground/mainbar.gif") repeat scroll 0 -23px transparent;
	-moz-border-radius: 2px;
	border-radius:2px;
	color:#eee;
	font-size:16px;
	font-weight:normal;
	height:24px;
	padding:2px 0 0 6px;
}
#intro .facebook .border{
		margin-top:3px;
}
#intro .hotelbox{
	overflow:visible!important;
}
#intro .info ul{
	margin:4px;
}
#intro .info a{
	color:#222;
}
#intro .left .factbox{
	width:290px;
}
#intro .introtxt .closeintro{
	float:right;
	padding-left:5px;
	cursor:pointer;
}

#intro .slidetxt .info{
	float:left;
	margin-top:1px;
	cursor:pointer;
	display:none;
}
/*** Article previews ***/

#intro .preview{
	width:418px;
	float:left;
	font-size:13px;
	margin-top:3px;
	max-height:106px;
	overflow:hidden;
}
#intro .preview img{
	float:left;
	border:1px solid #333;
	margin:4px;
	-moz-border-radius: 2px;
	border-radius:2px;
}
#intro .preview .text{
	min-height:68px;
}
#intro .preview .title{
	font-weight:bold;
	padding:3px 0 2px 4px;
}
#intro .preview .title a{
	color:#222;
}

#intro .categories{
	padding-top:10px;
	padding-left:8px;
}
#intro .categories img{
	border:1px solid white;
	padding:7px;
}
#intro .categories img:hover{
	border:1px solid #666;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
/*** Hotels box ***/

.labelr{
	text-align:right;
	width:72px;
}
table.hotelSearch{
	border:0px;
	width:544px;
}