@CHARSET "ISO-8859-2";

body {
	margin: 0;
	padding: 0;
	text-align: center;
	behavior: url("js/csshover.htc");
	}

div#titleTextItem {
	float: left;
	width: 400px;
}

div#titleItemAbout {
	background: url("photo/header/titleItem-about.jpg") no-repeat;
	width: 82px;
	height: 24px;
}

div#titleItemEmail {
	background: url("photo/header/titleItem-email.jpg") no-repeat;
	width: 112px;
	height: 24px;
}

div.floatLeft {
	float: left;
}

.titleItemSize{
	width: 82px;
	height: 24px;
}

.contentHeight {
	height:400px; 
}
.floatLeft {
	float: left;
	display: inline-block;
}

	
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	position: relative;
}

.clear {
	margin: 0;
	padding: 0;	
}


div#topImage {
	background: url("photo/banner/empire-banner.jpg") 100% 0 no-repeat;
	height: 212px;
}
div#titlePanel {
	position: absolute;
	top: 168;
	left: 420px;
  	height: 24px;
}

div#titlePanel h1{
	font: 0.8em "Arial", sans-serif;
	font-weight: 600;
	line-height: 1.6em; 
	letter-spacing: 0.01em;
	margin: 0.5em 2em 0;
	color: white; 
}

div#mainPanel {
	width: 800px;
}

div#contentMenuPanel {
	position: relative;
	overflow:auto;
	/*height:auto;*/
	margin-right: 0;
	margin-left: 0;
	width: 800px;
	clear: both;
	background-color: #F5F5F5;  
}


/***************
* Left Menu START
****************/
div#menuPanel {
	float: left;
	display: inline-block;
	width: 180px;
	/*height: 300px;*/
	background-color: #F5F5F5;  
	height:auto;
}

div#menuContainer {
	position: relative; 
}

.hiddenText {
	text-indent: -999999px; overflow: hidden; display: block;
}
/* normal menu item */
.menuButton {
	width: 182px;
	height: 24px;
}
/* submenu button */
.menuButtonSubMenu {
	width: 182px;
	height: 26px;
}

div#menuTitle {
	background: url("photo/menu/menu-title-offer.gif") no-repeat;
	width: 172px;
	height: 33px;
	margin-left: 10;
}

.menuSpacer {
	width: 182px;
	height: 5px;	
	background: url("photo/menu/menu-spacer.jpg") repeat-x;
}

/***************
* Sale SubMenu 
****************/
div#menuButtonSale{
	background: url("photo/menu/button-sale.jpg") no-repeat;
}
div#menuButtonSaleFlats{
	background: url("photo/menu/button-flats.jpg") no-repeat;
}
div#menuButtonSaleHouses{
	background: url("photo/menu/button-houses.jpg") no-repeat;
}
div#menuButtonSaleParcels{
	background: url("photo/menu/button-parcels.jpg") no-repeat;
}
div#menuButtonSalePlaces{
	background: url("photo/menu/button-places.jpg") no-repeat;
}
div#menuButtonSaleBuildings{
	background: url("photo/menu/button-buildings.jpg") no-repeat;
}
/***************
* Rent SubMenu
****************/
div#menuButtonRent{
	background: url("photo/menu/button-rent.jpg") no-repeat;
}
div#menuButtonRentFlats{
	background: url("photo/menu/button-flats.jpg") no-repeat;
}
div#menuButtonRentHouses{
	background: url("photo/menu/button-houses.jpg") no-repeat;
}
div#menuButtonRentPlaces{
	background: url("photo/menu/button-places.jpg") no-repeat;
}
div#menuButtonRentBuildings{
	background: url("photo/menu/button-buildings.jpg") no-repeat;
}

/***************
* Other SubMenu
****************/
div#menuButtonMap{
	background: url("photo/menu/button-map.jpg") no-repeat;
}
div#menuButtonInsertOffer{
	background: url("photo/menu/button-insert-offer.jpg") no-repeat;
}
div#menuButtonFindOffer{
	background: url("photo/menu/button-find-offer.jpg") no-repeat;
}
div#menuButtonInvestors{
	background: url("photo/menu/button-investors.jpg") no-repeat;
}
/***************
* Menu End
****************/

/*********
* Content Spacer
**********/
div#contentSpacer {
	width: 11px;	
	background: url("photo/content/content-spacerBody.jpg");
	height: 445px;
	position: relative;
}
div#spacerTop {
	background: url("photo/content/content-spacerTop.jpg") 100% 0 no-repeat;
	width: 11px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 0;
}

div#spacerBody {
	background: url("photo/content/content-spacerBody.jpg") ;
}

div#spacerBottom {
	background: url("photo/content/content-spacerBottom.jpg") 100% 0 no-repeat;
	width: 11px;
	height: 33px;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*********
* Content Spacer END
**********/

/*********
* Offer Spacer
**********/

div.offerSpacer {
	width: 550px;	
	background: url("photo/offer/offer-spacerBody.jpg");
	height: 11px;
	position: relative;
}

div.offerSpacerLeft {
	background: url("photo/offer/offer-spacerLeft") 100% 0 no-repeat;
	width: 12px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0;
}

div.offerSpacerBody {
	background: url("photo/offer/offer-spacerBody.jpg") ;
}

div.offerSpacerRight{
	background: url("photo/offer/offer-spacerRight.jpg") 100% 0 no-repeat;
	width: 12px;
	height: 11px;
	position: absolute;
	left: 538px;
	top: 0;
}

/*********
* Offer Spacer END
**********/


div#contentPanel {
	float: left;
	width: 590px;
}

div#contentPanelTitle {

	margin-left: auto;
	margin-right: auto;
	height: 33px;
	font-size: 17px;
	font-weight: bold;
	font-stretch: ultra-condensed;
	font-family: Arial;
}

div#contentPanelBody {
	font-family: Arial;
}
/*********
* Footer
**********/
div#footerPanel {
	clear: both;
	position: relative;
	width: 800px;
	height: 25;
	background-color: black;
	background: url("photo/footer/background.jpg");

}

div#footerItemContainer {
	position: absolute;
	top: 0;
	left: 252px;
  	height: 24px;
}

.footerItemSize {
	height: 24px;
}

div#footerItemMainPage {
	background: url("photo/footer/button-main-page.jpg") no-repeat;
	width: 106px;
}
div#footerItemOffer {
	background: url("photo/footer/button-offer.jpg") no-repeat;
	width: 56px;
}
div#footerItemMap {
	background: url("photo/footer/button-map.jpg") no-repeat;
	width: 56px;
}
div#footerItemContact {
	background: url("photo/footer/button-contact.jpg") no-repeat;
	width: 78px;
}


/*********
* Footer END
**********/

.hintText {
		font-family: tahoma, verdana, arial;
		font-size: 12px;
		background-color: #FFFFCC;
		color: #000000;
		padding: 5px;
		margin: 0;
}
.wrapped table,
.wrapped td {
		border: 0;
		border-collapse: collapse;
		padding: 0;
		background-position: 0px;
}

.debug{
	border-width: 2px;
	border-color: blue;
	border-style: solid;
}

/********** firstPage ***********/

div.firstTextItemInline{
	display: inline;
	margin: none;
}

div.firstTextItem{
	margin-left: 30px;
}

div.firstTextItemBold{
	font-weight: bold;
	font-size: 13px;
}

div.firstViewGroup{
	float: left;
	width: 360px;
	line-height: 1.2;
	font-family: Tahoma;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch:normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.firstPageOffer{
	float: left;
	width: 560px;
	text-decoration: none;
	cursor: pointer;	
	/*border: 1px solid #999;
	background: #E0E0E0;*/
}

div.firstPageOffer a {
	text-decoration: none;	
}

div.firstPageOffer a:link {
	text-decoration: none;	
}


div.firstPageSpacer{
	clear: both;
}

div.firstPageImage {
	width: 180px;
	float: left;
	margin: 5px;
}

div.firstPageImage img{
	border: 1px solid #999;
	padding: 0px;
}

/*********** offerDetail *************/

div#detailOfferDetailPanel {
	background: #E0E0E0;
	float: left;
}

div.offerDetailDescriptionPanel {
	width: 210px;
	float: left;
	margin: 10px;
}

div.offerDetailDescriptionItem {
}

div.offerDetailDescriptionTitleItem {
}

div.offerDetailImagePanel {
	width: 440px;
	float: right;
}

div.offerDetailMainImage {
	width: 400px;
	display: block;
	margin: 10px;
	border: 1px solid #999;
	padding: 10px;
	
}

div.offerDetailMiniImagePanel {
	width: 430px;
	position: relative;
}

div.offerDetailMiniImage {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #999;
	padding: 5px;
}


div.offerDetailMiniImage img{
	border: 0;
	height: 64px;
}

div#detailDetailsPanel {
	float: left;
	width: 310px;
	margin: 10px;
}

div#detailDescrPanel {
	clear: both;
	margin: 10px;
	border: 1px solid #999;
	background: #FFF8E0;
}

div.detailDescrLabel{
	clear:both;
	font-weight: bold;
	text-align: left;
}
div.detailDescrText{
	font: small courier new;
	font-size: 13px;
	font-size-adjust:none;
	font-stretch:normal;
}

div.detailViewGroup{
	clear: both;
	font-family: Tahoma;
	font-size: 14px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch:normal;
	line-height: 1.3;
}
div.detailViewGroupOfNr{
}

div.detailTextItem{
	font-weight: normal;
}
div.detailTextItemBold{
	font-weight: bold;
}

div.detailTextItemInline{
	display: inline;
}

div.detailViewItem{
	clear: both;
	font-family: Tahoma;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch:normal;
	line-height: 1.3;
}

span.detailViewItemLabel{
	font-weight: bold;
	width: 120px;
	float: left;
}
span.detailViewItemText{
	float: left;
}

/********** table View ****************/

div.tabSpacer {
	clear: both;
	border-top: 1px solid #999;
}

div.tabImage{
	float: left;
}

div.tabImage img{
	border: 1px solid #999;
	padding: 2px;
}

.arrows{
	border: 0;
	text-align: center;
}

div.tabBasicItem {
			
}

div.tabTextItem {
	float: left;
	display: block;
	clear: both;
}

div.tabTextItem a, a:link, a:visited{
	text-decoration: none;
	color: black;
}

div.tabTextItem a:hover{
	text-decoration: none;
	color: red;
}

div.tabRightTextItem{
	float: right;
	display: block;
	clear: both;
}

div.tabRightTextItem a, a:link, a:visited{
	text-decoration: none;
	color: black;
}

div.tabRightTextItem a:hover{
	text-decoration: none;
	color: red;
}

div.tabTextItemBold {
	font-weight: bold;
}

div.tabRedTextItem {
	font-weight: bold;
	color: red;
}

div.tabPhoto {
	border: 0;
	padding: 2px;
}

div.tabPhoto img{
	border: 1px solid #999;
	padding: 2px;
}

div.tabViewRow{
	float: left;
	background-color: white;
	width: 585px;
	cursor: pointer;
	margin-left:10px;
}

div.tabViewOddRow{
	float: left;
	background-color: rgb(250, 247, 220);
	width: 585px;
	cursor: pointer;
	margin-left:10px;
}

div.tableViewOfferTableHeader{
	float: left;
	width: 585px;
	margin-left:10px;
	text-decoration: none;
}

div.tableViewOfferTableHeaderBackground{
	float: left;
	width: 100%;
	clear: both;
	background-color: #E4E4E4;

	font-size: 13px;
	font-weight: bold;
	
	font-family:Tahoma;
	line-height: 140%;
	margin-bottom: 6px;
}

div.tableViewGroup {
	float: left;
	font-family:Tahoma;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 120%;
}