/* 
credithill.hu
2010
v.2.0
created by paizai
*/

/* body & wrapper */

body {
	background: #2a2a2a url(../img/bg-body-x.gif) repeat-x;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #2a2a2a;
}

#wrapper {
	width: 100%;
	margin: 0; padding: 0;
	background: url(../img/bg-body-fixed.jpg) no-repeat;
	background-position: top center;
}
	.wrapper-inner {
		position: relative;
		width: 980px;
		margin: 0 auto; padding: 0;
		
	}

/* typo */

p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px; padding: 0;
}

h1 {
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 35px; padding: 0;
}

h3 {
	float: left;
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 25px; padding: 20px 0 0;
}

h6 {
	float: left;
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 20px; padding: 15px 0 0;
}

/* top */

#header {
	float: left;
	display: inline;
	width: 980px; height: 165px;
	margin: 0; padding: 0;
}

	#header .logo {
		position: absolute;
		top: 30px; left: 0;
		width: 230px; height: 130px;
	}
	
	#header #topbox {
		display: inline;
		width: 330px; height: 120px;
	}
		#topbox h6 {
			text-indent: -9999px;
		}
		
		ul#submenu1, ul#submenu2 {
			position: absolute;
			top: 107px; left: 377px;
			width: 237px; height: 25px;
			margin: 0; padding: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}
		ul#submenu2 {
			left: 737px;
			
		}
			ul#submenu1 li, ul#submenu2 li {
				position: relative;
				float: left;
				display: block;
				width: 212px;
				margin: 0; padding: 0;
			}
			ul#submenu1 li a, ul#submenu2 li a {
				display: block;
				margin: 0; padding: 6px 0;
				font-size: 12px;
				line-height: 1;
				color: #2a2a2a;
				text-decoration: none;
				cursor: pointer;
			}
				ul#submenu1 ul, ul#submenu2 ul {
					position: absolute;
					top: 24px; left: 0;
					margin: 0; padding: 0;
					display: none;
					box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
					-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
				}
				ul#submenu2 ul {
					height: 226px;
					overflow-y: auto;
					overflow-x: hidden;
				}
					ul#submenu1 ul li, ul#submenu2 ul li {
						position: relative;
						float: none;
						margin: 0; padding: 0;
					}
						ul#submenu1 ul li a, ul#submenu2 ul li a { 
							display: block;
							height: auto;
							margin: 0; padding: 6px 7px;
							border: 1px solid #bbb;
							border-top: 0;
							background-image: none;
							background-color: #e3e3e3;
							text-indent: 0;
						}
						ul#submenu1 ul li:first-child a, ul#submenu2 ul li:first-child a { 
							border-top: 1px solid #bbb;
						}
							ul#submenu1 ul li a:hover, ul#submenu2 ul li a:hover {
								background: none;
								background-color: #fff;
							}

/* menu */

#menubar {
	float: left;
	display: inline;
	width: 980px; height: 50px;
	margin: 0; padding: 25px 0 0;
	background: url(../img/bg-menu.jpg) no-repeat;
}

	ul#menu {
		float: left;
		display: inline;
		width: 710px; height: 50px;
		margin: 0 0 0 14px; padding: 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}
		ul#menu li {
			position: relative;
			float: left;
			display: block;
			margin: 0; padding: 0;
		}
			ul#menu li a {
				display: block;
				height: 50px;
				margin: 0; padding: 0;
				color: #2a2a2a;
				text-decoration: none;
				text-indent: -9999px;
			}
			
			ul#menu li a.menu1 { background: url(../img/bg-menu1.gif) no-repeat; width: 88px; }
			ul#menu li a.menu2 { background: url(../img/bg-menu2.gif) no-repeat; width: 158px; }
			ul#menu li a.menu3 { background: url(../img/bg-menu3.gif) no-repeat; width: 121px; }
			ul#menu li a.menu4 { background: url(../img/bg-menu4.gif) no-repeat; width: 121px; }
			ul#menu li a.menu5 { background: url(../img/bg-menu5.gif) no-repeat; width: 113px; }
			ul#menu li a.menu6 { background: url(../img/bg-menu6.gif) no-repeat; width: 109px; }
			ul#menu li a.menu7 { background: url(../img/bg-menu7.gif) no-repeat; width: 109px; }
			
			ul#menu li a:hover, ul#menu li a.hover { background-position: 0 -50px; }	
			ul#menu li a.active { background-position: 0 -100px; }
			
				ul#menu li ul {
					position: absolute;
					top: 33px; left: 10px;
					margin: 10px 0 0; padding: 0;
					width: 130px;
					display: none;
					box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
					-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
				}
					ul#menu li ul li {
						position: relative;
						float: none;
						width: 130px;
						margin: 0; padding: 0;
						font-size: 13px;
						line-height: 15px;
					}
						ul#menu li ul li a, ul#menu li ul li a.active { 
							display: block;
							width: 108px; height: auto;
							margin: 0; padding: 7px 10px;
							border: 1px solid #cda150;
							border-top: 0;
							background-image: none;
							background-color: #ead587;
							text-indent: 0;
						}
						ul#menu li ul li:first-child a { 
							border-top: 1px solid #cda150;
						}
							ul#menu li ul li a:hover {
								background: none;
								background-color: #fbf2b0;
							}
								#menu li ul li a.active {
									font-weight: bold;
								}

/* content */
#content {
	float: left;
	width: 980px;
	margin: 0; padding: 0;
}

/* sidebar */

#sidebar {
	float: left;
	position: relative;
	width: 250px;
	margin: 0; padding: 0;
	background: url(../img/bg-sidebar-y.gif) repeat-y;
}
	.sidebar-inner {
		float: left;
		width: 250px;
		margin: 0; padding: 0 0 25px;
		background: url(../img/bg-sidebar-top.gif) no-repeat;
	}
	.sidebar-bottom {
		position: absolute;
		bottom: -10px;
		width: 250px; height: 10px;
		margin: 0; padding: 0;
		background: url(../img/bg-sidebar-bottom.png) no-repeat;
	}
	
		#sidebar div.par {
			float: left;
			position: relative;
			display: inline;
			width: 200px;
			margin: 4px 25px 0; padding: 20px 0 0;
			border-top: 1px solid #d0b275;
		}
		#sidebar div.first {
			margin:	40px 25px 0; padding: 0;
			border-top: none;
		}
		#sidebar div.kiemelt {
			margin:	4px 25px 20px;
			padding: 0;
			border-top: none;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			text-align: center;
		}
		#sidebar div.kiemelt a {
			color: #000;
			text-decoration: none;
		}
		#sidebar div.kiemelt a:hover {
			text-decoration: underline;
		}
	
			ul#submenu3 {
				width: 200px;
				margin: 0; padding: 0;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			}
				ul#submenu3 li {
					display: block;
					width: 100%;
					margin: 0 0 15px; padding: 0;
				}
					#submenu3 li a {
						display: block;
						margin: 0; padding: 0;
						font-size: 13px;
						line-height: 16px;
						font-weight: bold;
						color: #f9f4ea;
						text-decoration: none;
					}
					#submenu3 li a:hover {
						text-decoration: underline;
					}
					
			#sidebar h6 {
				font-size: 13px;
				line-height: 16px;
				color: #f9f4ea;
				margin: 0 0 10px; padding: 0;
			}
				#sidebar h6 a {
				text-decoration: none;
				color: #f9f4ea;
				}
				#sidebar h6 a:hover {
					text-decoration: underline;
				}
			#sidebar div.par p {
				font-size: 12px;
				line-height: 18px;
				margin: 0 0 16px; padding: 0;
				color: #f9f4ea;
			}
			
			#sidebar .icons {
				float: left;
				display: inline;
				margin: 0 0 0 20px; padding: 0 0 16px;
			}
				#sidebar .icons:first-child {
					margin: 0;
				}
				#sidebar a.icon {
					float: left;
					margin: 0; padding: 0;
				}
				#sidebar a.link {
					float: left;
					margin: 8px 0 0 10px; padding: 0;
					font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
					font-size: 13px;
					line-height: 16px;
					font-weight: bold;
					color: #f9f4ea;
					text-decoration: none;
				}
				#sidebar a.link:hover {
					text-decoration: underline;
				}

/* mainpage */

#mainpage {
	float: right;
	display: inline;
	width: 680px; /*730*/
	margin: 0; padding: 38px 25px 0;
	background: #f9f4ea url(../img/bg-page-top.gif) no-repeat;
	z-index: 1;
}	
	.welcome-text {
		float: left;
		display: inline;
		width: 310px;
		margin: 0 20px 0 0; padding: 0 20px 0 0;
	}
	
	.slideshow {}
		h3.slogan {
			float: none;
			position: absolute;
			bottom: 0;
			text-align: center;
		}
	
	#boxes {
		float: left;
		display: block;
		width: 680px;
		margin: 30px 0 25px; padding: 30px 0 25px;
		border-bottom: 1px solid #9f988c;
		border-top: 1px solid #9f988c;
	}
		.box {
			float: left;
			width: 210px;
			display: inline;
			margin: 0 0 0 25px;
		}
		.box:first-child {
			margin: 0;
		}
			.box img {
				border: 1px solid #9f988c;
			}
		.box h6 {
			margin: 15px 0 10px; padding: 0;
		}
			.box h6 a {
				text-decoration: none;
				color: #2a2a2a;
			}
			.box h6 a:hover {
				text-decoration: underline;
			}
		.box p {
			margin: 0;
		}
		
	.linklist {
		float: left;
		display: inline;
		width: 330px;
		margin: 0 0 25px 0; padding: 0;
	}
	.linklist:first-child {
		margin: 0 20px 0 0;
	}
		.linklist ul {
			width: 310px;
			margin: 0; padding: 0;
		}
			.linklist ul li {
				font-size: 13px;
				line-height: 18px;
				margin: 0 0 14px; padding: 0;
			}
				.linklist ul li a {
					text-decoration: none;
					color: #2a2a2a;
				}
				.linklist ul li a:hover {
					text-decoration: underline;
				}
		.linklist h3 {
			width: 330px;
			margin: 25px 0; padding: 0;
		}
		.linklist p.more {
			float: left;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;	
			font-weight: bold;
			margin: 30px 0 0;
		}
			.linklist p.more a {
				text-decoration: underline;
				color: #2a2a2a;
			}
			.linklist p.more a:hover {
				text-decoration: none;
			}

/* page */

#page {
	float: left;
	display: inline;
	width: 580px; /*730*/
	margin: 0; padding: 50px 75px 0;
	background: #f9f4ea url(../img/bg-page-top.gif) no-repeat;
}

	#page p a {
		text-decoration: underline;
		color: #a66f00;
	}
	#page p a:hover {
		text-decoration: none;
	}
	#page h1.iroda {
		margin: 0 0 5px;
	}
	#page h3.first {
		padding: 0;
	}
	#page h6 a {
		text-decoration: none;
		color: #2a2a2a;
	}
	#page h6 a:hover {
		text-decoration: underline;
	}

	#page ul, #page ol {
		float: left;
		width: 580px;
		margin: 0 0 20px; padding: 0;
	}
		#page ul li, #page ol li {
			float: left;
			display: inline;
			width: 510px;
			margin: 0 0 10px; padding: 0 0 0 70px;
			background: url(../img/bg-page-li.gif) no-repeat;
			background-position: 50px 7px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			font-size: 13px;
			line-height: 20px;
		}
		#page ul.sitemap li {
			margin: 0 0 10px; padding: 0 0 0 70px;
			background: url(../img/bg-page-li-2.gif) no-repeat;
			background-position: 50px 5px;
		}
		#page ul.lex li, #page ul.search li {
			padding: 0 0 0 25px;
			background: none;
		}
		#page ol li {
			list-style: inside decimal;
			display: list-item;
			width: 510px;
			margin: 0 0 10px 70px; padding: 0 0 0 10px;
			background: none;
		}
			#page ul li a, #page ol li a {
				text-decoration: underline;
				color: #a66f00;
			}
			#page ul li a:hover, #page ol li a:hover {
				text-decoration: none;
			}
			#page ul.sitemap li a {
				text-decoration: none;
				color: #2a2a2a;
			}
			#page ul.sitemap li a:hover {
				text-decoration: underline;
			}
		
		#page ul.cities {
			margin: 0 0 10px; padding: 0;
		}
			#page ul.cities li {
				display: inline;
				width: 580px;
				background: none;
				margin: 0 0 20px; padding: 0;
			}
				#page ul.cities li strong {
					display: block;
					width: 580px;
					margin: 5px 0 15px;
					font-size: 14px;
					text-transform: uppercase;
				}
	
	#page #myList-nav {
		float: left;
		width: 580px;
	}			
	#page ul#myList {
		float: left;
		width: 580px;
		margin: 25px 0 0; padding: 0;
	}
		ul#myList li {
			width: 580px;
			margin: 0; padding: 0;
			background: none;
		}
			#myList li span {
				visibility: hidden;
			}
			#myList li h6 {
				margin: 0 0 10px; padding: 0;
			}
			
	#page ul#gallery {
		float: left;
		width: 580px;
		margin: 0; padding: 0;
	}
		ul#gallery li {
			float: left;
			width: 128px;
			height: 78px;
			margin: 0 20px 20px 0; padding: 0;
			display: inline;
			border: 1px solid #ccc;
		}
		ul#gallery li.last {
			margin: 0 0 20px 0; padding: 0;
		}
			ul#gallery li a.thumb {
				display: block;
				width: 128px;
				height: 78px;
				cursor: pointer;
			}
			ul#gallery li span {
				width: 128px;
				height: 78px;
				overflow: hidden;
				display: block;
			}
			
	#page div#accordion {
		float: left;
		width: 580px;
		margin: 25px 0; padding: 0;
	}
		#accordion h6 {
			float: left;
			width: 580px;
			margin: 10px 0 15px; padding: 0;
		}
			#accordion h6 a  {
				display: block;
				cursor: pointer;
				text-decoration: none;
			}
			#accordion h6.selected {
				font-size: 18px;
				line-height: 20px;
			}
				#accordion h6 a:hover {
					color: #6a6a6a;
				}
		#accordion div {
			float: left;
			width: 580px;
			margin: 5px 0 15px; padding: 0;
			border-bottom: 1px solid #cacaca;
		}

/* forms */

.clearFieldBlurred { color: #6a6a6a; }
.clearFieldActive { color: #2a2a2a; }

button {
	float: right;
	position: relative;
	border: 0; 
	margin: 0; padding: 0;
	cursor: pointer;
	overflow: visible;
}
button::-moz-focus-inner {
	border: none;
}
	button span { 
		position: relative;
		display: block; 
		white-space: nowrap;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* fix margins */
	button span {
		margin-top: -1px;
	}
}

button.submitBtn { 
	padding: 0 10px 0 0; margin: 11px 0 0 5px; 
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-align: center; 
	background: transparent url(../img/bg-button.png) no-repeat right -56px; 
}
	button.submitBtn span {
		margin: 0; padding: 6px 0 0 10px; 
		height: 22px; 
		background: transparent url(../img/bg-button.png) no-repeat left top; 
		color: #fff; 
	}
	button.submitBtn:hover, button.submitBtnHover {
		background-position: right -84px; 
	}
	button.submitBtn:hover span, button.submitBtnHover span {
		background-position: 0 -28px;
	}

#menubar form#searchform, #sidebar form#newsletter {
	float: right;
	display: inline;
	width: 200px;
	margin: 0 25px 0 0; padding: 0;
}
#sidebar form#newsletter {
	float: left;
	width: 200px;
	margin: 0 0 16px;
}
#page form.tags, #page form.questions {
	float: left;
	display: inline;
	width: 580px;
	margin: 0 0 25px; padding: 0;
}
#page form#contactform {
	float: left;
	display: inline;
	width: 580px;
	margin: 0 0 50px;
}
	#page form#contactform div, #page form#contactform div.right {
		float: left;
		display: inline;
		width: 260px;
		margin: 0 30px 0 0; padding: 0;
	}
	#page form#contactform div.right {
		margin: 0 0 0 30px;
	}

	form #input {
		float: right;
		width: 100px; height: 14px;
		margin: 10px 0 0; padding: 7px;
		color: #6a6a6a;
		font-size: 12px;
		line-height: 1;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		background: #fff url(../img/bg-input-x.gif) repeat-x;
		border: 1px solid #9a9a9a;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		#sidebar form#newsletter #input, #page form.tags #input {
			float: left;
			width: 130px; height: 14px;
			margin: 0; padding: 7px;
		}
		#sidebar form#newsletter button, #page form.tags button {
			float: left;
		}
			#sidebar form#newsletter button.submitBtn, #page form.tags button.submitBtn {
				margin: 1px 0 0 5px;
			}
		#page form#contactform input, #page form#contactform select {
			width: 244px;
			margin: 10px 0 20px; padding: 7px;
		}
		#page form#contactform select {
			width: 260px;
			margin: 10px 0 20px; padding: 0;
		}
		#page form#contactform label {
			font-size: 13px;
			line-height: 15px;
			margin: 0; padding: 0;
		}
			
	form textarea {
		width: 570px;
		max-width: 570px;
		height: 100px;
		margin: 0; padding: 6px 4px 4px;
		font-size: 12px;
		line-height: 14px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		color: #6a6a6a;
		background: #fff url(../img/bg-input-x.gif) repeat-x;
		border: 1px solid #9a9a9a;
		overflow: auto;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		#page form#contactform textarea {
			width: 250px;
			max-width: 250px;
			height: 210px;
		}

/* map */

#map {
	position: relative;
	float: left;
	width: 580px; height: 379px;
	margin: 10px 0 25px; padding: 0;
	background: #f9f4ea url(../img/bg-map.gif);
	overflow: hidden;
}
	#infobox {
		position: absolute;
		display: block;
		z-index: 20;
		bottom: -280px; left: 290px;
		height: 215px; width: 340px;
		margin: 0 0 -175px -190px; padding: 20px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		overflow: hidden;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	}
		#infobox h6 {
			padding: 0;
			font-size: 18px;
			line-height: 22px;
		}
		#infobox a {
			text-decoration: underline;
			color: #a66f00;
		}
		#infobox a:hover {
			text-decoration: none;
		}
		span.close {
			position: absolute;
			right:15px; top:15px;
		}
			span.close:hover {
				filter:alpha(opacity=80);
				-moz-opacity: 0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;
			}
		#infobox div {
			margin: 0; padding: 0;
			font-size: 13px;
			line-height: 17px;
		}
			#infobox strong {
				display: block;
				width: 100%;
				margin: 5px 0 15px;
				font-size: 14px;
				text-transform: uppercase;
			}
			#infobox .scroll {
				float: left;
				display: inline;
				width: 100%; height: 175px;
				margin: 0; padding: 0;
				overflow-y: auto;
				overflow-x: hidden;
			}
	#fade_bg {
		position: absolute;
		z-index: 15;
		width: 100%; height: 100%;
		background: url(../img/dim.png);
		display: none;
	}
	#map .more {
		position: absolute;
	}
		#map .more a {
			display: block;
			width: 21px; height: 18px;
			background: url(../img/bg-flag.png) no-repeat;
		}
	/* flags' postion */
	#budapest { top: 135px; left: 260px; }
	#baja { top: 301px; left: 248px; }
	#bekescsaba { top: 234px; left: 428px; }
	#dabas { top: 172px; left: 284px; }
	#debrecen { top: 134px; left: 472px; }
	#dunaujvaros { top: 202px; left: 245px; }
	#eger { top: 92px; left: 358px; }
	#esztergom { top: 98px; left: 235px; }
	#gyongyos { top: 108px; left: 327px; }
	#gyor { top: 111px; left: 152px; }
	#jaszbereny { top: 136px; left: 324px; }
	#kaposvar { top: 268px; left: 160px; }
	#karcag { top: 156px; left: 401px; }
	#kecskemet { top: 207px; left: 309px; }
	#keszthely { top: 220px; left: 116px; }
	#mateszalka { top: 87px; left: 528px; }
	#miskolc { top: 68px; left: 387px; }
	#nagykanizsa { top: 256px; left: 95px; }
	#papa { top: 160px; left: 144px; }
	#pecs { top: 309px; left: 191px; }
	#salgotarjan { top: 64px; left: 322px; }
	#sarvar { top: 160px; left: 94px; }
	#siofok { top: 200px; left: 183px; }
	#szeged { top: 283px; left: 343px; }
	#szekesfehervar { top: 175px; left: 208px; }
	#szekszard { top: 270px; left: 230px; }
	#szentes { top: 238px; left: 353px; }
	#szolnok { top: 170px; left: 344px; }
	#szombathely { top: 166px; left: 64px; }
	#tatabanya { top: 117px; left: 221px; }
	#tiszaujvaros { top: 89px; left: 408px; }
	#veszprem { top: 182px; left: 171px; }
	#zalaegerszeg { top: 211px; left: 82px; }

/* listNav */

.listNav { margin: 0 0 25px; }
.ln-letters { overflow: hidden; }
.ln-letters a { font-size: 16px; color: #4b4a45; text-decoration: none; display: block; float: left; padding: 2px 5px; }
.ln-letters a.ln-last {}
.ln-letters a:hover { color: #262626; }
.ln-letters a.ln-selected { color: #262626; font-weight: bold; text-decoration: underline; }
.ln-letters a.ln-disabled { color: #9b9a95; }
.ln-letter-count { text-align: center; font-size: 9px; line-height: 1; margin-bottom: 3px; color: #9b9a95; }

/* tipsy tooltip */

.tipsy { padding: 5px; /*opacity: 0.8; filter: alpha(opacity=80);*/ background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
.tipsy-inner { padding: 5px 5px 7px 7px; background-color: #262626; color: #f1efe6; max-width: 200px; font-size: 9px; line-height: 12px; text-align: left; }
.tipsy-inner { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* simple tooltip */

#tooltip {
	position: absolute;
	max-width: 240px;
	padding: 5px;
	font-size: 10px;
	line-height: 12px;
	color: #6a6a6a;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
}

/* footer */

.footer {
	float: right;
	position: relative;
	display: inline;
	margin: 0; padding: 50px 0 35px;
	width: 730px;
	background-color: #f9f4ea;
}
	.credit {
		float: left;
		display: inline;
		width: 340px;
		margin: 0 0 0 25px; padding: 15px 0 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 13px;
		border-top: 1px solid #9f988c;
	}
	.quicklinks {
		float: left;
		display: inline;
		width: 340px;
		margin: 0; padding: 15px 0 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 13px;
		border-top: 1px solid #9f988c;
	}
		.quicklinks ul {
			width: 340px;
		}
			.quicklinks ul li {
				float: right;
				display: inline;
				margin: 0 0 0 10px;	
			}
				.quicklinks ul li a {
					text-decoration: none;
					color: #2a2a2a;
				}
				.quicklinks ul li a:hover {
					text-decoration: underline;
					color: #2a2a2a;
				}
	.footer-bottom {
		position: absolute;
		bottom: -10px; left: 0;
		width: 730px; height: 10px;
		margin: 0; padding: 0;
		background: url(../img/bg-page-bottom.png) no-repeat;
	}
	
.bottom {
	clear: both;
	width: 980px; height: 75px;
}