﻿* {margin: 0; padding: 0;}
html {font-size: 100.01%;}
body {font-size: 62.5%; font-family: arial; line-height: 1.4em; background: #0D0D0D; color: white; line-height: 200%;}
table {border-collapse:	collapse; width: 100%;}
td {vertical-align: top;} .vert_bot {vertical-align: bottom;} .vert_mid {vertical-align: middle;}

/* Links */
a:link {color: #5C91B7; text-decoration: underline;} a:visited {color: #5C91B7; text-decoration: underline;} a:hover {color: #5C91B7; text-decoration: underline;} a:active {color: #5C91B7; text-decoration: underline;}
a.green:link {color: #A0C73A; text-decoration: none;} a.green:visited {color: #A0C73A; text-decoration: none;} a.green:hover {color: #A0C73A; text-decoration: underline;} a.green:active {color: #A0C73A; text-decoration: underline;}
a.light:link {color: #A3C9E4; text-decoration: underline;} a.light:visited {color: #A3C9E4; text-decoration: underline;} a.light:hover {color: #E5C98E; text-decoration: underline;} a.light:active {color: #E5C98E; text-decoration: underline;}
a.Off:link, a.Off:visited, a.Off:hover, a.Off:active {color: white; text-decoration: underline;}


span.light2 {color: #A3C9E4 !important; text-decoration: underline; cursor: pointer;}
span.light2:hover {color: #E5C98E !important; text-decoration: underline; cursor: pointer;}

#Section h1 {text-decoration: none !important; cursor: pointer;}
#Section h1:hover {text-decoration: underline !important; cursor: pointer;}

span.mapIt {text-decoration: none !important; cursor: pointer;}
span.mapIt:hover {text-decoration: underline !important; cursor: pointer;}

span.light3 {color: #add73c !important; text-decoration: underline; cursor: pointer;}
span.light3:hover {color: #bfea49 !important; text-decoration: underline; cursor: pointer;}

#wide1 {background: url(../zeta/long_bg1.gif) repeat 0 0; width: 100%; float: left;}
#wide2 {background: url(../zeta/long_bg0.gif) repeat-y 0 0; width: 100%; float: left;}
#wide3 {background: url(../zeta/long_bg2.gif) repeat-y 1101px 0; width: 100%; float: left;}
#wide4 {background: url(../zeta/long_bg3.gif) repeat-y 1214px 0; width: 100%; float: left;}

#CONTAINER {float: left; width: 1010px; background: #0D0D0D;}

#Menu {float: left; clear: both; width: 100%;}
	#Menu_Padder {float: left; width: 50px; height: 15em;}
	#Logo_Holder {float: left; width: 300px; height: 15em;}
	#Menu ul {list-style-type: none; font-family: arial; font-style: italic; font-size: 1.1em; margin-top: 0.5em; line-height: 1.4em;}
    	#Menu ul li {margin-top: 0.7em;}
		#Menu ul li h1 {font-size: 1.1em; color: white; font-family: arial; line-height: 1.4em;}

        #Section ul li h1 span span {text-decoration: underline !important; cursor: pointer !important; text-transform: none !important; margin-top: 0px !important;}


		#Menu ul span {color: #E5C98E; font-weight: normal;}
	#Sections_Holder {float: left; padding-bottom: 1.5em;}
		#Section {float: left; margin-top: 20px; width: 20em; padding-right: 2em;}
		#Sections_Spacer {float: left; background: url(../zeta/menu_Dots.gif) repeat-y right top; height: 88px; margin: 50px 12px 0 9px; padding-top: 4px;}
		#Section ul li {width: 17em;}	
#Switch {float: left; width: 56px; margin: 45px 0 0 30px;}
	
#Content {float: left; width: 100%; padding-left: 0px;}
	#Photo {float: left; width: 794px; height: 456px; background-position: right top !important;}
		#Photo img {margin: 0px 0 0 0px;}
	#Info_Holder1 {float: left; background: url(../zeta/Red_Pointer.jpg) no-repeat 0 258px;}
	#Info_Holder2 {float: left; width: 210px; height: 456px;}
	
		h1 {font-family: Minion Pro, Times New Roman; font-size: 3em; font-style: italic; font-weight: normal; color: #E5C98E; line-height: 1em; margin-bottom: 0.8em;}
			h1 span {text-transform: uppercase; font-size: 1.3em; font-style: normal; display: block;}
		#Miniblocks_Holder {float: left; width: 112px;}
			.Total_Area {font-family: Times New Roman; font-size: 1.2em;}
			.Ft {font-family: Minion Pro, Times New Roman; font-size: 3.9em; letter-spacing: -3px; line-height: 0.7em; background: url(../zeta/Ft.gif) no-repeat right 3px; width: 2.3em;}
.Mr {font-family: Minion Pro, Times New Roman; font-size: 4.6em; letter-spacing: -3px; line-height: 0.7em; background: url(../zeta/mr.gif) no-repeat right 3px; width: 1.9em;}
			.Floor_Plans {font-family: Georgia; font-size: 1.4em; margin-top: 0.5em;}
			#Equipment {float: left; width: 98px; height: 220px;}
			#Equipment ul {font-family: Garamond; font-size: 1.4em;}
		
		.Building_Address {font-family: Georgia; font-size: 1em; font-style: italic; line-height: 1.2em;}
		.Building_Name {font-family: Georgia, Times New Roman; font-size: 1.6em; text-transform: uppercase; line-height: 1em;}
			#BA_1 {margin-left: 5px;} #BA_2 {margin-left: 50px;}
			
#Tabs {float: left; clear: both; width: 100%;}
	#Tabs_Holder1 {width: 650px; float: left; margin-right: 40px;}
		#Tabs_Holder2 {float: left; width: 100%; padding: 5px 0 1.5em 55px;}
			#Tab_Holder {float: left; cursor: pointer; margin-right: 21px;}
				.Tab_Active {}				.Tab_Active {}
				.Tab_Unactive {}

#Sub_Content {float: left; width: 100%; font-family: Garamond, Times New Roman; font-size: 1.6em; line-height: 1.7em; padding: 15px 0 3.5em 64px;} 	
			
	#YES_Holder {width: 270px; float: left;}
		#Send_Request {float: left; width: 100%; font-family: Arial; font-size: 1.2em; line-height: 1.5em; color: #B4B75C;}	
			#Send_Request p {padding: 10px 0 5em 57px;}
			
#Footer {font-family: Garamond, Times New Roman; font-size: 1.4em; float: left; clear: both; width: 100%; background: url(../zeta/lightsout.jpg) no-repeat left top; height: 251px; margin-top: 1em;}
	#Copyright {float: left; padding-left: 55px; width: 700px;}
		img.This_Y {position: absolute; margin: 3px 0 0 -20px;}
		img.This_Dot {margin: 0 8px 0 19px;}
	#Contacts {float: left; clear: left; padding-top: 20px; padding-left: 55px; width: 700px;}
		.Address {float: left; margin: 0 3em 0 0.7em;}
		.Phone {float: left; margin-right: 1.5em;}
	#DotsOut {margin: 6px 0 0 252px;}
	
	#Cobayashi {float: left; margin-top: 6px;}

#Float_Clear {float: left; clear: both;}
#Float_Clear_Left {float: left; clear: left;}
#Float_Left {float: left;} 			
#Float_Holder {float: left; clear: both;}
.Italic {font-style: italic;}		


/* Forms */
input.Feedback {width: 180px; text-indent: 0 !important; background: url(../zeta/FBBG.gif) bottom; font-family: Georgia; border: 0; color: white;}
textarea.FeedbackMessage {width: 520px; height: 7em; text-indent: 0 !important; background: url(../zeta/FBBG.gif); border: 0; line-height: 1.5em; overflow: hidden; color: white; padding-top: 3px;}
input.Submiter {margin-right: 150px;}

input.Feedback2 {width: 180px; text-indent: 0 !important; background: url(../zeta/ORBG.gif) bottom; font-family: Georgia; border: 0; color: #333;}
textarea.FeedbackMessage2 {width: 520px; height: 7em; text-indent: 0 !important; background: url(../zeta/ORBG.gif); border: 0; line-height: 1.5em; overflow: hidden; color: #333; padding-top: 3px;}


.Zaebis {color: #7B982F;}
.Huevo {color: #C73A3A;}


/* TRANSPARENCY TRICKS */
.png {//background-image: none ! important; behavior: url('http://www.sakhrent.ru/css/pngfix.htc');}
#transparent_png {background: url(../zeta/35per.png);}
#transparent_IE {position: absolute; filter:alpha(Opacity=50); background: black; display: none;}

#overlayer_Opera {height: 835px; position: absolute; z-index: 21; background: url(../zeta/80per.png); margin-top: -15px; width: 100%;}
#overlayer_IE {height: 835px; position: absolute; z-index: 21; background: black; filter:alpha(Opacity=80); margin-top: -15px; width: 100%; margin-left: -3px; display: none;}
		
	#flash_movie {position: absolute; left: 0; z-index: 22; width: 99%;}
		#flash_movie table table {margin-top: 91px;}
			#flash_movie table table td {background: #FFFFFF; text-align: center;}
	#else_fotos {position: absolute; z-index: 23; width: 99%;}
		#else_fotos table table {margin-top: 91px;}
			#else_fotos table table td {background: #FFFFFF; text-align: center;}
	#win_order {position: absolute; z-index: 24; width: 99%; left: 0;}
		#win_order table table {margin-top: 91px;}
			#win_order table table td {background: #FFFFFF; text-align: center;}

else_fotos
				
	.show {display: block !important;}
	.hide {display: none !important;}
	
	.block {display: block !important;}
	.none {display: none !important;}
	
#overlayer_Opera_noscript {height: 835px; position: absolute; z-index: 21; background: url(../zeta/80per.png); margin-top: -15px; width: 100%; text-align: center; font-family: impact; font-size: 3em; line-height: 1.2em; color: #9AB334;}
	#overlayer_Opera_noscript div {margin-top: 350px;}
#noscript_IE {text-align: center; height: 20px; z-index: 101; position: absolute; background: black; width: 100%; margin-left: -3px; padding: 0.5em 0; border-bottom: 5px #9AB334 solid; display: none;}

/* Таблица свободных апартаментов */
#obj_foto {width: 794px; overflow: hidden;}

#OCUPATED {padding: 15px 0 0 50px; float: left;}
h1.OcupTable {font-family: Times New Roman; font-size: 2.2em; color: #FFF; float: left;}
h2.OcupTableCategory {font-family: Times New Roman; font-size: 1.8em; color: #FFF; font-weight: normal; clear: both; padding: 0 0 15px 0; float: left;}

#OcupDescr {width: 389px; height: 76px; background: url(../zeta/free_apart/dscr.gif) no-repeat left top; font-family: Georgia; font-size: 1.4em; line-height: 1.2em; padding: 20px 10px 0 20px; float: left; clear: both; margin: 10px 0 0 30px;}
#four {float: left; clear: both; width: 700px;}
#four div {float: left; height: 27px; padding: 5px 30px 0 20px; font-family: Times New Roman; font-size: 1.2em;}
span.ocup {color: #E5C98E; text-decoration: underline; cursor: pointer;} span.ocup:hover {color: #ffdf9d; text-decoration: underline; cursor: pointer;}

#CircleListing {width: 650px; clear: both; margin-bottom: 25px; float: left;}
#CircleRed {cursor: pointer; background: url(../zeta/free_apart/rr.gif) no-repeat center center; width: 27px; height: 27px; line-height: 2.7em; text-align: center; margin: 0 7px 7px 0; float: left; color: white;}
#CircleGreen {cursor: pointer; background: url(../zeta/free_apart/rg.gif) no-repeat center center; width: 27px; height: 27px; line-height: 2.7em; text-align: center; margin: 0 7px 7px 0; float: left; color: white;}
#CircleYellow {cursor: pointer; background: url(../zeta/free_apart/ry.gif) no-repeat center center; width: 27px; height: 27px; line-height: 2.7em; text-align: center; margin: 0 7px 7px 0; float: left; color: black;}
#CircleOrange {cursor: pointer; background: url(../zeta/free_apart/ro.gif) no-repeat center center; width: 27px; height: 27px; line-height: 2.7em; text-align: center; margin: 0 7px 7px 0; float: left; color: white;}
#CircleOrange:hover {background: url(../zeta/free_apart/ro1.gif);}
#CircleYellow:hover {background: url(../zeta/free_apart/ry1.gif);}
#CircleGreen:hover {background: url(../zeta/free_apart/rg1.gif);}
#CircleRed:hover {background: url(../zeta/free_apart/rr1.gif);}
#AppDescrGreen {color: white; text-align: left; width: 153px; height: 55px; background: url(../zeta/free_apart/descrg.png) no-repeat center center; line-height: 1.2em; font-size: 1.1em; margin: -10px 0 0 -30px; font-family: garamond;}
	#AppDescrGreen span {font-size: 1.6em; font-weight: bold;}

.tool-tip {margin: -10px 0 0 -46px; z-index: 13000;}
.tool-title {font-family: Garamond; width: 143px; height: 7px; padding: 15px 0 7px 10px; font-size: 1.4em; color: #FFF;	background: url(../zeta/free_apart/descrg.png) top left;}
.tool-text {width: 143px; height: 30px; font-family: Garamond; padding: 0 0 0 10px; font-size: 1.2em; background: url(../zeta/free_apart/descrg.png) bottom right;}

/* Главная страница (Объекты)*/
#index_3build {width: 794px; height: 456px;}
#index_3build div {margin: 0 0 0 500px; width: 270px; font-family: Georgia; font-size: 1.1em; color: black; line-height: 1.2em;}
#index_3build div h1 {padding-top: 20px; font-family: Georgia; font-size: 2.2em; font-weight: normal; color: black; margin: 0;}
#index_3build div h2 {font-family: Georgia; font-size: 1.5em; font-weight: normal; font-style: italic; color: black; margin: 0 0 10px 70px;}
#index_3build ul {margin: 0 0 0 500px; font-family: Georgia; font-style: italic; color: #59780F; font-size: 1.6em; line-height: 1.2em;}
#index_3build ul li {color: #59780F; text-decoration: underline; cursor: pointer; font-size: 0.8em;}
#index_3build ul li:hover {color: #59780F; text-decoration: none; cursor: pointer; font-size: 0.8em;}

/* Copyright 2009, cobayashi.ru */
