/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
/*                 styles for elitkvartira.com.ua         2008                */
/******************************************************************************/ 
@import url("reset.css");


HTML, BODY, #basic{
	height: 100%;
}


#basis{
	margin: auto;
	width: 970px;	/* width of basis */
	margin-bottom: -95px;
	display: table;
	height: auto;
	height: 100%;
	min-height: 100%;
}

#main{
	height: 100%;
}

#header{
	height: 180px;	/* height of header */
}

#content
{
}
#left{
	width: 219px;	/* width of left column */
	float: left;
}
#center{
	width: 200px;	/* width of center column */
	float: left;
}
#right{
	width: 700px;	/* width of right column */
	float: right;
}

#footer{
	width: 970px;	/* width of basis */
	margin: auto;
	height: 80px;	/* height of footer */
}


/*needed to make room for footer*/
#clearfooter{
	clear: both;
	height: 80px;	/* height of footer */
}
* > HTML #clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */


/*** standard classes ***********************************************************************************************/
.separator1{
	height: 1px;
	font-size: 1px;
	display: block;
}
.separator2{
	height: 2px;
	font-size: 1px;
	display: block;
}
.separator3{
	height: 3px;
	font-size: 1px;
	display: block;
}
.separator5{
	height: 5px;
	font-size: 1px;
	display: block;
}
.separator10{
	height: 10px;
	font-size: 1px;
	display: block;
}
.separator20{
	height: 20px;
	font-size: 1px;
	display: block;
}
.separator50{
	height: 50px;
	font-size: 1px;
	display: block;
}

.clear{
	clear:both;
	display: block;
}






/*** follow sections can edit *****************************************************************************/
BODY
{
	background-color: #000000;
	behavior: url("js/csshover.htc");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;

}


H1
{
	font-size: 20px;
	color: #ffff00;
	width: 580px;
	margin: 10px 0px 10px 0px;
}
H3
{
	font-size: 15px;
	color: #ffffff;
	margin: 20px 0px 2px 0px;
}
H4
{
	font-size: 14px;
	color: #ffff00;
	margin: 20px 0px 10px 0px;
	text-align: center;
	line-height: 18px;
}
H5
{
	font-size: 14px;
	color: #ffff00;
	margin: 0px 0px 0px 0px;
	text-align: center;
	line-height: 18px;
}
P
{
	padding-bottom: 7px;
}

#basis
{
	background-color: #3e0000;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-image: url(../images/basis-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

/*** header **************************************************************/
#header
{
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	position: relative;
}
A#logo
{
	border-right: 1px solid #ffffff;
	display: block;
	width: 219px;
	height: 190px;
	position: absolute;
	top: -180px;
	left: 0px;
}


/*** contacts ***************************/
#contacts
{
	position: absolute;
	top: 10px;
	left: 760px;
	text-align: right;
}
#contacts P
{
	padding-bottom: 5px;
}
#contacts BIG
{
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
}
#contacts A,
#contacts A:visited
{
	color: #ffffff;
	text-decoration: none;
}
#contacts A:hover
{
	color: #ffff00;
	text-decoration: underline;
}



/*** lang ********************************/
#lang
{
	position: absolute;
	top: 180px;
	left: 840px;
}
#lang A,
#lang A:visited
{
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 25px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#lang A:hover
{
	color: #ffff00;
	text-decoration: underline;
}
#lang A.rus
{
	background-image: url(../images/flag-ru.gif);
	background-repeat: no-repeat;
}
#lang A.eng
{
	background-image: url(../images/flag-uk.gif);
	background-repeat: no-repeat;
}


/*** left ***************************************************************/
#left
{
	position: relative;
}
#left #leftBg
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#left #leftBg IMG
{
	width: 219px;
	height: 200px;
	behavior: url(js/iepngfix.htc);
}
#right
{
	padding-right: 20px;
}




/*** menu ***/
#menu
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 40px 0px 0px 0px;
}
#menu UL
{
	border-top: 1px solid #692121;
	width: 200px;
	margin: auto;
}
#menu UL LI
{
	border-bottom: 1px solid #692121;
}
#menu UL LI A,
#menu UL LI A:visited
{
	display: block;
	width: 200px;
	height: 49px;
}
#menu UL LI A:hover
{
	background-color: #5e0808;
}
#menu UL LI.last A,
#menu UL LI.last A:visited
{
	height: 70px;
}


/*** gismeteo ****************************************/
#gismeteo
{
	position: relative;
	text-align: center;
	margin: 30px 0px 0px 0px;
}





/*** flat ********************************************/
.flat
{
	padding: 10px 0px 20px 0px;
	border-bottom: 1px solid #692121;
	margin-bottom: 10px;
}



.flatLeft
{
	float: left;
	width: 305px;
}
.flatCenter
{
	float: left;
	width: 385px;
}



.flatLeft .imgBig
{
	width: 240px;
	float: left;
}
.flatLeft .imgSmall
{
	width: 52px;
	float: left;
}


IMG.flatImgBig
{
	width: 231px;
	height: 154px;
	border: 1px solid #ffffff;
	display: block;
	margin: 0px 0px 10px 0px;
	cursor: pointer;
}
IMG.flatImgSmall
{
	width: 50px;
	height: 34px;
	border: 1px solid #ffffff;
	margin: 0px 5px 1px 0px;
	cursor: pointer;
}
IMG.flatImgSmall.last
{
	margin-bottom: 0px;
}
IMG:hover.flatImgBig,
IMG:hover.flatImgSmall
{
	border: 1px solid #ffff00;
}


.flatCenter P
{
	font-size: 11px;
	padding: 0px 0px 7px 0px;
}
.flatCenter P BIG
{
	font-size: 16px;
	font-weight: bold;
	color: #ffff00;
}
.flatCenter .region,
.flatCenter .address,
.flatCenter .desc,
.flatCenter .technics,
.flatCenter .men,
.flatCenter .price
{
	margin: 0px 0px 7px 0px;
	font-size: 13px;
}
.flatCenter .price
{
	color: #ffff00;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	background-image: none;
}
.flatRight LABEL
{
	display: block;
	font-size: 10px;
	padding-bottom: 2px;
}
.flatRight INPUT.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #000000;
	border: none;
	width: 200px;
	height: 14px;
	margin-bottom: 5px;
}
.flatRight INPUT.checkbox
{
	border: none;
	width: 14px;
	height: 14px;
}
.flatRight A
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}
.flatRight INPUT.btn
{
	border: none;
	background-color: transparent;
	background-image: url(../images/btn-bg.gif);
	background-repeat: repeat-x;
	width: 200px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 10px 0px 0px 0px;
	cursor: pointer;
}



/*** services ******************************/
.services
{
	border: 1px solid #5E0808;
	margin: 20px 0px 20px 0px;
}
.services TH,
.services TD
{
	padding: 5px;
	vertical-align: top;
}
.services TH
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	background-color: #512121;
}
.services TD
{
	border: 1px solid #5E0808;
}
.services TD UL
{
	margin-bottom: 10px;
}
.services TD UL LI
{
	background-image: url(../images/li-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 0px 0px 0px 12px;
}


/*** footer **************************************************************/
#footer
{
	position: relative;
}
#footer A#gwsol
{
	position: absolute;
	top: 5px;
	left: 60px;
}
#footer A#gwsol IMG
{
	behavior: url(js/iepngfix.htc);
	width: 102px;
	height: 63px;
}