/* GENERAL */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

.clear { clear: both; border: 0; padding: 0; margin: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.clear-l { clear: left; }
.clear-input { clear: left; height:10px; }

.block { display: block;}
.left { float: left; }
.right { float: right; }
/* -------------------------- */

html { font-size: 62.5%; }
body { background: #fff; height: 100%; }
body, textarea, input, select { font: 1em Arial, Tahoma, Verdana; color: #484848; }
h1 { display: block; color: #595858; font-size: 2.4em; font-weight: bold; margin: 0 0 20px 0; }
h2 { display: block; color: #595858; font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { display: block; color: #484848; font-size: 1.2em; line-height: 1.5em; }
.wrap { width: 975px; margin: 0 auto; }

#top { background: url(../images/top.png) repeat-x; height: 341px; overflow: hidden; }
#top .banner { background: url(../images/banner.jpg) no-repeat; width: 970px; height: 312px; margin: 0 auto 30px auto; }
#top .language { padding: 10px 0 0 800px; font-size: 1.2em; color: #fff; }
#top .language a { display: block; width: 16px; height: 11px; float: left; margin: 0 0 0 10px; }
#top .language .lang-tr { background: url(../images/tr.jpg) no-repeat; }
#top .language .lang-en { background: url(../images/en.jpg) no-repeat; }
#top .language .lang-ru { background: url(../images/ru.jpg) no-repeat; }
#top .nav { margin: 252px 0 0 40px; }
#top .nav li { float: left; _width: 150px; margin: 0 30px 0 0; overflow: hidden; }
#top .nav li a { display: block; color: #5d5c5c; font-size: 1.4em; cursor: pointer; }
#top .nav li a:hover { text-decoration: none; }
#top .nav li a span { display: block; height: 26px; line-height: 26px; }
#top .nav li.current a { padding: 0 14px 0 6px; background: url(../images/menu-right.png) no-repeat right; font-weight: bold; text-decoration: none; }
#top .nav li.current a:hover { text-decoration: none; }
#top .nav li.current a span { background: url(../images/menu-left.png) no-repeat left; padding: 0 0 0 20px; text-align: center; }
#top .nav li a:hover { color: #000; text-decoration: underline; }


#middle { background: #ece7d4; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px; }
#middle .left-content { float: left; width: 241px;  }
#middle .left-content .search { width: 230px; background: url(../images/search-top-en.jpg) no-repeat; padding: 58px 0 15px 11px; }
.tr #middle .left-content .search { background: url(../images/search-top.jpg) no-repeat; }
.ru #middle .left-content .search { background: url(../images/search-top-ru.jpg) no-repeat; }

#middle .left-content .search p span { _position: relative; _display: inline-block; _margin: -23px 0 0 0;}
#middle .left-content .search .box { background: #d4cfbb; padding: 10px; }
#middle .left-content .search strong { display: block; margin: 0 0 5px 0; font-weight: bold; }
#middle .left-content .search select { width: 210px; margin: 0 0 10px 0; }
#middle .left-content .search input { margin: 0 0 10px 0; }

#middle .right-content { width: 711px; float: left; margin: 9px 0 0 15px; overflow: hidden; }
#middle .right-content .text-content { display: block; background: #f6f3ea; padding: 20px; margin: 0 0 15px 0; }
#socialize { margin: 20px 0 0 0 !important; }
#middle .right-content .promote { width: 730px;}
#middle .right-content .promote .promote-content { float: left; width: 225px; border: 1px solid #636261; margin: 0 15px 15px 0; }
#middle .right-content .promote .promote-content .header { background: #636261; color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; padding: 10px 0; }
#middle .right-content .promote .promote-content .promote-box { text-align: center; padding: 15px 0; background: #f6f3ea; }
#middle .right-content .promote .promote-content .promote-box img { margin: 0 0 10px 0; border: 1px solid #a40000; }
#middle .right-content .promote .promote-content .promote-box h2 { display: inline; font-size: 1.4em; color: #595858; font-weight: bold; margin: 0 0 10px 0; }
.button-link { display: inline-block; background-color: #ece7d4; border: 1px solid #a40000; padding: 5px 20px; color: #a40000; }
.button-link:hover { text-decoration: none; }
#middle .box2 { background: #d4cfbb; padding: 20px; margin: 0 0 0 11px; }

#middle .right-content .latest { background: #f6f3ea; }
#middle .right-content .latest .header-latest { background: #636261; color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; padding: 10px 0; }
#middle .right-content .latest .latest-content { background: #f6f3ea; padding: 20px 0 0 10px; }
#middle .right-content .latest .property { float: left; width: 330px; margin: 0 10px 20px 0; _margin: 0 8px 20px 0; padding: 5px; }
#middle .right-content .latest .property:hover { background: #ccc;}
#middle .right-content .latest .property .left-property { width: 140px; float: left; margin: 0 10px 0 0; }
#middle .right-content .latest .property .left-property img { display: block; margin: 0 0 10px 0; border: 1px solid #a40000; }
#middle .right-content .latest .property .left-property .button-link { width: 140px; padding: 5px 0; text-align: center; }
#middle .right-content .latest .property .right-property { width: 180px; float: left; }
#middle .right-content .latest .property .right-property h2 { display: block; font-size: 1.4em; color: #595858; font-weight: bold; margin: 0 0 5px 0; }
#middle .right-content .latest .property .right-property strong { display: block; font-size: 1.2em; font-weight: bold; margin: 7px 0; }
#middle .right-content .latest .property .right-property p { line-height: 1.3em; margin: 3px 0 0 0; }
.projects-content { padding: 10px 20px 20px 20px; }
.projects-content h2 { font-size: 1.4em; }
.projects-content table { font-size: 12px; }
.projects-content table td { padding: 7px 0; line-height: 1.5em; }
.projects-content table strong { font-weight: bold; }
.projects-content table .contact-table { background: #ccc; }
.projects-content table .contact-table th { text-align: right; vertical-align: middle; line-height: 1.5em; padding-right: 10px; }
.projects-content table .contact-table td { vertical-align: middle; }
.projects-content table .property-description th { vertical-align: top; font-weight: bold; padding: 7px 10px 7px 0; line-height: 1.5em; }
.projects-content table .property-description td { vertical-align: top; padding: 7px 0 7px 0; }

.contact-form { font-size: 12px; background: #ccc; margin: 10px 0 0 0; }
.contact-form th { text-align: right; vertical-align: middle; padding: 7px 10px 7px 0; line-height: 1.5em; }
.contact-form td { vertical-align: middle; padding: 7px 0; line-height: 1.5em; }
.gallery-images-1 li { float: left; margin: 0 10px 10px 0; }
.gallery-images-1 li a { display: block; padding: 5px; border: 1px solid #ccc; }
.gallery-images-1 li a:hover { background-color: #ccc; }

#bottom { padding: 20px 0 0 0; background: url(../images/bottom.png) repeat-x top; height: 80px; }
#bottom p { display: block; float: left; width: 300px; color: #fff; margin: 12px 0 0 0; }
#bottom ul { display: block; float: left; width: 530px; color: #fff; margin: 15px 0 0 0; }
#bottom ul li { float: left; }
#bottom ul li a { font-size: 1.2em; color: #fff; }
#bottom a.hb-logo { display: block; float: right; width:93px; height: 38px; background: url(../images/hb-logo.jpg) no-repeat; }


.error { border-color: #f00; }
textarea { width: 400px; height: 140px; }

.property-pagination { padding: 0 0 10px 15px; }
.property-pagination .pagination { }
.property-pagination .pagination a { text-decoration: none; padding: 0; }
.property-pagination .pagination .disabled { border-color: #ccc; }
.property-pagination .pagination .disabled span  { border-color: #ccc; background: #ccc; color: #999; }
.property-pagination .pagination .current { border-color: #ccc; }
.property-pagination .pagination .current span  { border-color: #ccc; background: #ccc; color: #999; }
.property-pagination .viewall { display: block; float: left; border-width: 1px 0; border-color: #ccb99b; border-style: solid; color: #000; margin: 10px 1px; text-decoration: none !important;  }
.property-pagination .viewall span{ display: block; padding: 5px 10px; margin: 0 -1px; border-width: 0 1px; border-color: #ccb99b; border-style: solid; background: #ccb99b; color: #000; }
.property-pagination .viewall:hover { border-color: #ccc; }
.property-pagination .viewall:hover span { border-color: #ccc; background: #ccc; }
.property-pagination .viewall.number { margin-right: 3px; }
.property-pagination .viewall.right { float: right; }