@charset "utf-8";
/* CSS Document */

body {margin: 0; background: url(../img/bck_top.gif) repeat-x #ebebeb; font: 15px/21px Arial, Helvetica, sans-serif; color: #484747;}
p, h1, h2, h3, h4, h5, ul, li, ol {margin: 0; padding: 0;}
a {text-decoration: none;}
a:hover { text-decoration: underline;}




/* /////////////  TOP ////////////////// */

#top {background: url(../img/bck_top_img.gif) no-repeat; width: 1000px; height: 200px; margin: 0 auto; position: relative; z-index: 1;}
#top a {position: absolute; top: 30px; left: 85px; height: 95px; width: 250px;}


#content {width: 880px; position: relative; padding-top: 37px; z-index: 100;}
.content {width: 830px; margin: 0 auto;}




/* /////////////  TOP MENU ////////////////// */

#menu, #content {background: #fff; margin: 0 auto;}

#menu {background: #b2bac3; width: 830px; height: 50px; top: -30px; left: 25px; position: absolute;}
#menu li {display: block; float: left; height: 49px; list-style: none; padding: 0 6px; background: url(../img/div_menu_top.gif) right no-repeat;}
#menu li span {display: none;}
#menu li a {background: url(../img/bck_menu_top.gif); display: block; height: 49px;}
#menu li a:hover {background: url(../img/bck_menu_top.gif) 0 49px;}

#menu li #home {background-position: -12px 0; width: 60px; margin-left: 12px;}
#menu li #home:hover, #menu li #home.active {background-position: -12px 49px;}
#menu li #about {background-position: -72px 0; width: 110px;}
#menu li #about:hover,#menu li #about.active  {background-position: -72px 49px;}
#menu li #business {background-position: -182px 0; width: 81px;}
#menu li #business:hover, #menu li #business.active {background-position: -182px 49px;}
#menu li #properties {background-position: -263px 0; width: 96px;}
#menu li #properties:hover, #menu li #properties.active  {background-position: -263px 49px;}
#menu li #projects {background-position: -359px 0; width: 125px;}
#menu li #projects:hover, #menu li #projects.active {background-position: -359px 49px;}
#menu li #contact {background-position: -484px 0; width: 106px;}
#menu li #contact:hover, #menu li #contact.active {background-position: -484px 49px;}
#menu li#search {background: none; margin-left: 10px; margin-top: 14px;}

#menu li#search input {vertical-align: middle;} 
#menu li#search input.search {border: 0; height: 18px; padding: 4px 5px 0; width: 90px; font: 11px Arial, Helvetica, sans-serif; color: #9fa6af;} 
#menu li#search input.btn {margin-left: 5px;}




/* /////////////  HOME ////////////////// */

.home {background: url(../img/img_home.jpg) no-repeat; height: 267px; position: relative;}
.home p {width: 300px; position: absolute; right: 20px; top: 120px;}
.home .tit {position: absolute; right: 67px; top: 38px;}


/* /////////////  INTERIOR ////////////////// */

.interior {background: url(../img/bck_interior.gif) repeat-x #eff6fa;}
.interior #submenu {background: url(../img/bck_submenu.gif) repeat-x #eff6fa; float: left; width: 195px; list-style: none; font: 13px/22px Arial, Helvetica, sans-serif; color: #8693a1; margin: 16px 0 0 14px; padding: 14px 0 14px 13px; min-height: 300px; _margin-left: 9px; _height: 300px;}
.interior #submenu a {color: #8693a1; display: block; _display: inline;}
.interior #submenu a:hover {color: #017cb2; text-decoration: none;}
.interior #submenu a.active {color: #017cb2; background: url(../img/bull_arrow.png) no-repeat 0 5px; padding-left: 27px; margin-left: -27px; cursor: default; .background: none;}

.properties #submenu {font: 12px/22px Arial, Helvetica, sans-serif;}

.interior .text {width: 550px; padding: 25px 0 15px 240px; .padding-left: 20px;}
.interior .text .tit, .interior .text p  {margin-bottom: 15px;}
.interior .text .photo {margin-left: -10px;}


.interior .text.search {padding-left: 40px; width: 650px;}
.interior .text.search h2 {color: #0088c4; font-size: 16px; font-weight: normal; margin-bottom: 30px;}
.interior .text.search ul li {margin-bottom: 10px; font-size: 11px; line-height: 16px;}
.interior .text.search ul strong {font-size: 14px;}
.interior .text.search ul a {color: #0088c4;}


.properties .image {width: 550px; padding: 16px 0 15px 235px; .padding-left: 15px;}
#photo {.width: 570px;}
.properties .text {width: 100%; padding-left: 0; padding-top: 0; clear: both; overflow: hidden; _margin-top: -45px;}
.properties .text h1 {margin-top: 40px; padding-top: 0; margin-bottom: 10px; .margin-top: 53px;}
.properties #submenu {min-height: 240px;}
.properties .thumbs {float: left; margin-left: 23px; width: 310px; text-align: right;}
.properties .thumbs img {margin-right: 11px; padding: 1px; border: 1px solid #eff6fa; cursor: pointer;}
.properties .thumbs a:hover img, .properties .thumbs a.active img {border-color: #2bb4ee;}

.properties .info {overflow: hidden; padding-top: 10px; float: right; width: 485px; _width: 455px;}
.properties .details {width: 298px; text-align: right; list-style: none; color: #0088c4; font-size: 11px; line-height: 14px; float: left; margin-top: 20px;}
.properties .info .description { padding-right: 20px;}

.team {list-style: none; margin-top: 20px; margin-left: -28px; .margin-left: -20px;}
.team a {color: #484747; padding-left: 20px;}
.team a:hover {text-decoration: none; color: #0088c4;}
.team a.active {color: #0088c4; background: url(../img/bull_arrow.png) no-repeat left 3px;}

.profile {overflow: hidden; margin-top: 25px;}
.profile img {float: left; margin-right: 10px; margin-top: 5px;}
.profile .text {width: 450px; float: right; padding: 0;}


h3 {font: bold 14px/16px Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 10px; color: #0088c4;}
p.small {font: 12px/16px Arial, Helvetica, sans-serif;}

.contact {font: 12px/16px Arial, Helvetica, sans-serif;}
.contact td {padding: 2px 0;}
.contact input, .contact textarea {border: 1px solid #e5e5e5; width: 270px; padding: 2px;font: 12px/16px Arial, Helvetica, sans-serif; color: #666;}
.contact textarea {height: 120px; width: 370px;}
.contact input.btn {width: auto; border: 0;}

/* /////////////  FOOTER ////////////////// */

#footer {background:url(../img/bck_footer.gif) no-repeat center top #014e87; height: 100px; font: 11px Arial, Helvetica, sans-serif; color: #fff; text-align: center;}
#footer p {margin: 0; padding: 55px 0 0 0;}
#footer span {color: #49849e; padding: 0 4px;}
#footer a {color: #fff;}
#footer a:hover {color: #6e9cc8;}


/* /////////////////////// */

/* This is the style of your browser text */

h1 {font-size: 42px; line-height: 1.1em; color: #0088c4; font-weight: normal; .font-size: 36px; .text-transform: uppercase;}