/*STYLE RESET*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,img,form,fieldset,blockquote { margin: 0; padding: 0; border: 0; }

/* Body */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background: #fff; }

p { font-size: 1.3em; line-height: 1.5em; color: #777; margin: 0 0 15px 0; }
a { color: #154b80; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

/* Layout */
.container { width: 960px; margin: 0 auto; position: relative; }
.title { overflow: hidden; }
.title h1, .title h2, .title h3, .title h4, .title h5, .title p { padding: 0 0 0 1000px; }
.clear { clear: both;} 
.yellow { color: #faec0b; }

/* Header */
#header { background: url(../images/bg-header.png) repeat-x; }
#header_content { height: 152px; position: relative; }
#header_content #logo { width: 246px; height: 86px; background: url(../images/img-logo.png) no-repeat; position: absolute; left: 0; top: 30px; }
#header_content #contact-number { width: 290px; height: 63px; background: url(../images/title-phone.png) no-repeat; position: absolute; right: 20px; top: 40px; }
#header_content #navi { width: 540px; height: 100px; float: right; }

/* Menu */
#menu li { margin: 0; padding: 0; }
#menu li { display: inline; height: 100px; }
#menu li a { display: block; height: 100px; float: left; margin: 0 0 0 2px; }

#menu li a.home { width: 82px; background: url(../images/nav-home.png) no-repeat; background-position: 0px 0px }
#menu li a.products { width: 115px; background: url(../images/nav-products.png) no-repeat; background-position: 0px 0px }
#menu li a.services { width: 104px; background: url(../images/nav-services.png) no-repeat; }
#menu li a.aboutus { width: 111px; background: url(../images/nav-aboutus.png) no-repeat; }
#menu li a.contactus { width: 128px; background: url(../images/nav-contactus.png) no-repeat; }
#menu li a.findus { width: 94px; background: url(../images/nav-findus.png) no-repeat; }
#menu li a:hover { background-position: 0px -100px; }
#menu li a.current { background-position: 0px -100px; }

/* Intro */
#intro { background: #012a64 url(../images/bg-intro.png) repeat-x; }
#intro_content01 { height: 301px; overflow: hidden; }
#intro_content02 { overflow: hidden; }

#welcome-img { float: right; margin: 16px 0 0 0; }
#phone-img { float: right; margin: 19px 16px 0 0; }
#intro-text { width: 410px; margin: 20px 0 0 0; }
#intro-text h3 { font-size: 1.6em; line-height: 1.5em; color: #faec0b; margin: 0 0 10px 0; }
#intro-text p { font-size: 1.2em; line-height: 1.3em; color: #fff; }
#intro-text p a { color: #faec0b; }
#intro-title { width: 400px; height: 73px; background: url(../images/title-intro.png) no-repeat; margin: 0 0 12px 0; }
#contactintro-title { width: 400px; height: 73px; background: url(../images/title-contact-intro.png) no-repeat; margin: 0 0 12px 0; }
#processintro-title { width: 400px; height: 73px; background: url(../images/title-process-intro.png) no-repeat; margin: 0 0 12px 0; }

#about-text { width: 440px; margin: 20px 0 20px 0; float: left; }
#about-text2 { width: 440px; margin: 20px 0 20px 50px; float: left; }
#about-text h3, #about-text2 h3 { font-size: 1.6em; line-height: 1.5em; color: #faec0b; margin: 0 0 10px 0; }
#about-text h4, #about-text2 h4 { font-size: 1.2em; line-height: 1.5em; color: #fff; margin: 0 0 10px 0; }
#about-text h5, #about-text2 h5 { font-size: 1.2em; line-height: 1.2em; color: #fff; margin: 0 0 10px 0; }
#about-text h5 a, #about-text2 h5 a { color: #faec0b; }
#about-text p, #about-text2 p { font-size: 1.1em; line-height: 1.2em; color: #fff; margin: 0 0 8px 0; }
#about-text p a, #about-text2 p a { color: #faec0b; }
#about-title { width: 400px; height: 73px; background: url(../images/title-intro.png) no-repeat; margin: 0 0 12px 0; }

#imgtxt-text { width: 370px; margin: 30px 0 20px 0; float: left; }
#imgtxt-image { width: 550px; margin: 20px 0 20px 35px; float: left; }
#imgtxt-text h3, #imgtxt-image h3 { font-size: 1.6em; line-height: 1.5em; color: #faec0b; margin: 0 0 10px 0; }
#imgtxt-text h4, #imgtxt-image h4 { font-size: 1.2em; line-height: 1.5em; color: #fff; margin: 0 0 10px 0; }
#imgtxt-text h5, #imgtxt-image h5 { font-size: 1.2em; line-height: 1.2em; color: #fff; margin: 0 0 10px 0; }
#imgtxt-text h5 a, #imgtxt-image h5 a { color: #faec0b; }
#imgtxt-text p, #imgtxt-image p { font-size: 1.1em; line-height: 1.2em; color: #fff; margin: 0 0 8px 0; }
#imgtxt-text p a, #imgtxt-image p a { color: #faec0b; }
#imgtxt-title { width: 400px; height: 73px; background: url(../images/title-intro.png) no-repeat; margin: 0 0 12px 0; }

.img-tag { float: left; margin: 0 20px 0 0; }
.img-tag2 { float: right; margin: 0 0 0 0; }
.img-tag3 { float: left; margin: 0 15px 0 0; }
a.img-thumb { float: right; padding: 0; margin: 0 0 6px 6px; border: 1px solid #fff; }
a.img-thumb img { display: block; }
a.img-thumb:hover { border: 1px solid #faec0b; }

#thumb-block { width: 380px; height: 70px; position: absolute; top: 190px; left: 0; }
a.img-thumb2 { float: left; margin: 0 6px 6px 0; border: 1px solid #fff;}
a.img-thumb2 img { display: block; }
a.img-thumb2:hover { border: 1px solid #faec0b; }

/* Content */
#content { padding: 20px 0 10px 0; background: url(../images/bg-content.png) repeat-x; }
.content-height { height: 540px; }

#content-wrap { width: 537px; background: #fff url(../images/bg-content-top.png) no-repeat; padding: 30px ; float: left; position: relative; }
#content-wrap-foot { width: 597px; height: 9px; background: url(../images/bg-content-bottom.png) no-repeat; position: absolute; left: 0; bottom: 0; }
#howwecanhelp-title { width: 205px; height: 27px; background: url(../images/title-howwecanhelp.png) no-repeat; margin: 0 0 12px 0; }
#theprocess-title { width: 150px; height: 27px; background: url(../images/title-theprocess.png) no-repeat; margin: 0 0 12px 0; }
#propertysubmission-title { width: 320px; height: 27px; background: url(../images/title-propertysubmission.png) no-repeat; margin: 0 0 12px 0; }
img.content01 { float: left; margin: 0 20px 0 0; }
img.content02 { float: right; margin: 0 0 0 20px; }
.instruction { font-size: 1.1em; }
.instruction em { color: #F00; }

a.menu-box1 { height: 102px; width: 182px; margin: 0 12px 0 0; float: left; background: #fff; display: block; }
a.menu-box2 { height: 102px; width: 182px; margin: 0 0 0 0; float: left; background: #fff; display: block; }
a.menu-box1:hover, a.menu-box2:hover { background: #174c88; }
a.menu-box1 img, a.menu-box2 img { border: 0; }
a.menu-box1 h3, a.menu-box2 h3 { color: #174c88; font-size: 1.2em; text-transform: uppercase; margin: 0 0 0 3px; }
a.menu-box1:hover h3, a.menu-box2:hover h3 { color: #fff; }

a.gallery-btn1 { height: 49px; width: 182px; margin: 0 12px 0 0; float: left; background: url(../images/btn-galleries.png) no-repeat 0px 0px; display: block; text-align: center; }
a.gallery-btn2  { height: 49px; width: 182px; margin: 0 0 0 0; float: left; background: url(../images/btn-galleries.png) no-repeat 0px 0px; display: block; text-align: center; }
a.gallery-btn1:hover, a.gallery-btn2:hover { background-position: 0px -49px; }
a.gallery-btn1 h3, a.gallery-btn2 h3 { color: #fff; font-size: 1.1em; text-transform: uppercase; margin: 16px 0 0 0; }
a.gallery-btn1 h4, a.gallery-btn2 h4 { color: #fff; font-size: 1.0em; text-transform: uppercase; margin: 16px 0 0 0; }
a.gallery-btn1:hover h3, a.gallery-btn2:hover h3, a.gallery-btn1:hover h4, a.gallery-btn2:hover h4 { color: #faec0b; }

.menu-box-clear { width: 960px; height: 10px; clear: both; }

/* Form */

.form-block { background: #159d9a; padding: 15px; margin: 0 0 20px 0;  }
#personaldetails-title { width: 152px; height: 27px; background: url(../images/title-personaldetails.png) no-repeat; margin: 0 0 12px; }
#propertydetails-title { width: 140px; height: 27px; background: url(../images/title-propertydetails.png) no-repeat; margin: 0 0 12px; }

label { font-size: 1.3em; margin: 0 8px 0 0; color: #fff; font-weight: bold; }
label em { color: #C00; }
input { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
input:focus { border: 1px solid #009e9a; }
textarea { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
textarea:focus { border: 1px solid #009e9a; }

.field01 { clear: both; height: 34px; text-align: right; }
.field01 input { width: 360px; }
.field02 { height: 34px; width: 240px; text-align: right; float: right; }
.field02 input { width: 120px; }
.field03 { clear: both; height: 34px; text-align: right; }
.field03 input { width: 320px; }
.field04 { clear: both; height: 34px; text-align: right; }
.field04 input { width: 280px; }
.field05 { clear: both; text-align: right;  position: relative; height: 102px; }
.field05 label { position: absolute; top: 4px; left: 30px; }
.field05 textarea { clear: both; width: 320px; height: 80px; margin: 0 0 6px 0; position: absolute; top: 4px; right: 0px; }

.sendform-btn { display: block; width: 153px; height: 44px; background: url(../images/btn-sendform.png) no-repeat 0px 0px; margin: 6px 6px 0 0; border: 0; cursor: pointer; }
.sendform-btn:hover { background: url(../images/btn-sendform.png) no-repeat 0px -44px; }

/* Footer */

#footer { background: #042457 url(../images/bg-footer.png) repeat-x; clear: both; }
#footer_content { clear: both; width: 960px; margin: 0 auto; padding: 15px 0 5px 0; text-align: center; }
#footer_content p { font-size: 1.1em; line-height: 1.3em; color: #fff; }
#footer_content p a { color: #faec0b; text-decoration: none; }
#footer_content p a:hover { color: #fff; text-decoration: underline; }
#footer_content p span.left { float: left; margin: 15px 0 0 0; text-align: left; }
#footer_content p span.right { float: right; margin: 15px 0 0 0; text-align: right; }