body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
    background: #ececec url(../images/bg.png) repeat-x 0 0; }

img, a, ul, li, h1, h2, h3, hr {
	border: 0;
	margin: 0;
	padding: 0; }

h1 span, h2 span, h3 span {
	display: none; }

a {
	color: #468fd2;
	text-decoration: none; }

	a:hover {
		text-decoration: underline;	}

.clear {
	clear: both; }

.none {
	display: none; }

#wrapper {
	height: 670px;
    width: 1218px;
    position: relative;
	margin: 16px auto 0;
    background: url(../images/bg_main.jpg) no-repeat 0 0; }    

	#logo {
        top: 60px;
        left: 960px;
        position: absolute; }

		#logo h1 a {
			width: 146px;
			height: 54px;
			display: block;
			background: url(../images/logo.png) no-repeat 0 0; }

	#menu {
        top: 145px;
        left: 140px;
		width: 220px;
        position: absolute; }

		#menu ul {
			list-style: none; }

			#menu ul li {
				padding: 0;
                float: left;
                margin: 0 0 1px; }

				#menu ul li a {
					width: 100px;
					height: 19px;
                    float: left;
					font-size: 9px;
					display: block;
					font-weight: bold;
					padding: 8px 0 0 30px;
					background: #b6c326 url(../images/menu_dot_unactive.png) no-repeat 10px 8px; }

					#menu ul li a:hover,
					#menu ul li a.active {
						width: 220px;
						text-align: right;
						padding: 8px 10px 0 0;
						background: #de0000 url(../images/menu_dot_active.png) no-repeat 118px 8px; }

						#menu ul li a:hover span,
						#menu ul li a.active span {
							width: 85px;
							display: block;
							text-align: left;
							padding-left: 138px; }

					#menu ul li a {
						color: #fff;
						text-decoration: none;
						text-transform: uppercase; }

    #finance {
        top: 326px;
        left: 140px;
        width: 455px;
        height: 256px;
        position: absolute;
        background: url(../images/finance.jpg) no-repeat 0 0; }    

        #finance p, 
        #finance ul {
            display: none; }

        #finance .logo {
            top: 30px;
            left: 4px;
            position: absolute;
            height: 25px;
            text-decoration: none;
            width: 150px;
        }
    
        #finance .button {
            top: 218px;
            left: 31px;
            color: #fff;
            width: 152px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            position: absolute;
            background: #de0000; }

        #finance .logo2 {
            top: 21px;
            left: 226px;
            position: absolute;
            height: 47px;
            text-decoration: none;
            width: 83px;
        }

        #finance .button2 {
            top: 218px;
            left: 262px;
            color: #fff;
            width: 152px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            position: absolute;
            background: #009de0; }

#content {
	top: 195px;
    left: 595px;
    width: 510px;
	height: 385px;
    position: absolute; }

	#content h2 {
		width: auto;
		height: 32px;
		margin: 25px 0 0 50px; }

        #content h2.home {
            height: 45px;
            background: url(../images/title_home.png) no-repeat 0 0; }

		#content h2.lokalita {
			background: url(../images/title_locality.png) no-repeat 0 0; }

		#content h2.standard-bytov {
			background: url(../images/title_standard.png) no-repeat 0 0; }

		#content h2.galeria {
			background: url(../images/title_gallery.png) no-repeat 0 0; }

		#content h2.investor {
			background: url(../images/title_investor.png) no-repeat 0 0; }

		#content h2.kontakt {
			background: url(../images/title_contact.png) no-repeat 0 0; }

	#content h3 {
		color: #44628b;
		font-size: 14px;
		font-weight: normal;
		margin: 15px 0 0 50px; }

	#content h4 {
		color: #7c8b34;
		font-size: 13px;
		padding: 0 0 0 12px;
		font-weight: normal;
		margin: 15px 0 0 50px;
		background: url(../images/green_dot.png) no-repeat 0 6px; }

	#content ul {
		list-style: none;
		margin: 12px 0 25px 50px; }

		#content ul li {
			line-height: 16px;
			padding: 0 0 0 12px;
			background: url(../images/green_dot.png) no-repeat 0 5px; }

	#content a.back {
		float: left;
		display: block;
		margin: 4px 0 25px 50px; }

	#content p {
		width: 385px;
		color: #3d4248;
		line-height: 15px;
		margin: 12px 0 25px 50px; }

	#content hr {
		height: 1px;
		width: 400px;
		line-height: 1px;
		text-align: left;
		margin: 12px 0 0 50px;
		border-bottom: 1px solid #c5ced3; }

	#content .contactHolder {
		padding: 10px 0 0 46px; }

		#content .contactHolder img {
			float: left;
			width: 137px; }

		#content .contactHolder p {
			float: left;
			width: 180px;
			margin: 0px 0 0 10px; }

	#content #galleryHolder {
        min-height: 270px;
        position: relative;
		margin: 12px 0 0 50px; }

		#galleryHolder .itemHolder {
			float: left;
            height: 95px;
			width: 130px;
			overflow: hidden;
			position: relative;
			margin: 6px 6px 6px 0; }

			#galleryHolder .itemHolder p {
				margin: 0;
				padding: 0;
				color: #7a7979; }

			#galleryHolder .itemHolder a {
				top: 79px;
				left: 114px;
				width: 16px;
				height: 16px;
				display: block;
				position: absolute;
				background: url(../images/green_plus.png) no-repeat 0 0; }

			#galleryHolder .itemHolder img {
				float: left;
                width: 130px;
				height: 95px;
				border-bottom: 7px solid #d8d8d8; }

	#content #itemHolder {
		margin: 0 0 0 25px; }

		.arrowHolder {
			float: left;
			margin: 175px 5px 0 5px; }

			.arrowHolder .left {
				width: 16px;
				height: 17px;
				display: block;
				background: url(../images/arrow_gallery_left.png) no-repeat 0 0; }

			.arrowHolder .right {
				width: 16px;
				height: 17px;
				display: block;
				background: url(../images/arrow_gallery_right.png) no-repeat 0 0; }

		#imageHolder {
			float: left;
			position: relative;
			margin: 40px 0 0 0; }

			#imageHolder img {
				border: 5px solid #e2e6e7; }
				
			#imageHolder a {
				top: 3px;
				left: 3px;
				width: 21px;
				height: 21px;
				display: block;
				position: absolute;
				background: url(../images/icon_close.png) no-repeat 0 0; }

			#imageHolder p {
				margin: 0;
				padding: 0;
				color: #7a7979;
				text-align: center; }

		.pagerHolder {
            height: 15px;
            width: 110px;
            margin: 0 auto; }

			.pager {
				color: #fff;
				margin: 0 5px;
				padding: 0 5px;
				font-weight: normal;
				background: #95a01d; }

#footer {
    bottom: 0;
    color: #8c8c8c;
	position: absolute;
	padding: 0px 0 0 145px; }

	.copyright {
		float: left;
		width: 230px;
		height: 25px; }

		.copyright p {
			margin: 0;
			padding: 6px 0 0 0; }

	.contact {
		float: left;
		width: 250px;
		height: 25px;
		background: url(../images/bg_hr_vertical.png) repeat-y 0 0; }

		.contact p {
			margin: 0;
			padding: 6px 0 0 25px; }

#splash {
	top: 105px;
	left: 850px;
	width: 182px;
    z-index: 100;
	height: 116px;
	position: absolute;
	background: url(../images/splash_phone.png) no-repeat 0 0; }