*{ margin: 0; padding: 0; -webkit-text-size-adjust:none; } html { margin: 0; padding: 0; height: 100%; background-image: url('../images/bg.png'); background-repeat: repeat; } body { margin: 0; padding: 0; font-size: 12px; font-family: "Arial"; height: 100%; } a { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; } img { border: 0px; } .clear-div { clear:both; width:1px; height:1px; overflow:hidden; } a.disable:hover { text-decoration: none; } .left { float: left; } #main-container { width: 1024px; margin: 0 auto 0 auto; } #inner-container { width: 1000px; margin: 0 auto; } #header-container { text-align: left; background-color: #ffffff; padding: 10px 20px 10px 20px; width: 960px; height: 57px; } #header-container #header-logo { float: left; margin: 0 10px 0 0; } #header-container span.logo { font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; letter-spacing:-0.025em; text-shadow: 0px 1px 1px #BEBEBE; color: #737373; /* #696969; */ } #header-container span.logo span#name { font-weight: bold; font-size: 24px; } #header-container a:hover { text-decoration: none; } #footer { background-color: #FFFFFF; color: #000000; margin: 0 0 20px 0; font-size: 10px; padding: 0 0 10px 0; } #footer-wrapper { margin: 0 10px 0 10px; border-top: 1px solid #d83231; padding: 5px 0 0 0; } #content-container { width: 1000px; } #content-banner { position: relative; overflow: hidden; width: 1000px; } #content-banner .banner-image { } #menu-container { text-align: center; height: 28px; background-image: url('../images/menu_bg.png'); background-repeat: x-repeat; position: absolute; bottom: 0px; width: 1000px; } #menu-container span { display: inline-block; } #menu-container span a { display: block; height: 28px; } #menu-container a#menu_1 { background-image: url('../images/about_off.png'); width: 167px; margin: 0 35px 0 35px; } #menu-container a#menu_1.active, #menu-container a:hover#menu_1 { background-image: url('../images/about_on.png'); } #menu-container a#menu_2 { background-image: url('../images/services_off.png'); width: 111px; margin: 0 35px 0 35px; } #menu-container a#menu_2.active, #menu-container a:hover#menu_2 { background-image: url('../images/services_on.png'); } #menu-container a#menu_3 { background-image: url('../images/project_off.png'); width: 113px; margin: 0 35px 0 35px;} #menu-container a#menu_3.active, #menu-container a:hover#menu_3 { background-image: url('../images/project_on.png'); } #menu-container a#menu_4 { background-image: url('../images/contactus_off.png'); width: 131px; margin: 0 35px 0 35px; } #menu-container a#menu_4.active, #menu-container a:hover#menu_4 { background-image: url('../images/contactus_on.png'); } #bottom-content { background-color: #ffffff; overflow: hidden; width: 984px; position: relative; padding: 8px 8px 20px 8px;} #bottom-content .content-title { overflow: hidden; } #bottom-content .content-title a { position: absolute; right: 5px; font-size: 11px; color: #a6353b; font-weight: bold; } #content-container.home #content-banner { height: 397px; } #content-container.home #bottom-content { width: 950px; padding: 10px 25px 20px 25px;} #content-container.home #bottom-content div.left {width: 630px; overflow: hidden; } #content-container.home #bottom-content div.right { float: right; overflow: hidden; width: 319px; border-left: 1px solid #c6c6c6; } #content-container.home #bottom-content div.right .content-title { position: relative; } #content-container.home #bottom-content div.left .content-breadcrumb { color: #808080; border-bottom: 1px solid #d83231; width: 100%; padding: 0 0 0 20px; } #content-container.home #bottom-content div.left .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.home #bottom-content .content-left { padding: 20px 20px 20px 20px; } #content-container.home #bottom-content div.right .row { margin: 40px 0 0 0; border-top: 1px solid #c6c6c6; text-align: center; } #content-container.home #bottom-content div.right .row .title { margin: 20px 0 20px 0; color: #680406; font-weight: bold; font-size: 13px; } #content-container.about #content-banner { height: 200px; } #content-container.about #bottom-content div.left { border-right: 1px solid #cccccc; width: 210px;} #content-container.about #bottom-content div.left .item.first { margin: 65px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #content-container.about #bottom-content div.left .item { color: #680406; cursor: pointer; border-bottom: 1px solid #cccccc; } #content-container.about #bottom-content div.left .item a.active { background-color: #f5e9ea; } #content-container.about #bottom-content div.left .item a:hover { background-color: #f5e9ea; } #content-container.about #bottom-content div.left .item a { font-size: 14px; color: #680406; font-family: arial,"Times New Roman",Times,serif; display: inline-block; width: 200px; height: 100%; font-weight: bold; margin: 1px 0 1px 0; line-height: 47px; height: 47px; padding: 0 0 0 10px; } #content-container.about #bottom-content div.right { padding: 10px 0 0 0; float: left; overflow: hidden; min-height:419px; height: auto !important; height: 429px; width: 773px; } #content-container.about #bottom-content div.right .content-breadcrumb { color: #808080; border-bottom: 1px solid #d83231; width: 100%; padding: 0 0 0 20px; } #content-container.about #bottom-content div.right .content-breadcrumb a { color: #808080; } #content-container.about #bottom-content div.right .content-breadcrumb span { margin: 0 10px 0 10px; } #content-container.about #bottom-content div.right .content-breadcrumb a.current { color: #81272d; } #content-container.about #bottom-content div.right .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.about #bottom-content .content-left { padding: 20px 20px 20px 20px; } #content-container.about #bottom-content .content-left.director { padding: 0 0 0 0; } #content-container.about #bottom-content .content-left ul { list-style-position: outside; margin: 0 0 0 20px; } #content-container.about #bottom-content .content-left ul li { list-style-type: decimal;} #content-container.about #bottom-content .content-right { float: right; } #content-container.about #bottom-content .content-back { position: absolute; bottom: 0px; margin-bottom: 20px; } #content-container.about .director-row { border-bottom: 1px solid #c6c6c6; padding: 35px 0 0 50px; } #content-container.about .director-row .name { width: 130px; height: 90px; font-weight: bold; float: left; } #content-container.services #content-banner { height: 200px; } #content-container.services #bottom-content div.left { border-right: 1px solid #cccccc; width: 210px;} #content-container.services #bottom-content div.left .item.first { margin: 65px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #content-container.services #bottom-content div.left .item { color: #680406; cursor: pointer; border-bottom: 1px solid #cccccc; } #content-container.services #bottom-content div.left .item a.active { background-color: #f5e9ea; } #content-container.services #bottom-content div.left .item a:hover { background-color: #f5e9ea; } #content-container.services #bottom-content div.left .item a { font-size: 14px; color: #680406; font-family: arial,"Times New Roman",Times,serif; display: inline-block; width: 200px; height: 100%; font-weight: bold; margin: 1px 0 1px 0; line-height: 47px; height: 47px; padding: 0 0 0 10px; } #content-container.services #bottom-content div.right { padding: 10px 0 0 0; float: left; overflow: hidden; min-height:419px; height: auto !important; height: 429px; width: 773px; } #content-container.services #bottom-content div.right .content-breadcrumb { color: #808080; border-bottom: 1px solid #d83231; width: 100%; padding: 0 0 0 20px; } #content-container.services #bottom-content div.right .content-breadcrumb a { color: #808080; } #content-container.services #bottom-content div.right .content-breadcrumb span { margin: 0 10px 0 10px; } #content-container.services #bottom-content div.right .content-breadcrumb a.current { color: #81272d; } #content-container.services #bottom-content div.right .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.services #bottom-content .content-left { float: left; width: 350px; padding: 0 0 0 20px; } #content-container.services #bottom-content .content-back { position: absolute; bottom: 0px; margin-bottom: 20px; } #content-container.services #bottom-content .content-left ul { } #content-container.services #bottom-content .content-left ul li { font-weight: bold; list-style-image: url('../images/redport.png'); list-style-position: inside; margin: 15px 0; } #content-container.projects #content-banner { height: 200px; } #content-container.projects #bottom-content div.left { border-right: 1px solid #cccccc; width: 210px;} #content-container.projects #bottom-content div.left .item.first { margin: 65px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #content-container.projects #bottom-content div.left .item { color: #680406; cursor: pointer; border-bottom: 1px solid #cccccc; } #content-container.projects #bottom-content div.left .item a.active { background-color: #f5e9ea; } #content-container.projects #bottom-content div.left .item a:hover { background-color: #f5e9ea; } #content-container.projects #bottom-content div.left .item a { font-size: 14px; color: #680406; font-family: arial,"Times New Roman",Times,serif; display: inline-block; width: 190px; line-height: 47px; height: 100%; font-weight: bold; margin: 1px 0 1px 0; height: 47px; padding: 0 10px 0 10px; } #content-container.projects #bottom-content div.left .item.long a { line-height: 120%; padding-top: 15px; height: 44px; } #content-container.projects #bottom-content div.right { padding: 10px 0 0 0; float: left; overflow: hidden; min-height:419px; height: auto !important; height: 429px; width: 770px; } #content-container.projects #bottom-content div.right .content-breadcrumb { position: relative; color: #808080; border-bottom: 1px solid #d83231; width: 760px; padding: 0 0 0 20px; } #content-container.projects #bottom-content div.right .content-breadcrumb a { color: #808080; } #content-container.projects #bottom-content div.right .content-breadcrumb span { margin: 0 10px 0 10px; } #content-container.projects #bottom-content div.right .content-breadcrumb a.current { color: #81272d; } #content-container.projects #bottom-content div.right .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.projects #bottom-content div.right .content-breadcrumb .prev { position: absolute; bottom: 5px; right: 65px; background-image: url('../images/prew_off.png'); display: inline-block; width: 39px; height: 9px; } #content-container.projects #bottom-content div.right .content-breadcrumb .next { position: absolute; bottom: 5px; right: 20px; background-image: url('../images/next_off.png'); display: inline-block; width: 39px; height: 9px; } #content-container.projects #bottom-content .content-left { position: relative; float: left; width: 770px; overflow: hidden; } #content-container.projects #bottom-content .content-back { position: absolute; bottom: 0px; margin-bottom: 20px; } #content-container.projects #bottom-content .project-div .project-content { width: 600px; padding: 0 0 0 0; } #content-container.project-details #content-banner { height: 200px; } #content-container.project-details #bottom-content div.left { border-right: 1px solid #cccccc; width: 210px;} #content-container.project-details #bottom-content div.left .item.first { margin: 65px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #content-container.project-details #bottom-content div.left .item { color: #680406; cursor: pointer; border-bottom: 1px solid #cccccc; } #content-container.project-details #bottom-content div.left .item a.active { background-color: #f5e9ea; } #content-container.project-details #bottom-content div.left .item a:hover { background-color: #f5e9ea; } #content-container.project-details #bottom-content div.left .item a { font-size: 14px; color: #680406; font-family: arial,"Times New Roman",Times,serif; display: inline-block; width: 190px; height: 100%; font-weight: bold; margin: 1px 0 1px 0; line-height: 47px; height: 47px; padding: 0 10px 0 10px; } #content-container.project-details #bottom-content div.left .item.long a { line-height: 120%; padding-top: 15px; height: 44px; } #content-container.project-details #bottom-content div.right { padding: 10px 0 0 0; float: left; overflow: hidden; min-height:419px; height: auto !important; height: 429px; width: 770px; } #content-container.project-details #bottom-content div.right .content-breadcrumb { position: relative; color: #808080; border-bottom: 1px solid #d83231; width: 760px; padding: 0 0 0 20px; } #content-container.project-details #bottom-content div.right .content-breadcrumb a { color: #808080; } #content-container.project-details #bottom-content div.right .content-breadcrumb span { margin: 0 10px 0 10px; } #content-container.project-details #bottom-content div.right .content-breadcrumb a.current { color: #81272d; } #content-container.project-details #bottom-content div.right .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.project-details #bottom-content .content-left { position: relative; float: left; width: 770px; } #content-container.project-details #bottom-content .content-left .title { font-size: 16px; font-weight: bold; margin-bottom: 10px; } #content-container.project-details #bottom-content .content-left .row { margin: 10px 0 10px 20px; } #content-container.project-details #bottom-content .content-left .row .label { height: 20px; float: left; width: 180px; color: #000000; font-weight: bold; } #content-container.project-details #bottom-content .content-left .row .data { } #content-container.project-details #bottom-content .content-left .details-images { margin: 30px 0; } #content-container.project-details #bottom-content .content-back { position: absolute; bottom: 0px; margin-bottom: 20px; } #content-container.project-details #bottom-content .content-left .image-row { position: relative; margin: 0 0 20px 0; } #content-container.project-details #bottom-content .content-left .image-row .main-img { width: 644px; height: 197px; } #content-container.project-details #bottom-content .content-left .image-row .sub-img-1 { position: absolute; top: 0px; right: 0px; } #content-container.project-details #bottom-content .content-left .image-row .sub-img-2 { position: absolute; top: 66px; right: 0px; } #content-container.project-details #bottom-content .content-left .image-row .sub-img-3 { position: absolute; bottom: -1px; right: 0px; } #content-container.project-details #bottom-content .content-left .image-row .sub-img.first { border-bottom: 1px solid #ffffff; } #content-container.project-details #bottom-content .content-left .image-row .sub-img { border-left: 1px solid #ffffff; width: 125px; height: 65px; border-bottom: 1px solid #ffffff; } #content-container.project-details #bottom-content .content-left .image-row .sub-img.last { border-bottom: none; } #content-container.directors #content-banner { height: 137px; } #content-container.directors #bottom-content div.left { height: 100%; display: inline; text-align: right; padding: 10px 0 20px 0; margin-left: 10px; background-image: url('../images/bg2.png'); background-repeat: y-repeat; width: 210px; } #content-container.directors #bottom-content div.right { height: 100%; float: left; overflow: hidden; display: inline; padding: 10px 20px 0px 30px; min-height:478px; height: auto !important; height: 478px; } #content-container.directors #bottom-content .content-left { float: left; width: 143px; padding: 0 0 0 10px; margin-right: 30px; } #content-container.directors #bottom-content .content-left .director-image { margin-bottom: 10px; } #content-container.directors #bottom-content .content-left .director-name { padding: 0 0 0 10px; font-size: 10px; } #content-container.directors #bottom-content .content-right { float: left; font-size: 12px; width: 520px; } #content-container.directors #bottom-content .content-back { position: absolute; bottom: 0px; margin-bottom: 20px; } #content-container.contactus #content-banner { height: 200px; } #content-container.contactus #bottom-content div.left { border-right: 1px solid #cccccc; width: 210px;} #content-container.contactus #bottom-content div.left .item.first { margin: 65px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #content-container.contactus #bottom-content div.left .item { color: #680406; cursor: pointer; border-bottom: 1px solid #cccccc; } #content-container.contactus #bottom-content div.left .item a.active { background-color: #f5e9ea; } #content-container.contactus #bottom-content div.left .item a:hover { background-color: #f5e9ea; } #content-container.contactus #bottom-content div.left .item a { font-size: 14px; color: #680406; font-family: arial,"Times New Roman",Times,serif; display: inline-block; width: 200px; height: 100%; font-weight: bold; margin: 1px 0 1px 0; line-height: 47px; height: 47px; padding: 0 0 0 10px; } #content-container.contactus #bottom-content div.right { padding: 10px 0 0 0; float: left; overflow: hidden; min-height:419px; height: auto !important; height: 429px; width: 773px; } #content-container.contactus #bottom-content div.right .content-breadcrumb { color: #808080; border-bottom: 1px solid #d83231; width: 100%; padding: 0 0 0 20px; } #content-container.contactus #bottom-content div.right .content-breadcrumb a { color: #808080; } #content-container.contactus #bottom-content div.right .content-breadcrumb span { margin: 0 10px 0 10px; } #content-container.contactus #bottom-content div.right .content-breadcrumb a.current { color: #81272d; } #content-container.contactus #bottom-content div.right .content-breadcrumb .title { color: #1A1A1A; font-family: "Californian FB",Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: bold; text-shadow: 0 1px 1px #B1B1B1; margin: 9px 0 7px 0; } #content-container.contactus .content-right { padding: 20px 0 0 20px; } #content-container.contactus .content-right .title { font-weight: bold; font-size: 16px; margin: 0 0 5px 0; display: block; } .content-back img { margin-right: 5px; } .content-title { margin-bottom: 15px; } #content-container.home #bottom-content div.left .content { padding: 0 0 0 10px; font-size: 12px; } .project-div { position: relative; border-bottom: 1px solid #c6c6c6; background-color: #f8f8f8; padding: 13px 24px 20px 20px; width: 726px; } .project-image { padding: 5px; width: 100px; height: 100px; border: 1px solid #999999; background-color: #f8f8f8; font-size: 11px; float: right; margin-right: 10px; } .project-image img { width: 100px; height: 100px; } .project-div .project-content { float: left; width: 285px; } .project-div .project-content .project-title { color: #000000; font-weight: bold; font-size: 14px; margin-bottom: 15px; } .project-div .project-content .project-view-btn { position: absolute; bottom: 10px; left; 150px; color: #81272d; background-image: url('../images/moreD_off.png'); width: 130px; height: 23px; text-indent: -99990px; } .project-div .project-content .project-view-btn:hover { background-image: url('../images/moreD_on.png'); } .project-div .project-content .row { position: relative; } .project-div .project-content .row span.lable { display: block; height: 20px; color: #000000; font-weight: bold; float: left; display: inline-block; width: 100px; } .project-div .project-content .row span.location { }