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

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }


img { border: none; }
a img { border: none; }
a { color: #666666; text-decoration: underline; }
a:hover { color: #ff6e00; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
form .input, textarea { padding: 3px; }
form .input, select, textarea { border: 1px solid #CCCCCC; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 20px; color: #333333; background: #F2F2F2 url(/img/body-bg.png) repeat-x left top; }
h1 { font-size: 66px; font-weight: normal; height: 82px; line-height: 76px; color: #F6F6F6; text-align: center; }
h1.overlap em { display: inline; }
h1 span { width: 100%; height: 82px;}
h2 { font-size: 22px; font-weight: normal; padding: 15px 0px 10px 0px;}
h3 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
h4 { font-size: 12px; font-weight: bold; padding: 0px 0px 2px 0px; }
p { padding-bottom: 1em; }
a { color: #000000; text-decoration: underline; }
ul { padding: 0px 0px 1em 0px; margin: 0px; }
ul li { background: url(/img/li-d-bg.gif) no-repeat 1px 7px; padding-left: 17px; padding-bottom: 2px; list-style: none;  }
ol { padding-left: 2em; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html, body { height: 100%; min-height: 100%; }
body { text-align: center; }

#page-bg { background: url(/img/page-bg.jpg) no-repeat center 0px ; min-height: 100%; min-width: 980px; }

#page-wrapper { width: 980px; text-align: left; margin: 0px auto; position: relative; }

/* Column flow: main-content, right-column, left column */
#main-content { width: 460px;	padding: 18px 20px 10px 20px;	float: left; text-align: justify; }
#right-column { width: 183px; padding: 18px 25px 10px 25px; float: left; }

#column-wrapper { width: 733px; float: right; }
#left-column { width: 220px; float: right; padding: 10px 17px 10px 10px; }



/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 209px; background: url(/img/header-bg.jpg) no-repeat center bottom; text-align: center; min-width: 980px; }
#header-content { width: 980px; margin: 0px auto;  text-align: left; position: relative; }
#logo { padding: 0px; position: absolute; top: 27px; left: 16px; }
#lang { position: absolute; top: -170px; right: 5px; z-index: 3; }
#lang .en { width: 89px; height: 24px; }
#lang .en span { background-image: url(/img/lang-english.png); }

#page-about-ether #header { background-image: url(/img/bg-about-ether.jpg); }
#page-administrative-services #header { background-image: url(/img/bg-administrative-services.jpg); }
#page-business-accounting-and-tax #header { background-image: url(/img/bg-business-accounting-and-tax.jpg); }
#page-business-services #header { background-image: url(/img/bg-business-services.jpg); }
#page-company-formation #header { background-image: url(/img/bg-company-formation.jpg); }
#page-contact-us #header { background-image: url(/img/bg-contact-us.jpg); }
#page-legal-appointment #header { background-image: url(/img/bg-legal-appointment.jpg); }
#page-mortgage #header { background-image: url(/img/bg-mortgage.jpg); }
#page-property-accounting-and-tax #header { background-image: url(/img/bg-property-accounting-and-tax.jpg); }
#page-property-management #header { background-image: url(/img/bg-property-management.jpg); }
#page-property-purchase #header { background-image: url(/img/bg-property-purchase.jpg); }
#page-property-search #header { background-image: url(/img/bg-property-search.jpg); }
#page-property-services #header { background-image: url(/img/bg-property-services.jpg); }
#page-residence-permits-visas #header { background-image: url(/img/bg-residence-permits-visas.jpg); }
#page-tax-planning-services #header { background-image: url(/img/bg-tax-planning-services.jpg); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { padding: 11px 0px; }
#footer #copyright,
#footer #giant { padding: 0px; display: block; width: 180px; height: 30px; line-height: 30px; overflow: hidden; background-color: #FFFFFF; font-size: 10px; color: #666666; text-align: center; }
#footer #giant img { vertical-align: middle; margin-top: -1px; margin-left: 4px; cursor: pointer; }

#footer #copyright { float: left; }

#footer #footer-nav { padding: 0px; margin-left: 247px; width: 500px; text-align: center; font-size: 11px; height: 30px; line-height: 30px; }
#footer #footer-nav a { padding: 0px 5px; }

#footer #giant { float: right; }
#footer #giant a { text-decoration: none; cursor: default; color: #666666; }
#footer #giant strong { text-decoration: underline; color: #666666; font-weight: normal; cursor: pointer; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; width: 700px; height: 29px; top: -189px; right: 13px; margin: 0px; padding: 0px; text-align: right; }
#menu li { list-style: none; display: inline; padding: 0px; background: none; }
#menu li a { display: table-cell; display: inline-block; height: 29px; line-height: 29px; text-align: left; text-decoration: none; }
#menu li a strong { font-weight: normal; visibility: hidden; }

#menu-homepage a { background-image: url(/img/menu-homepage.png); width: 115px; }
#menu-about-ether a { background-image: url(/img/menu-about-ether.png); width: 135px; }
#menu-business-services a { background-image: url(/img/menu-business-services.png); width: 145px; }
#menu-property-services a { background-image: url(/img/menu-property-services.png); width: 105px; }
#menu-contact-us a { background-image: url(/img/menu-contact-us.png); width: 115px; }

.section-about-ether #menu-about-ether,
.section-business-services #menu-business-services,
.section-property-services #menu-property-services,
.section-contact-us #menu-contact-us {position: absolute; top: 151px; left: 0px; list-style: none; background: none; padding: 0px; margin: 0px; display: block; padding-left: 9px; width: 241px; height: 38px; background-color: #FFFFFF; line-height: 38px; font-size: 26px; color: #003555; text-decoration: none; overflow: hidden; letter-spacing: -1px; }

.section-about-ether #menu-about-ether em,
.section-business-services #menu-business-services em,
.section-property-services #menu-property-services em,
.section-contact-us #menu-contact-us em { font-style: italic; color: #0069A8; }

.section-about-ether #menu-about-ether strong,
.section-business-services #menu-business-services strong,
.section-property-services #menu-property-services strong,
.section-contact-us #menu-contact-us strong { visibility: visible; }

.section-about-ether #menu-about-ether span,
.section-business-services #menu-business-services span,
.section-property-services #menu-property-services span,
.section-contact-us #menu-contact-us span { display: block; width: 250px; height: 38px; position: absolute; top: 0px; left: 0px; background-position: left top; background-repeat: no-repeat; }

.section-about-ether #menu-about-ether a,
.section-business-services #menu-business-services a,
.section-property-services #menu-property-services a,
.section-contact-us #menu-contact-us a { width: 250px; height: 38px; background: #FFFFFF; text-indent: 0px; }

.section-about-ether #menu-about-ether span { background-image: url(/img/menu-about-ether.gif); }
.section-business-services #menu-business-services span { background-image: url(/img/menu-business-services.gif); }
.section-property-services #menu-property-services span { background-image: url(/img/menu-property-services.gif); }
.section-contact-us #menu-contact-us span { background-image: url(/img/menu-contact-us.gif); }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { background: #FFFFFF url(/img/main-content-bg.png) repeat-x left top; min-height: 350px; }

#main-content h2:first-child { padding-top: 0px; }

ol.lower-alpha { list-style: lower-alpha; }

/* COLUMN BLOCK */
.block { padding: 0px 0px 30px 0px; font-size: 11px; color: #666666; }
.block h2  { font-weight: normal; position: relative; padding: 0px; font-size: 17px; }
.block h2 span { background-color: #FFFFFF; padding: 0px 5px 1px 5px; color: #003555; }
.block h2 strong { display: block; padding: 1px 0px 2px 0px; font-weight: normal; }
.block h2 strong span { text-transform: uppercase; color: #FFFFFF; background-color: #003555; padding-top: 1px; }
.block h2 em { color: #FF6E00; }
.block h2 span.over { padding: 0px; display: block; width: 100%; height: 44px; position: absolute; top: 0px; left: 0px; background-color: transparent; background-position: 0px 0px; background-repeat: no-repeat; }
.block p { padding: 5px 3px 5px 3px; }
.block a { color: #666666;  text-decoration: underline; }
.block a:hover { color: #ff6e00; }
.block form { margin-top: 10px; }
.block input { width: 125px; padding: 4px; }
.block input.submit { width: 80px; height: 26px; padding: 0px; }
.block label { display: block; font-family: Georgia, "Times New Roman", Times, serif; }
.block textarea { width: 126px; font-size: 11px; height: 100px; padding: 7px 4px 0px 4px; }

#left-menu { padding: 0px; margin: 0px; }
#left-menu li { padding: 0px; margin: 0px; background: none; list-style: none; border-bottom: 1px dashed #A7A7A7; }
#left-menu li a { display: block; padding: 3px 0px 3px 18px; text-decoration: none; text-transform: uppercase; background: url(/img/li-square-hover.gif) no-repeat 4px 10px; }
#left-menu li a:hover,
#left-menu li.active a { background-position: 4px -90px; }
#left-menu li.active a { color: #ff6e00; background: url(/img/li-orange.gif) no-repeat 4px 8px; }

#left-column .block h2 { font-size: 21px; line-height: 20px; }
#left-column .block h2 span { padding: 0px 5px 1px 5px; }
#left-column .block h2 strong { padding: 3px 0px 5px 0px;  }
#left-column .block h2 strong span { padding-top: 1px; }
#left-column .block h2 .over { height: 53px; }

#right-column ul li { padding-left: 10px; background-position: 0px 8px; }

/* BLOCK TITLES */
#lbt-01 .over { background-image: url(/img/lbt-01.gif); }
#lbt-02 .over { background-image: url(/img/lbt-02.gif); }
#lbt-03 .over { background-image: url(/img/lbt-03.gif); }

#rbt-01 .over { background-image: url(/img/rbt-01.gif); }
#rbt-02 .over { background-image: url(/img/rbt-02.gif); }
#rbt-03 .over { background-image: url(/img/rbt-03.gif); }
#rbt-04 .over { background-image: url(/img/rbt-04.gif); }
#rbt-05 .over { background-image: url(/img/rbt-05.gif); }
#rbt-06 { height: 66px; overflow: hidden; }
#rbt-06 .over { background-image: url(/img/rbt-06.gif); }
#rbt-06 span.over { height: 66px; }
#rbt-07 .over { background-image: url(/img/rbt-07.gif); }
#rbt-07 span { letter-spacing: -2px; }
#rbt-08 .over { background-image: url(/img/rbt-08.gif); }

/* PAGE TITLES */
#pt-01 span { background-image: url(/img/pt-01.png); }
#pt-02 span { background-image: url(/img/pt-02.png); }
#pt-03 span { background-image: url(/img/pt-03.png); }
#pt-04 span { background-image: url(/img/pt-04.png); }
#pt-05 span { background-image: url(/img/pt-05.png); }
#pt-06 span { background-image: url(/img/pt-06.png); }
#pt-07 span { background-image: url(/img/pt-07.png); }
#pt-08 span { background-image: url(/img/pt-08.png); }
#pt-09 span { background-image: url(/img/pt-09.png); }
#pt-10 span { background-image: url(/img/pt-10.png); }
#pt-11 span { background-image: url(/img/pt-11.png); }
#pt-12 span { background-image: url(/img/pt-12.png); }
#pt-13 span { background-image: url(/img/pt-13.png); }
#pt-14 span { background-image: url(/img/pt-14.png); }
#pt-15 span { background-image: url(/img/pt-15.png); }

/* BACK TO HOMEPAGE */
#back-to-homepage { padding: 0px; margin: 0px; position: absolute; bottom: 63px; left: 11px; }
#back-to-homepage a { background: url(/img/ico-home.gif) no-repeat left center; padding-left: 17px; text-transform: uppercase; font-size: 11px; color: #666666; text-decoration: none; }
#back-to-homepage a:hover { text-decoration: underline; }

/* COLORS */
.orange-ultra-light { /* color: #FFBA00 */ }
.orange-light       { /* color: #E8A800 */ }
.orange-normal      { /* color: #FF8A00 */ }
.orange-dark        { /* color: #FF6E00 */ }

#map-contact { float: right; width: 200px; font-size: 10px; color: #989898; line-height: 12px; }