html * {padding:0;margin:0}
* html {padding:0; margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button,textarea{
  background:transparent;
  border:0;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline}


ol,ul {list-style:none}
blockquote:before,blockquote:after,
q:before,q:after {content:''; content:none}
a {
  color:inherit;
  text-decoration:none}
/* remember to define focus styles! */
:active,:focus {outline:0}
/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}
sub {vertical-align:sub}
sup {font-size:80%;vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0}


.clear{clear:both}

.hidden {display:none}
.hider {overflow:hidden}
.holder {overflow:auto}

/* Text
 * --------------- */
strong,
.tBold {font-weight:bold}
.tCaps {text-transform:uppercase}
.tCent {text-align:center}
.tCent2 {text-align:center;vertical-align:middle}
.tLeft {text-align:left}
.tRight {text-align:right}

/* Floats & Columns
 * --------------------- */
.aligncenter {margin-left:auto;margin-right:auto}
.alignright {float:right}
.alignnone {float:none}
.alignleft, .col2, .col3, .col4, .col5 {float:left}


.col2 {width:50%}
.col3 {width:33%}
.col4 {width:25%}
.col5 {width:20%}


/* Start Here */
body {
  background:#a0a0a3;
  color:#444;
  font:.625em/1 Arial, sans-serif}
#page {
  background:#fff;
  margin:0 auto;
  width:780px}

/* Header */
#header {
  background:#fff url(images/bg/header.png) repeat-x 0 bottom;
  height:90px;
  position:relative;
  width:100%}
#header h1 {text-indent:-99999em}
a#logo {
  background:url(images/logo/logo.png) no-repeat;
  bottom:8px;
  display:block;
  height:60px;
  left:10px;
  position:absolute;
  text-indent:-99999em;
  width:255px}

#nav {
  bottom:9px;
  float:right;
  height:29px;
  position:absolute;
  right:23px}
#nav li {
  float:left;
  margin-left:.4em}
#nav li a {
  background:url(images/links/links.png) no-repeat;
  color:transparent;
  display:block;
  float:left;
  font-size:0;
  height:29px;
  width:83px}

#nav li#link-home a:hover {background-position:0 -29px}
#nav li#link-aboutus a {background-position:-83px 0}
#nav li#link-aboutus a:hover {background-position:-83px -29px}
#nav li#link-contactus a {background-position:-166px 0}
#nav li#link-contactus a:hover {background-position:-166px -29px}


/* Content */
#content {
  background:#d9e3eb;
  border-bottom:7px solid #3d6992}


/* Sidebar */
#sidebar {
  float:left;
  width:190px}
.widget {
  float:left;
  width:100%}
.widgetTitle {
  background:url(images/bg/widgetTitle.png) repeat-x;
  border-top:1px solid #fff;
  color:#fff;
  font-size:120%;
  font-weight:bold;
  height:28px;
  letter-spacing:1px;
  line-height:25px;
  text-align:center;
  text-transform:uppercase}
.widgetContent {
  font-size:8pt;
  line-height:1.4}

.widget .links {
  background:url(images/bg/links.png) repeat-y right 0;
  margin:0;
  padding:6px 0 7px}
.widget .links  li {
  background:url(images/bg/links_li.gif) no-repeat right 0;
  height:21px;
  line-height:20px;
  padding:0 1em 0 4em}
.widget .links a {
  color:#fff;
  font-size:9pt;
  font-weight:bold}
.widget .links a:focus,
.widget .links a:hover{
  color:#2d3940}

.widget .links2 {padding:5px 10px}
.widget .links2 li {
  background:url(images/links/arrow-right.png) no-repeat 0 .3em;
  margin-bottom:.5em;
  padding-left:16px}
.widget .links2 li.active ul {display:block}
.widget .links2 ul {display:none}
.widget .links2 a {color:#173958}
.widget .links2 a:focus,
.widget .links2 a:hover {
  color:#666}

#contact-phones {}
#contact-phones dl {
  color:#173958;
  padding:5px 10px}

#contact-phones dt{
  float:left;
  width:46%}
#contact-phones dd {
  float:right;
  text-align:right;
  width:54%}

#online-support {
  padding:1em 0;
  text-align:center}

/* Main */
#main {
  background:#fff;
  float:left;
  width:567px}

/* Post */
.post {
  background-repeat:no-repeat;
  font-size:120%;
  line-height:1.4;
  padding-top:140px}

.postTitle {
  background-color:#e6e6e4;
  border-bottom:1px solid #fff;
  color:#305b83;
  font-size:12pt;
  font-weight:bold;
  line-height:1.4;
  overflow:hidden;
  padding:0 25px }

.postEntry {
  border-top:3px solid #e6e6e4;
  font-size:9pt;
  padding:10px 30px 10px 25px;
  text-align:justify}
.home .postEntry {color:#305b83}

.postEntry a {
  color:#305b83;
  text-decoration:underline}
.postEntry a:focus,
.postEntry a:hover {
  text-decoration:none}
.postEntry h2 {
  color:#3d6992;
  font-size:11pt;
  padding:10px 0 6px}
.postEntry h3 {
  color:#678ca9;
  font-size:9pt;
  margin-bottom:.3em}

.postEntry dl,
.postEntry ol,
.postEntry p,
.postEntry ul {
  margin-bottom:1em}
.postEntry ol {
  list-style-type:decimal;
  margin-left:3em}
.postEntry ul {
  list-style-type:disc;
  margin-left:1.4em}
.postEntry p+ol,
.postEntry p+ul {
  margin-top:-1em}
.postEntry p+ol.headlist,
.postEntry p+ul.headlist {
  margin-top:0}

/* Forms */
.postEntry form label {
  color:#305b83;
  cursor:pointer}
.postEntry form input,
.postEntry form textarea {
  border:1px solid #bbb;
  margin-bottom:.5em;
  padding:.2em;
  width:230px}

.postEntry form button,
.postEntry a.button {
  background:#678ca9;
  border:1px solid #ddd;
  color:#fff;
  cursor:pointer;
  font-size:90%;
  font-weight:bold;
  padding:.3em 1em;
  text-decoration:none}
.postEntry form button:active,
.postEntry form button:focus,
.postEntry form button:hover,
.postEntry a.button:focus,
.postEntry a.button:hover {
  border-color:#4c677c}
.postEntry form dt {
  clear:both;
  float:left;
  width:125px}
.postEntry form dd {float:left}
.postEntry form dd.submit {
  clear:both;
  padding-left:125px}

/* Tables */
.postEntry table {
  empty-cells:show;
  margin:0 auto 1.6em;
  width:99%}
.postEntry th,
.postEntry td {
  border:1px solid #6a98c1;
  vertical-align:middle}
.postEntry th {
  background:#f4f4f2;
  font-weight:normal;
  padding:.6em;
  text-align:center}
.postEntry td {padding:.3em .6em}

.postEntry .alignright {margin-left:1.2em}


/* Specials:
 *
 * The Blue List
 * ------------------------- */
.postEntry h3.thelist {
  background:#678ca9;
  color:#fff;
  margin:0;
  padding:.6em 1em .3em}
.postEntry ol.thelist,
.postEntry ul.thelist {
  border:2px solid #678ca9;
  border-bottom:1px solid #678ca9;
  line-height:1.2;
  margin:0 0 1.6em 0}
.postEntry ol.thelist {list-style-position:inside}
.postEntry ol.thelist li {
  border-bottom:1px solid #678ca9;
  padding:.3em .8em .3em 2.4em;
  text-indent:-1.5em}
.postEntry ul.thelist {list-style-type:none}
.postEntry ul.thelist li {
  border-bottom:1px solid #678ca9;
  padding:.3em .8em}

/* Head List */
.postEntry ol.headlist {
  color:#678ca9;
  font-weight:bold;
  margin-left:1.8em}

.postEntry ol.headlist p,
.postEntry ol.headlist ol,
.postEntry ol.headlist ul {
  color:#444;
  font-weight:normal}
.postEntry ol.headlist ol {margin-left:2.2em}
.postEntry ul.headlist,
.postEntry ul.orig {
  list-style-type:none;
  margin-left:0}

/* Post Header Backgrounds */
#chinese-intellectual-property-services,
#copyright-registration2 {background-image:url(images/headers/home-article.jpg)}
#chinese-intellectual-property-services .postTitle {background:none}
#chinese-patent-trademark-attorneys {background-image:url(images/headers/chinese-patent-trademark-attorneys.jpg)}
#chinese-patent-trademark-attorneys h2 {text-transform:uppercase}
#chinese-patent-trademark-attorneys h3,
#areas-of-expertise h3 {
  background:url(images/bg/dash.png) no-repeat right center;
  float:left;
  line-height:1.4;
  margin:0;
  padding-right:15px;
  text-transform:uppercase}
#china-patent-application,
#chinese-patent-fees {background-image:url(images/headers/china-patent-application.jpg)}
#chinese-patent-fees h2,
#design-patent-fees h2 {
  background:url(images/links/arrow-right2.png) no-repeat 0 center;
  font-weight:normal;
  padding-left:14px}
#chinese-patent-fees .tLeft {width:240px}
#pct-national-patent {background-image:url(images/headers/pct-national-patent.jpg)}
#copyright-registration {background-image:url(images/headers/copyright-registration.jpg)}
#patent-translations {background-image:url(images/headers/patent-translations.jpg)}
#design-patent-application,
#design-patent-fees {
  background-image:url(images/headers/design-patent-application.jpg)}
#international-protection {background-image:url(images/headers/international-protection.jpg)}
#trademark-registration {background-image:url(images/headers/trademark-registration.jpg)}
#cn-domain-registration {
  background-image:url(images/headers/cn-domain-registration.jpg);
  position:relative}
#cn-domain-registration .postEntry {margin-bottom:65px}
#cn-domain-registration input {
  border:1px solid #678ca9;
  font-size:90%;
  padding:.3em;
  width:150px}
  #domain-form {border:1px solid #678ca9}
  #fake-form {
    float:left;
    padding:3% 2% 0;
    width:50%}
  #fake-form .misc {margin-top:1.8em}
  #marcaria-powered {
    border-left:1px solid #678ca9;
    float:left;
    padding:2% 2% 0;
    width:40%}
  #requirements {
    background:#E9EDF7;
    border:3px double #4c667c;
    display:none;
    left:20px;
    padding:10px 16px;
    position:absolute;
    top:250px;
    width:350px}
  #requirements h2 {
    border-bottom:1px solid #4c667c;
    margin-bottom:5px;
    padding:0}
  #requirements ul {margin-bottom:0}
#contact-us {background-image:url(images/headers/contact-us.jpg)}
#contact-us .thanks {margin-bottom:25em}
#contact-us .postEntry {
  color:#305b83;
  position:relative}
#contact-us #thephone {
  font-weight:bold;
  position:absolute;
  right:30px;
  text-transform:uppercase;
  top:-22px}
#areas-of-expertise {background-image:url(images/headers/areas-of-expertise.jpg)}
#our-people {background-image:url(images/headers/our-people.jpg)}
#our-people .postEntry {
  margin-bottom:110px;
  padding-top:2em}
#our-people p {width:40%}
#our-people dt,
#our-people dd {
  overflow:hidden}
#our-people #address {font-style:normal}
#our-people #address span.colLeft {
  float:left;
  width:34%}
#our-people #address span.colRight {
  float:left;
  width:64%}
#site-map {background-image:url(images/headers/site-map.jpg)}
#site-map #corporate ul.thelist {border-right:0}
#site-map #services h3.thelist {border-left:2px solid #fff}
#faq {background-image:url(images/headers/faq.jpg)}
#faq .postEntry {text-align:left}
#faq h2,
#faq h3 {
  color:#444}
#faq .backtop {
  list-style-type:none;
  margin:-.5em 0 0;
  text-align:right}


/* Columns */
.columns {
  border-top:3px solid #3d6992;
  padding:10px}
.columns .col3 {
  border-right:1px solid #3d6992;
  height:250px;
  margin-bottom:16px;
  overflow:hidden;
  position:relative}
.columns .last {border:0}
.columns .inside {padding:5px 14px}
.columns a {
  color:#3d6992;
  display:block}
.columns h2 {
  font-size:12px;
  font-weight:bold;
  line-height:1.2;
  margin-bottom:5px;
  padding:2px 3px;
  text-align:center}
.columns h2 a:focus,
.columns h2 a:hover {
  color:#444}
.columns p {
  font-size:9pt;
  line-height:1.3;
  padding:4px;
  text-align:justify}
.columns p.thumb {text-align:center}
.columns p.more {
  bottom:0;
  font-size:11px;
  position:absolute;
  right:15px;
  text-align:right;
  text-transform:lowercase}
.columns p.more a:focus,
.columns p.more a:hover {
  text-decoration:underline}


/* Footer */
#footer {
  border-top:1px solid #98b3cb;
  font-size:8pt;
  margin-top:1px;
  text-align:center}
#footer a {color:#9b9b9b}
#footer a:focus,
#footer a:hover {
  color:#173958}


#foot-menu {padding:5px 0}
#foot-menu ul {padding:.2em 1em}
#foot-menu li {
  background:url(images/bg/foot-menu-sep.png) no-repeat 0 center;
  display:inline;
  line-height:1.3;
  padding:0 .8em 0 1.2em}
#foot-menu li.first {background:none}

#copyright {
  color:#9b9b9b;
  background:#f4f4f4;
  border-top:1px solid #d4d4d4;
  padding:1.5em 0}



/* IE6 Fixes */
*html .holder,
*html .columns {
  height:1%}
*html #chinese-intellectual-property-services .postTitle {background:#e6e6e4}
