/* =========== general styles ================ */
body{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#4D4D4D;
	font-size:18px;
}

a{
	text-decoration:none;
	color:#0071BC;
}

h1{
	font-size:48px;
	font-family:'Times New Roman', Times, serif;
}

.centered{
	width:963px;
	margin:0 auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.hidden{
	display:none;
}
/* =========== end general styles ================ */

/* =========== filters section ================ */
#filters{
	position:relative;
	z-index:2;
}

#filters #selection{
	text-align:center;
	padding:24px 36px 36px 36px;
	height:280px;
	overflow:hidden;
	background-image:url(../images/bg_tab_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#filters #selection ul{
	margin-top:36px;
	margin-left:160px;
}

#filters #selection ul li{
	float:left;
	font-size:32px;
	color:#0071BC;
	background-image:url(../images/button_box.gif);
	background-repeat:no-repeat;
	display:block;
	width:257px;
	text-align:center;
	padding:15px 0px;
	margin-right:58px;
	cursor:pointer;
}

#filters #selection ul li.selected{
	background-image:none;
	font-weight:bold;
	color:#4d4d4d;
}

#filters #selection ul li.last{
	margin-right:0px;
}

#filters #selection .categories{
	margin-top:18px;
	display:none;
}

#filters #selection .categories a{
	font-size:24px;
	display:block;
	float:left;
	padding:9px 18px;
}

#filters #selection .categories a.selected{
	text-decoration:none;
	color:#4d4d4d;
}

#filters #logo{
	float:right;
	margin-top:-5px;
	margin-right:-9px;
}

#filters #results{
	border-top:2px solid #666;
	padding:18px 27px;
	font-size:18px;
	height:170px;
	position:relative;
	background-image:url(../images/bg_tab_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#filters #results p{
	margin-bottom:9px;
}

#filters #results p .selection.nothing{
	color:#999;
}

#filters #results .town-name{
	color:#0071BC;
	font-weight:bold;
	padding-left:9px;
}

#filters #results #result-list{
	margin-left:-5px;
}

#filters #results #result-list .result{
	float:left;
	padding-top:2px;
	padding-right:18px;
	background:url(../images/circle.png) no-repeat top left;
	height:30px;
}

#filters #results #result-list .result .number{
	margin-left:7px;
	font-size:21px;
	/*left:-24px;
	position:relative;
	top:-5px;*/
	color:#000;
}

#filters #results #result-list .result a{
	text-decoration:underline;
	margin-left:12px;
	/*position:relative;
	top:-6px;
	left:-12px;*/
	font-size:21px;
}

#filters #results #windowshade-control{
	position:absolute;
	top:145px;
	left:695px;
	font-weight:bold;
	color:#0071BC;
	cursor:pointer;
}
/* =========== end filters section ================ */

/* =========== maps section ================ */
#map{
	position:absolute;
	top:100px;
	width:961px;
	z-index:1;
	border:1px solid #646364;
}

#map-window{
	position:relative;
	top:0px;
	width:961px;
	height:610px;
	overflow:hidden;
}

.place-marker{
	position:absolute;
	height:25px;
	width:25px;
	z-index:5;
}

.place-marker .number{
	position:relative;
	font-size:21px;
	left:6px;
	top:-29px;
	color:#000;
}

.place-marker .number-big{
	position:relative;
	font-size:36px;
	top:-52px;
	left:16px;
	color:#000;
}

#arrow-left{
	position:relative;
	float:left;
	margin-top:-300px;
	margin-left:18px;
	z-index:5;
	cursor:pointer;
}

#arrow-right{
	position:relative;
	float:right;
	margin-top:-300px;
	margin-right:18px;
	z-index:5;
	cursor:pointer;
}

#map-small{
	position:relative;
}

#map-small img.map{
	border-top:2px solid #646364;
	position:relative;
}

#map-small .highlight{
	height:75px;
	width:205px;
	border:3px solid #0071BC;
	position:absolute;
	z-index:2;
	cursor:pointer;
}
/* =========== end maps section ================ */

/* =========== popups ================ */
#highlight, #highlight-open{
	position:absolute;
	background-color:#0071BC;
	z-index:3;
	cursor:pointer;
}

#baxters{
	position:absolute;
	z-index:3;
	cursor:pointer;
	top:160px;
	left:3700px;
	display:none;
}

.popup{
	display:none;
	padding:12px;
	position:relative;
	z-index:4;
	font-size:16px;
	line-height:150%;
	/*height:166px;*/
	width:265px;
}

.popup a:hover{
	text-decoration:underline;
}

.popup .close-box{
	margin-left:9px;
	cursor:pointer;
}

.popup h3{
	font-size:18px;
	font-weight:bold;
}

.popup .no-info{
	font-style:italic;
	color:#999;
}

#popup-top{
	background:url(../images/popup_top.gif) no-repeat bottom left;
	padding-bottom:32px;
	border-top:2px solid #666;
}

#popup-bottom{
	background:url(../images/popup_bottom.gif) no-repeat top left;
	padding-top:32px;
	border-bottom:2px solid #666;
}
/* =========== end popups ================ */