/* CSS Document */ * {margin:0; padding:0;} /* HTML Tags */ html,body {font-family:"Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; font-size:11px; background:#FFFFFF; color:#1d1b15;} img {border:none; margin:0; padding:0;} a {text-decoration:none; cursor:pointer; color:#0e5e8d;} ul {list-style:none;} h1 {font-size:18px; font-weight:normal; color:#8d5240; margin:0 0 10px 0; cursor:default;} h1 a{color:#8d5240; margin:0 10px 0 0; cursor:pointer;} .spacer {clear:both; font-size:1px; height:1px; /*position:relative; top:-1px;*/} /* containers */ #pageContainer {width:930px; margin:auto;} #header {width:100%; height:330px; background:url(../../images/index/mainImage.jpg) no-repeat right 30px;} #logoContainer {width:233px; height:138px; float:left; display:inline; background:url(../../images/index/logoShadow.jpg) no-repeat center bottom;} #logoBkgRed {width:200px; height:130px; margin:auto; background:url(../../images/index/logoBkg.jpg) repeat-x 0px 0px;} #logoBkgGreen {width:200px; height:130px; margin:auto; background:url(../../images/index/logoBkg.jpg) repeat-x 0px -130px;} #logoBkgBlue {width:200px; height:130px; margin:auto; background:url(../../images/index/logoBkg.jpg) repeat-x 0px -260px;} #logo {width:147px; height:105px; margin:auto; position:relative; top:15px;} #logo[id] {background:url(../../images/index/logo.png) no-repeat;} #languages {float:left; position:relative; top:20px;} #languages li {display:inline;} #languages li a {color:#515151; margin:0 10px 0 0;} #languages li a:hover, #languages li a.selected {color:#0e0d0d; text-decoration:underline;} #mainNav {font-size:14px; width:200px; margin:10px 0 0 15px; /*font-weight:bold;*/} #mainNav li {background:url(../../images/index/mainNavBkg.gif) repeat-x bottom;} #mainNav li a {color:#32312d; padding:3px 0 3px 13px; display:block; height:20px;} #mainNav li a:hover, #mainNav li a.selected {background:url(../../images/index/mainNavDash.gif) no-repeat left center;} #sections {} #sections li {display:inline;} #sections li a {color:#FFFFFF; display:block; float:left; width:174px; height:92px; margin:0 18px; text-align:right; font-size:20px; padding:45px 20px 0 80px; text-transform:uppercase !important;} #sections li a#building {background:url(../../images/index/building.jpg) no-repeat;} #sections li a#teracota {background:url(../../images/index/teracota.jpg) no-repeat;} #sections li a#realEstate {background:url(../../images/index/realEstate.jpg) no-repeat;} #sections li a#building:hover {background:url(../../images/index/building.jpg) no-repeat 0px -137px;} #sections li a#teracota:hover {background:url(../../images/index/teracota.jpg) no-repeat 0px -137px;} #sections li a#realEstate:hover {background:url(../../images/index/realEstate.jpg) no-repeat 0px -137px;} #content {width:900px; margin:20px auto; text-align:justify;} #content .indexContent {width:620px; float:left; display:inline;} #content .indexContent img {float:left; margin:0 10px 10px 0;} #pagePaths a {margin:0 5px !important;} #pagePaths a.first {margin:0 5px 0 0 !important;} #content .services {width:240px; float:right;} #content .services ul li {background:url(../../images/index/mainNavBkg.gif) repeat-x bottom;} #content .services ul a {color:#32312d; padding:3px 0 3px 12px; display:block; height:17px; background:url(../../images/index/arrow.gif) no-repeat left center;} #content .services ul a:hover, #content .services ul a.selected {color:#32312d; font-weight:bold;} .subNav {float:left; width:180px;} /*.subNav ul {border-right:1px solid #67645E;}*/ .subNav ul li {background:url(../../images/index/subNavBkg.gif) repeat-x bottom;} .subNav ul a {color:#32312d; padding:3px 0 3px 12px; display:block; height:15px;} .subNav ul a:hover {background-color:#6a6a6a; color:#FFFFFF;} .subNav ul a.selected {background-color:#535049; color:#FFFFFF;} .content {float:right; width:700px;} .content img {float:left; margin:0 10px 10px 0;} .content ul {margin:0 0 0 20px;} .content ul li {background:url(../../images/index/mainNavBkg.gif) repeat-x bottom; list-style:url(../../images/index/arrow.gif);} #footerSections {width:900px; background:url(../../images/index/footerSep.gif) repeat-y; margin:0 auto 10px;} #footerSections .titles {width:100%; background:url(../../images/index/footerTitles.gif) no-repeat left center #FFFFFF; margin:0 0 10px 0;} #footerSections .titles h1 {margin:0 !important; padding:0 !important; color:#767675;} #footerSections .left {width:235px; float:left; margin:0 20px 0 0; display:inline;} #footerSections .center {width:380px; float:left; display:inline;} #footerSections .right {width:240px; float:right; display:inline;} #projects {height:150px; background:url(../../images/index/buildingGraphics.jpg) no-repeat bottom right;} #projects ul li {padding:1px 0; margin:0 0 0 10px; background:url(../../images/index/arrow.gif) no-repeat left center;} #projects ul a {color:#32312d; padding:3px 0 3px 12px; } #projects ul a:hover, #projects ul a.selected {color:#32312d; background:url(../../images/index/mainNavBkg.gif) repeat-x bottom;} .newsSection {margin:0 0 20px 0;} .newsSection a {color:#1d1b15;} .newsSection .date {color:#767675; font-weight:bold; margin:0 0 10px 0;} .newsSection .date a {float:left; color:#767675;} .newsSection .date h1 a {color:#1d1b15;} .newsSection .date h1 {float:left; width:600px; padding:0!important; margin:0 0 0 10px; font-size:11px; font-weight:bold;} .newsSection .date span {background-color:#535049; color:#FFFFFF; padding:3px 5px;} .newsSection .content img {float:left; margin:0 10px 10px 0;} .newsContentPreview img {float:left; margin:0 10px 10px 0;} #footerSections .newsSection .date h1 {width:290px;} #newsNav {margin:0 0 10px 0;} #newsNav a {color:#D90D0D;} #newsNav .prev {float:left;} #newsNav .next {float:right; margin:0 10px 0 0;} /* contacts */ .contactsContent {width:230px; float:left;} form.contacts {width:650px; text-align:right; color:#1d1b15; float:right; background:url(../../images/index/formBkg.jpg) repeat-x bottom #FFFFFF; padding:10px 0;} form.contacts .left {float:left; width:280px;;} form.contacts .right {float:right; width:360px;} form.contacts label {width:75px; float:left; margin:10px 5px 0 10px;} form.contacts input { float:left; width:160px; margin:10px 10px 0 10px; border:1px solid #1d1b15; background:url(../../images/index/formBkg.jpg) repeat-x 0px -80px #FFFFFF; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; color:#1d1b15; } form.contacts textarea { margin:10px 10px 0 10px; width:240px; height:150px; text-align:left; float:left; border:1px solid #1d1b15; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#1d1b15; font-size:11px; overflow:auto; background:url(../../images/index/formBkg.jpg) repeat-x bottom #FFFFFF; } form.contacts .msg {text-align:center; font-weight:bold;} form.contacts .btn { float:right !important; background:url(../../images/index/btnBkg.jpg) repeat-x top #676767 !important; color:#FFFFFF; border:1px solid #312f2a; margin:10px 18px 0 10px; cursor:pointer; width:90px !important; } /*\ contacts */ /* gallery */ #galleryMainImage {width:480px; float:none !important; margin:0 !important;} .imageTopLeft {background:url(../../images/index/imageBkgTopLeft.gif) no-repeat top left; width:510px; margin:10px auto 0;} .imageFooterRight {background:url(../../images/index/imageBkgFooterRight.gif) no-repeat bottom right; padding:15px 15px 10px 15px;} #galleryImageContainer img.loader {width:121px !important; position:relative; top:-30px;} #galleryImages {/*width:410px;*/ width:534px; margin:10px auto;} #thumbs {position:relative} .thumbs {/*width:372px;*/ width:496px; margin:0; height:102px; cursor:default; overflow:hidden; position:relative; float:left;} .thumbnail {width:114px; height:93px; margin:5px; cursor:pointer; float:left; display:inline;} .thumbnail img {display:block; width:114px; height:93px;} .arrow {width:19px; height:102px; cursor:pointer; border:none; float:left;} #arrowLeft {background:url(../../images/index/arrowLeft.jpg) no-repeat;} #arrowRight {background:url(../../images/index/arrowRight.jpg) no-repeat;} /*\ gallery */ /* properties */ .propertySection {width:215px; color:#535049; float:left; margin:15px 5px 5px 5px;} .propertySection .title {color:#1a558c;} .propertySection .propertyImage {border:1px solid #1a558c; text-align:center; padding:5px 0; font-size:0; position:relative;} .propertySection .area {background-color:#eef4f9; margin:5px 0 0 0; padding:2px 5px;} .propertySection .garden {margin:2px 0 0 0; padding:2px 5px;} .propertySection .price {background-color:#eef4f9; margin:2px 0 0 0; padding:2px 5px;} .propertySection .price span {font-weight:bold; color:#1a558c;} .propertySection .text {margin:2px 0 0 0; padding:2px 5px;} .propertySection .more {background:url(../../images/index/moreBkg.jpg) no-repeat right #1a558c; float:right; color:#FFFFFF; padding:1px 15px 2px 7px} .propertySection .status {position:absolute; right:0; bottom:0; z-index:500; width:100px; height:20px; background-color:#eef4f9; font-size:12px !important; line-height:20px;} /*.available .area, .available .price {background-color:#568D1C !important;}*/ .sold .area, .sold .price, .sold .status {background-color:#d56c5a !important; color:#FFFFFF;} .sold .price span {color:#FFFFFF !important;} .reserved .area, .reserved .price, .reserved .status {background-color:#FFE1A6 !important;} /*\ properties */ /* page style */ .red, .red a {color:#8d5240;} .green, .green a {color:#698317;} .blue, .blue a {color:#1a558c;} /*\ page style */ /* pager */ .pager {margin:30px 0 10px 0; padding:10px 0 0 0; float:right;} .pager ul.pages {float:left; margin:0 0 5px 0px !important;} .pager ul.pages li {display:inline; background:none !important;} .pager ul.pages li a { display:block; float:left; width:17px !important; height:17px !important; padding:0 3px !important; text-align:center !important; text-decoration:none; color:#0e5e8d !important; background:url(../../images/index/pagesBkg.jpg) no-repeat center !important; margin:0 !important; } .pager ul.pages li a:hover, .pager ul.pages li a.selected {background:url(../../images/index/pagesBkgHover.jpg) no-repeat center !important;} /*\ pager */ #footer {width:900px; height:18px; margin:10px auto 20px; text-align:right;} #footer.red {background:url(../../images/index/footerBkg.jpg) no-repeat 0 0;} #footer.green {background:url(../../images/index/footerBkg.jpg) no-repeat 0 -18px;} #footer.blue {background:url(../../images/index/footerBkg.jpg) no-repeat 0 -36px;} /*#footer a {color:#8d5240;}*/ /*\ containers */