/* ------------------------------
Bamboo Nail Spa main CSS
C2009. Pixel Art Bt.
www.pixelfactory.hu 
------------------------------ */

@import url(reset.css);

body {
	margin: 0;
	padding: 50px 0 0 0;
	background: #262626 url(../img/bamboobg3.gif) center top no-repeat;
	color: #333;
}

.nobg {
	background: #262626;
}

a:link,
a:visited {
	text-decoration: none;
	color: #497cab;
}

a:hover, 
a:active {
	text-decoration: underline;
	color: #5899d5;
}

div#pWrapper {
	margin: 0 auto;
	width: 800px;
}

div#pContainer {
	float: left;
	padding: 20px;
	width: 760px;
	background: #fff /*url(../img/bg3.gif)*/;
	position: relative;
}

div#pContainer div.masni {
    position: absolute;
    top: 50px;
    left: 650px;
    width: 150px;
    height: 150px;
    background: transparent url(/img/masni.gif) left top no-repeat;
}


div#pContainer.nobg {
	background: #262626;
}

div#pContainer h1 {
	display: none;
}

div#mainMenu {
	float: left;
	margin: 0 0 20px 0;
	width: 760px;
	height: 30px;
	background: #333;
}

	div#mainMenu ul {
		float: left;
		list-style-type: none;
	}

		div#mainMenu ul li {
			float: left;
			height: 30px;
			border-right: 1px solid #999;
			font-size: 0; /* IE6 */
			line-height: 0; /* IE6 */
		}

		div#mainMenu ul li a {
			display: block;
			width: 80px;
			height: 30px;
		}

			div#mainMenu ul li a span {
				display: none;
			}

			div#mainMenu ul li a#mnu_home {
				background: url(../img/mnu_home.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_services {
				background: url(../img/mnu_services.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_offers {
				background: url(../img/mnu_offers.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_press {
				background: url(../img/mnu_press.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_gallery {
				background: url(../img/mnu_gallery.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_contact {
				background: url(../img/mnu_contact.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_guest {
				background: url(../img/mnu_guests.gif) top left no-repeat;
			}

			div#mainMenu ul li a#mnu_references {
				background: url(../img/mnu_references.gif) top left no-repeat;
			}

			div#mainMenu ul li a.active,
			div#mainMenu ul li a:hover {
				background-position: 0 -30px !important;
			}

	div#mainMenu ul.langSwitch {
		float: right;
		width: 60px;
		list-style-type: none;
	}

		div#mainMenu ul.langSwitch li {
			float: left;
			width: 30px;
			height: 30px;
			border-right: none;
		}

			div#mainMenu ul.langSwitch li a {
				display: block;
				width: 30px;
				height: 30px;
			}

			div#mainMenu ul.langSwitch li a#lng_hu {
				background: url(../img/lng_hu.gif) top left no-repeat;
			}

			div#mainMenu ul.langSwitch li a#lng_en {
				background: url(../img/lng_en.gif) top left no-repeat;
			}

			div#mainMenu ul.langSwitch li a.active,
			div#mainMenu ul.langSwitch li a:hover {
				background-position: 0 -30px !important;
			}


div#pHeader {
	float: left;
	width: 760px;
	height: 130px;
	padding: 0 0 20px 0;
}

	div#pHeader div.logoCont {
		float: left;
		width: 220px;
		height: 130px;
		background: url(../img/bamboo_logo2.jpg) top left no-repeat;
	}

	div#pHeader div.pic {
		float: left;
		padding: 0 0 0 20px;
		width: 160px;
		height: 130px;
	}

		div#pHeader div.pic.p1 {
			background: url(../img/pic_01.jpg) top right no-repeat;
		}

		div#pHeader div.pic.p2 {
			background: url(../img/pic_02.jpg) top right no-repeat;
		}

		div#pHeader div.pic.p3 {
			background: url(../img/pic_03.jpg) top right no-repeat;
		}


div#pContent {
	float: left;
	padding: 0 0 20px 0;
	width: 760px;
	overflow:hidden;
}

	div#pContent div.bamboo {
		float: left;
		width: 418px;
		height: 430px;
		background: url(../img/bamboo.jpg) top left no-repeat;
	}

	div#pContent div.videoCont {
		float: left;
		padding: 0 0 0 182px;
		width: 396px; 
		height: 430px;
		text-align: center;
	}

		div#pContent div.videoCont a {
			color: #5899d5;
			font-weight: bold;
		}

	div#pContent div.introTxt {
		float: left;
		width: 342px;
		height: 430px;
		background: url(../img/bamboointro.gif) top left no-repeat;
	}

		div#pContent div.introTxt h1,
		div#pContent div.introTxt h2,
		div#pContent div.introTxt p {
			display: none;
		}

		div#pContent h2.gallery {
			width: 760px;
			height: 38px;
			background: url(../img/txt_galeria.gif) top left no-repeat
		}
		
		div#pContent h2.reference {
			width: 760px;
			height: 38px;
			background: url(../img/txt_referenciak.gif) top left no-repeat
		}
		div#pContent h2.guests {
			width: 400px;
			height: 33px;
			background: url(../img/txt_vendegeink.gif) top left no-repeat
		}

	div#pContent div.hamarosan {
		float: left;
		padding: 0 0 20px 0;
		width: 760px;
		height: 250px;
	}

	div#pContent div.galleryCont {
		float: left;
		width: 760px;
	}

		div#pContent div.galleryCont div.imgCont {
			float: left;
			padding: 0 20px 20px 0;
			width: 175px;
			/*height: 120px;*/
		}

			div#pContent div.galleryCont div.imgCont.last {
				float: left;
				padding: 0 0 20px 0;
				width: 175px;
				height: 120px;
			}

			div#pContent div.galleryCont div.imgCont a {
				float: left;
			}

			div#pContent div.galleryCont div.imgCont div.comment {
				float: left;
				margin: 3px 0 0 0;
				padding: 3px 3px 4px 3px;
				width: 169px;
				background: #eee;
				font-size: 11px;
				line-height: 14px;
			}

		div#pContent div.galleryCont div.reference {
			float: left;
			width: 390px;
			height: 120px;
		}
			div#pContent div.galleryCont div.reference h3{
				font-size:14px;
			}

	div#pContent div.contentRow {
		float: left;
		padding: 0 0 20px 0;
		width: 760px;
	}

		div#pContent div.contentRow.noPad {
			padding: 0 !important;
		}

		div#pContent div.contentRow.doublePad {
			padding: 0 0 40px 0;
		}

		div#pContent div.contentRow div.leftCont {
			float: left;
			width: 420px;
		}

			.noimg {
				display: none;
			}

			div#pContent div.contentRow div.leftCont.servicesLead {
				height: 96px;
				background: url(../img/txt_services_lead.gif) top left no-repeat
			}

			div#pContent div.contentRow div.leftCont h2.handCare {
				float: left;
				width: 420px;
				height: 38px;
				background: url(../img/txt_kezapolas.gif) top left no-repeat
			}

			div#pContent div.contentRow div.leftCont h2.footCare {
				float: left;
				padding: 25px 0 0 0;
				width: 420px;
				height: 38px;
				background: url(../img/txt_labapolas.gif) left 25px no-repeat
			}
			
			div#pContent div.contentRow div.leftCont h2.nailDesign {
				float: left;
				padding: 25px 0 0 0;
				width: 420px;
				height: 38px;
				background: url(../img/txt_mukorom.gif) left 25px no-repeat
			}

			div#pContent div.contentRow div.leftCont h2.maniPediCombo {
				float: left;
				padding: 25px 0 0 0;
				width: 420px;
				height: 38px;
				background: url(../img/txt_kombinalt-kezelesek.gif) left 25px no-repeat
			}

			div#pContent div.contentRow div.leftCont h2.offers {
				width: 420px;
				height: 38px;
				background: url(../img/txt_ajanlatok.gif) top left no-repeat
			}

			div#pContent div.contentRow h2.press {
				width: 760px;
				height: 38px;
				background: url(../img/txt_sajto.gif) top left no-repeat
			}

			div#pContent div.contentRow div.leftCont h2.contact {
				width: 420px;
				height: 38px;
				background: url(../img/txt_kapcsolat.gif) top left no-repeat
			}

				h2 span {
					display: none
				}

			div#pContent div.contentRow div.leftCont p {
				float: left;
				padding: 0 0 6px 0;
				width: 380px;
				font-size: 12px;
			}

			div#pContent div.contentRow div.leftCont p.contact {
				float: left;
				padding: 0 0 20px 0;
				width: 380px;
				font-size: 14px;
				line-height: 20px;
				/*font-weight: bold;*/
			}

			div#pContent div.contentRow div.leftCont h3 {
				float: left;
				width: 420px;
				font-size: 14px;
				line-height: 24px;
				font-weight: bold;
			}

				div#pContent div.contentRow div.leftCont h3.padmore {
					padding: 8px 0 0 0;
				}

			div#pContent div.contentRow div.leftCont p.contact a {
				font-size: 14px;
				line-height: 20px;
			}

			div#pContent div.contentRow div.leftCont div.serviceCont {
				float: left;
				margin: 0 0 10px 0;
				width: 380px;
				border-bottom: 1px solid #999;
			}

				div#pContent div.contentRow div.leftCont div.serviceCont.noBorder {
					border: none;
				}

				div#pContent div.contentRow div.leftCont div.serviceCont.noPad {
					float: left;
					margin: 0 !important;
					width: 380px;
					border-bottom: 1px solid #999;
				}

				div#pContent div.contentRow div.leftCont div.serviceCont.padMore {
					float: left;
					margin: 25px 0 10px 0;
					width: 380px;
					border-bottom: 1px solid #333;
				}

				div#pContent div.contentRow div.leftCont div.serviceCont.highLighted {
					float: left;
					margin: 0 0 10px 0;
					width: 380px;
					border-bottom: 1px solid #333;
					background: #333;
				}

				div#pContent div.contentRow div.leftCont div.serviceCont.highLighted.padMore {
					float: left;
					margin: 25px 0 10px 0;
					width: 380px;
					border-bottom: 1px solid #333;
					background: #333;
				}

					div#pContent div.contentRow div.leftCont div.serviceCont.highLighted div.titleCont {
						float: left;
						padding: 10px 0 10px 0;
						width: 380px;
					}

						div#pContent div.contentRow div.leftCont div.serviceCont.highLighted div.titleCont h3 {
							float: left;
							padding: 0 0 0 10px;
							width: 290px;
							font-size: 14px;
							line-height: 18px;
							font-weight: bold;
							color: #fff;
						}

						div#pContent div.contentRow div.leftCont div.serviceCont.highLighted div.titleCont div.price {
							float: right;
							width: 80px;
							font-size: 14px;
							font-weight: bold;
							color: #fff;
						}

				div#pContent div.contentRow div.leftCont div.serviceCont div.titleCont {
					float: left;
					padding: 0 0 10px 0;
					width: 380px;
				}

					div#pContent div.contentRow div.leftCont div.serviceCont div.titleCont h3 {
						float: left;
						width: 300px;
						font-size: 14px;
						line-height: 18px;
						font-weight: bold;
					}

						div#pContent div.contentRow div.leftCont div.serviceCont div.titleCont h3 span.comment {
							float: left;
							width: 300px;
							font-size: 11px;
							font-style: italic;
							font-weight: normal;
						}

					div#pContent div.contentRow div.leftCont div.serviceCont div.titleCont div.price {
						float: right;
						width: 80px;
						font-size: 14px;
						font-weight: bold;
					}

				div#pContent div.contentRow div.leftCont div.serviceCont ul {
					float: left;
					padding: 0 0 10px 0;
					width: 380px;
					list-style-type: none;
				}

					div#pContent div.contentRow div.leftCont div.serviceCont ul li {
						padding: 0 0 2px 12px;
						background: url(../img/bullet.gif) left center no-repeat;
					}

		div#pContent div.contentRow div.rightCont {
			float: left;
			width: 340px;
		}

			div#pContent div.contentRow div.rightCont.specOffer {
				height: 96px;
				background: url(../img/specoffer.gif) top left no-repeat
			}

			div#pContent div.contentRow div.rightCont.hand {
				height: 450px;
				background: url(../img/pic_hand.jpg) top left no-repeat
			}

			div#pContent div.contentRow div.rightCont.feet {
				height: 450px;
				background: url(../img/pic_feet.jpg) top left no-repeat
			}

			div#pContent div.contentRow div.rightCont.nails {
				height: 450px;
				background: url(../img/pic_nails.jpg) top left no-repeat
			}

				div#pContent div.contentRow div.rightCont h2.map {
					width: 340px;
					height: 38px;
					background: url(../img/txt_terkep.gif) top left no-repeat
				}

				div#pContent div.contentRow div.rightCont div#gmapCont {
					width: 340px;
					height: 260px;
					overflow: hidden;
				}


div#pFooter {
	float: left;
	width: 760px;
	height: 60px;
	background: #333;
}

	div#pFooter div.laRic {
		float: left;
		width: 200px;
		height: 60px;
		background: url(../img/pic_lariclogo_footer.gif) top left no-repeat;
	}

		div#pFooter div.laRic span {
			display: none;
		}

	div#pFooter div.contactInfo {
		float: right;
		padding: 8px 0 0 0;
		width: 320px;
		height: 52px;
	}

		div#pFooter div.contactInfo ul {
			float: left;
			width: 160px;
			height: 52px;
			list-style-type: none;
		}

			div#pFooter div.contactInfo ul li {
				color: #e1e1e1;
				font-size: 10px;
				line-height: 14px;
			}

				div#pFooter div.contactInfo ul li a {
					font-size: 10px;
					line-height: 14px;
					color: #e1e1e1;
					text-decoration: none;
				}

				div#pFooter div.contactInfo ul li a:hover {
					text-decoration: underline;
				}

div#copy {
	float: left;
	width: 760px;
	height: 138px;
	padding: 20px;
	/*text-align: center;*/
	font-size: 10px;
	color: #888;
	background: url(../img/bbottom.gif) top right no-repeat;
}

	div#copy a {
		font-size: 10px;
		color: #888;
	}
div.facebook {
	position: absolute;
    top: 60px;
    left: 20px;
	height:16px;
	background: url(../img/facebook.png) top left no-repeat;
	padding-top:1px;
}
div.facebook a {
	color:#333;
	padding:0px 0px 0px 20px;
}

/****/
.leftcol { float:left; }
.leftcol dl { margin-top: 25px; overflow: hidden; }
.leftcol dt {
	float:left;
	font-size: 14px;
	font-weight: bold;
	width: 205px;
}
.leftcol dd { margin-bottom: 20px; }

.rightcol { float:right; width: 330px; margin-right: 10px; }
.rightcol img { display: block; margin-bottom: 20px;}