/*basics*/
body {
margin: 0;
color: #444;
font-family: 'Lucida Grande', Arial, sans-serif;
font-size:11px;
line-height:120%;
background:url(../img/bg.png) center top repeat-y;
}
textarea {
font-family: 'Lucida Grande', Arial, sans-serif;
font-size:11px;
line-height:120%;
}
ul, li {padding: 0;margin: 0;list-style: none;}
p, H1, H2, H3, H4, H5, H6, span, hr {margin: 0; padding: 0; display: block; font-size: 100%; border: 0}
.clear {float: none; clear: both; width: 100%; height: 1px; overflow: hidden; margin-bottom: -1px;}
a {color: #0099CC; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: none;}
.On {display: block}
.Off {display: none}
*:focus {outline: 0;}





/*------------------------header------------------------*/
	.PgHeader {
	width: 960px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background:url(../img/hdr-placeholder.png) left top no-repeat;
	height: 221px;
	z-index:5;
	margin-bottom:-0px;
	}
	/*illu*/
		.PgHeader img.illu{
		position: absolute;
		left: 0px;
		top: 0px;
		z-index:2;
		}
	/*logo*/
		.PgHeader img.logo{
		position: absolute;
		left: -1px;
		top: 15px;
		z-index:3;
		}
	/*map*/
		.PgHeader p.map {
		position: absolute;
		right: 10px;
		z-index:20;
		font-size: 10px;
		text-align: right;
		color:#C3C8CB;
		line-height: 110%;
		padding: 10px 90px 30px 0;
		height: 20px;
		overflow: hidden;
		}
		.PgHeader p.map a  {
		width: 86px;
		height: 54px;
		background:url(../img/hdr-map.png) left top no-repeat;
		position: absolute;
		right: 0;
		top: 3px;
		overflow: hidden;
		}
		.PgHeader p.map a strong  {
		position: relative;
		top: -40px;
		}
		.PgHeader p.map strong  {
		display: block;
		color:#F0F1F2;
		font-weight: normal;
		}
	/*menu*/
		.PgMenu  {
		width: 960px;
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index:20;
		}
		.PgMenu ul {
		float: left;
		clear: both;
		position: relative;
		z-index:3000;
		margin: -46px 0 -4px 355px;
		display: inline;
		background: url(../img/hdr-menu-bg-alfa.png) left top no-repeat;
		}
		.PgMenu ul li {
		float: left;
		clear: none;
		overflow: hidden;
		
		padding: 10px 0 0 0;
		height: 40px;
		}
		.PgMenu ul li.home {
		background: url(../img/hdr-menu-bg-alfa.png) left top no-repeat;
		padding-left: 7px;
		}
		.PgMenu ul li.more {
		background: url(../img/hdr-menu-bg-alfa.png) right top no-repeat;
		padding-right: 11px;
		position: absolute;
		right: -37px;
		top: 0;
		}
		.PgMenu ul li a {
		display: block;
		padding: 10px 9px 0 11px;
		height: 29px;
		float: left;
		font-size:11px;
		color: #666;
		background:url(../img/hdr-menu-line.png) 0px top no-repeat;
		overflow: hidden;
		}
		
		
		.PgMenu p.cover  {
		width: 580px;
		height: 8px;
		background: url(../img/menu-crop.png) left top no-repeat;
		position: absolute;
		left: 355px;
		bottom: -3px;
		z-index:10000;
		}
		
		
			/*active*/
			.PgMenu ul li a.active {
			font-weight: bold;
			color: #fff;
			background: url(../img/sidebaractiveitems.png) left -351px #828B92;
			margin-top: -2px;
			padding-top:12px;
			}
			/*home*/
			.PgMenu ul li.home a {
			padding: 10px 0 0 0;
			width: 32px;
			margin-left: -2px;
			background:url(../img/elements1.png) 3px -83px no-repeat;
			}
			.PgMenu ul li.home a:hover {background:url(../img/elements1.png) -47px -85px no-repeat;}
			.PgMenu ul li.home a.active {background:url(../img/elements1.png) -97px -83px no-repeat;}
			/*more*/
			.PgMenu ul li.more  {
			width: 26px;
			}
			.PgMenu ul li.more a {
			padding: 10px 0 0 0;
			width: 27px;
			background:url(../img/elements1.png) 5px -123px no-repeat;
			}
			.PgMenu ul li.more a:hover {background:url(../img/elements1.png) -45px -123px no-repeat;}
			.PgMenu ul li.more a.Close {background:url(../img/elements1.png) -95px -123px no-repeat; }
			/*2nd menu*/
				#PgMenu2 {
				width: 220px;
				background: #fff;
				position:absolute;
				right: -29px;
				top: 40px;
				z-index:10000;
				border: 2px solid #ddd;
				border-right: 1px solid #eee;
				border-top: none;
				padding-top: 20px;
				height:auto;
				}
				.Show {display: block;}
				.Hide {display: none;}
				#PgMenu2 ul {
				width: 220px;
				margin: 0;
				position: relative;
				float: left;
				overflow: hidden;
				margin: 0;
				background: none;
				}
				#PgMenu2 ul li  {
				width: 216px;
				margin: 0 0 0 2px;
				float: left;
				clear:both;
				border-top: 1px solid #ddd;
				position: relative;
				top: -1px;
				height: auto;
				padding: 0;
				}
				#PgMenu2 ul li a {
				display: block;
				float: left;
				height: auto;
				padding: 0;
				background: none;
				margin: 0;
				
				}
				#PgMenu2 ul li a span {
				display: block;
				float: left;
				padding: 10px 10px 16px 15px;
				color: #333;
				width: 261px;
				}
				#PgMenu2 ul li a span  em {
				color: #999;
				display: inline;
				font-style: normal;
				}
					/*icons*/
					#PgMenu2 ul li#el1 a span {background:url(../img/elements1.png) 12px -333px no-repeat;}
					#PgMenu2 ul li#el2 a span {background:url(../img/elements1.png) 12px -433px no-repeat;}
					#PgMenu2 ul li#el3 a span {background:url(../img/elements1.png) 12px -533px no-repeat;}
				#PgMenu2 ul li a:hover, #PgMenu2 ul li a.active {
				text-decoration: none;
				background: #f8f8f8;
				}
				#PgMenu2 ul li a.active {
				text-decoration: none;
				background: #f4f4f4;
				}
		
		
		
		
		
	/*bread crumb*/
		.breadcrumb {
		width: 570px;
		float:left;
		clear: both;
		position: relative;
		z-index:10;
		height: 20px;
		overflow: hidden;
		margin: -5px 0 0 -3px;
		display: inline;
		}
		.placescrumb {
		float: right;
		clear: none;
		width: 775px;
		}
		.breadcrumb li  {
		float: left;
		clear: none;
		margin-right: 4px;
		color: #999;
		display: inline;
		}
		.breadcrumb li a  {
		padding-right: 9px;
		background:url(../img/elements1.png) right -77px no-repeat;
		height: 22px;
		display: block;
		float: left;
		}
		.breadcrumb li.section  {font-weight:bold;color: #333;}
		.breadcrumb li.section a {color: #333;}
		.breadcrumb li.home a span {
		height: 20px;
		width: 18px;
		background:url(../img/elements1.png) 1px -36px no-repeat;
		display: block;
		top: -3px;
		position: relative;
		}
		.breadcrumb li.home a:hover span {background:url(../img/elements1.png) 1px -37px no-repeat;}

	/*site search*/
		.SiteSearch {
		position: absolute;
		z-index:30;
		left: 0px;
		top: 170px;
		width: 164px;
		height: 54px;
		background:url(../img/hdr-search.png) left  -132px no-repeat;
		}
		.SiteSearch div {
		border: 1px solid #aaa;
		background: #fff;
		float: left;
		clear: both;
		position: relative;
		margin: 19px 0 0 6px;
		display: inline;
		}
		.SiteSearch input.box {
		background:url(../img/hdr-search.png) left top no-repeat;
		width: 117px;
		height:22px;
		border: none;
		float: left;
		position: relative;
		margin: -1px -1px -2px -1px;
		padding: 0 26px 0 8px;
		font-size: 10px;
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		}
		.SiteSearch input.box:focus {
		background-position: left -43px;
		}
		.SiteSearch input.bttn {
		background:url(../img/hdr-search.png) -130px -79px no-repeat;
		width: 16px;
		height: 15px;
		border: none;
		position: absolute;
		right: 12px;
		top: 23px;
		z-index:4;
		cursor: pointer;
		padding: 0;
		}
		.SiteSearch img {
		position: absolute;
		right: 13px;
		top: 23px;
		z-index:-1;
		width: 14px;
		}
		.SiteSearch input.bttn:focus, .SiteSearch input.bttn:active {outline: none; border: none;}
		.SiteSearch.bussy img {z-index:5;}
		.SiteSearch.bussy input.bttn {display: none;}
		/*footer*/
		#SiteSearch2 {
		float: left;
		position: relative;
		top: 0;
		background:url(../img/ftr-search.png) left  -132px no-repeat red;
		height: auto;
		width: auto;
		}
		#SiteSearch2 div {margin: 0;}
		#SiteSearch2 input.box {background:url(../img/ftr-search.png) left top no-repeat;}
		#SiteSearch2 input.box:focus {background-position: left -43px;}
		#SiteSearch2 input.bttn {right: 5px;top: 4px;}
		#SiteSearch2 img {right: 6px;top: 4px;}
		


/*------------------------page------------------------*/
	.Page {
	width: 960px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index:10;
	background: #fff;
	}


	
/*-------------------------header------------------------------*/
	
	.hdr3 {
	float: left;
	clear: none;
	width: 787px;
	margin-left: -15px;
	margin-right: -200px;
	height: 121px;
	margin-top: -37px;
	margin-bottom:5px;
	background:url(../img/hdr-small-placeholder.png) -2px top no-repeat;
	position: relative;
	display: inline;
	}
	.hdr3map {
	height: 92px;
	background: none;
	z-index:30;
	position:relative;
	display: inline;
	}	
	.hdr3 img {
	margin-left:-2px;
	display: inline;
	position: relative;
	float: left;
	}	
	

/*------------------------Footer--------------------*/
.PgFooter {
	width: 960px;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 180px;
	margin-bottom:10px;
	font-size:10px;
	}
	
	.PgFooter .Footer{
	width: 960px;
	float: left;
	clear: both;
	background:url(../img/footer-bg.png) left top no-repeat;
	position:relative;
	}
	.PgFooter .Footer h6{
	color:#777;
	padding-bottom: 2px;
	}
	.PgFooter .Footer img.logo {
	position: relative;
	float: left;
	clear: none;
	margin: 20px 0 -20px 20px;
	display: inline;
	}
	.PgFooter .Footer ul {
	float: left;
	clear: none;
	margin: 115px 0 -60px 190px;
	position: relative;
	display: inline;
	z-index:10;
	}
	.PgFooter .Footer ul li {
	float: left;
	clear: none;
	width: 270px;
	padding: 0 30px 0 0;
	color: #999;
	line-height: 125%;
	}
	.PgFooter .Footer ul li a {
	color: #999;
	}
	/*contact*/
	.PgFooter .Footer ul li ul  {
	margin: 4px  0 0 0;
	}
	.PgFooter .Footer ul li ul  li {
	color:#444;
	}
	.PgFooter .Footer ul li ul  li strong{
	color:#555;
	font-size: 10px;
	}
	.PgFooter .Footer ul li ul  li a.mail {
	color: #61BEDD;
	}
	.PgFooter .Footer ul li ul  li a.more {
	display: block;
	background:url(../img/elements2.png) right -638px no-repeat;
	padding: 2px 16px 2px 0;
	float: left;
	}
	
	/*search*/
	.PgFooter .Footer .search{
	position: absolute;
	right: 14px;
	top: 92px;
	width: 160px;
	z-index:100000;
	}

	



	.PgFooter .FooterBttm{
	width: 945px;
	float: left;
	clear: both;
	padding: 70px 0 18px 15px;
	color: #aaa;
	}
	.PgFooter .FooterBttm p {
	position: relative;
	top: 4px;
	}
	.PgFooter .FooterBttm a{
	color: #aaa;
	}
	
	.PgFooter .pattern {
	position: absolute;
	left: 0;
	bottom: -90px;
	width: 174px;
	height: 146px;
	z-index:3;
	background:url(../img/footer-bg.png) -1001px -59px no-repeat;
	}
	
	
	
	


/*favs*/
	span.saveitem a, span.saveitem em {
	width: 20px;
	height: 20px;
	background:url(../img/elements2.png) left -34px no-repeat;
	display: block;
	float: left;
	}
	
	span.saveitem a:hover {
	background:url(../img/elements2.png) left -124px no-repeat;
	}
	span.saveitem em {
	background:url(../img/elements2.png) left -214px no-repeat;
	}
	/*list*/
	span.saveitem {
	position: absolute;
	left: -19px;
	top: 0;
	z-index:20;
	}
	/*guide info */
	span.saveitempage  {
	margin: -2px 0 -7px -2px;
	position: relative;
	left: 0;
	float: left;
	clear: both;
	}
	span.saveitempage a, span.saveitempage em {
	width: auto;
	padding: 2px 0 0 20px;
	color: #999;
	font-style: normal;	
	}
	span.saveitempage em {padding-left: 21px;}
	span.saveitempage em strong {font-weight: normal;}
	
/*moremenulike*/
a.moremenulike {
float: left;
clear: both;
background:url(../img/link-more-menulike.png) left top no-repeat;
margin-top: 4px;
margin-bottom: 4px;
}
a.moremenulike span {
display: block;
padding: 4px 20px 0 0;
margin-left: 8px;
height: 18px;
background:url(../img/link-more-menulike.png) right top no-repeat;
color:#4B4D4E;
white-space: nowrap;
}
a.moremenulike:hover {
background:url(../img/link-more-menulike.png) left -119px no-repeat;
text-decoration:none;
}
a.moremenulike:hover span {
background:url(../img/link-more-menulike.png) right -119px no-repeat;
}