/*** basic ***/
* {padding: 0; margin: 0; vertical-align: baseline;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-smooth: always; -webkit-font-smoothing: subpixel-antialiased;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #313037; background: #131217; }
header, section, article, aside, footer {display: block;}
p {line-height: 20px; margin-bottom: 10px;}
a {text-decoration: underline; color: #EE60C9;}
a:hover {text-decoration: underline; color: #C988B8;}
a img {border: none;}
table {border-collapse: collapse;}
h1, h2, h3 {font-weight: normal;}
.left {float: left;}
.right {float: right;}
img.left {margin: 0 16px 10px 0;}
img.right {margin: 0 0 10px 16px;}


/*** header ***/
body > header {width: 100%; background: url(../images/bg-header.png);}
body > header > section {width: 958px; height: 174px; margin: 0 auto; position: relative;}
body > header > section #logo {position: absolute; top: 23px; left: 248px;}
body > header > section #social {height: 30px; position: absolute; top: 75px; right: 1px;}
body > header > section #social li {display: inline; list-style: none; margin-left: 8px; float: left;}
body > header > section #social li a:hover img {width: 28px; height: 28px; padding: 1px;}
body > header > section nav {width: 100%; height: 38px; position: absolute; left: 0; bottom: 0;}
body > header > section nav ul {width: 960px; height: 38px;}
body > header > section nav li {list-style: none; height: 38px; padding: 0 18px; line-height: 36px; font-size: 13px; text-transform: uppercase; border-left: 1px solid #313037; float: left;}
body > header > section nav li:first-child {padding-left: 0; border: 0;}
body > header > section nav li.alt {padding-right: 0;}
body > header > section nav li a {line-height: 36px; text-decoration: none; color: #fff;}
body > header > section nav li a:hover,
body > header > section nav li a.on {text-decoration: none; color: #bd3e9c;}

#page-banner {width: 100%; height: 307px; margin-bottom: 18px; border-top: 2px solid #85246c; border-bottom: 2px solid #85246c; background: #000 50% 50% no-repeat;}
#page-banner.banner-home {background-image: url(../images/pic-banner-home.jpg);}
#page-banner.banner-about {background-image: url(../images/pic-banner-about.jpg);}
#page-banner.banner-firms {background-image: url(../images/pic-banner-law-firms.jpg);}
#page-banner.banner-companies {background-image: url(../images/pic-banner-companies.jpg);}
#page-banner.banner-forensic {background-image: url(../images/pic-banner-forensic-accountants.jpg);}
#page-banner.banner-contact {background-image: url(../images/pic-banner-contact.jpg);}
#page-banner.banner-insurance {background-image: url(../images/pic-banner-insurance-policy.jpg);}
#page-banner.banner-privacy {background-image: url(../images/pic-banner-privacy-policy.jpg);}


#page-banner > div {width: 958px; height: 307px; margin: 0 auto; position: relative;}
#page-banner > div p {width: 459px; padding: 18px 0 24px 172px; font-size: 30px; line-height: 37px; font-weight: 400; color: #fff; background: url(../images/bg-k-a60.png); position: absolute; top: 158px; left: -172px;}
#page-banner > div span {text-align: right; font-size: 9px; line-height: 16px; text-transform: uppercase; color: #656363; position: absolute; right: 2px; bottom: 32px;}


/*** content ***/
#page {width: 908px; padding: 21px 25px 27px 24px; margin: 0 auto 32px auto; background-color: #fff;}

#page > article {width: 513px; float: left;}
.common h1 {height: 36px; line-height: 36px; padding-left: 48px; font-size: 22px; color: #85246c; background: url(../images/bg-disc-2.png) no-repeat; margin-bottom: 18px;}
.common h2 {font-size: 17px; color: #9492a5; margin-bottom: 14px;}
.common h3 {font-size: 14px; font-weight: bold; margin-bottom: 8px;}
.common .intro {line-height: 21px; font-weight: bold; margin-bottom: 14px;}
.common ul {margin: 0 0 14px;}
.common p + ul {margin-top: -4px;}
.common ul li {list-style: none; line-height: 25px; padding-left: 20px; background: url(../images/bullet.png) 4px 50% no-repeat; background-position:8px 9px;}

#page > article.common.full {width: 873px; padding: 24px 10px 6px 25px; margin-top: 14px; background: #f3f3f3;}
#page > article.common.full section {width: 510px; float: left;}
#page > article.common.full section + section {width: 360px;}
#page > article.common.full section ul + h3 {margin-top: 20px;}

#page > article.quote {width: 100%; padding: 0; text-align: center;}
#page > article.quote blockquote {display: inline-block; padding-left: 20px; margin-top: 16px; background: url(../images/bg-bq-on.png) 0 4px no-repeat;}
#page > article.quote blockquote p {font-style: italic; padding-right: 20px; margin-bottom: 2px; background: url(../images/bg-bq-off.png) 100% 4px no-repeat;}
#page > article.quote blockquote p.alt {background-position: 100% 90%;}
#page > article.quote blockquote cite {font-size: 14px; font-weight: bold; font-style: normal;}

#page > aside {width: 320px; padding: 28px 26px 15px  25px; margin-top: 7px; background: #313037; color: #fff; float: right;}
#page > aside.alt {width: 322px; padding: 18px 24px 12px 25px;}
#page > aside h2 {font-size: 20px; margin-bottom: 12px; color: #ee60c9;}
#page > aside p {line-height: 21px;}
#page > aside img {border: 5px solid #9492a5;}
#page > aside img:first-child {margin-top: -7px;}
#page > aside .get {display: inline; height: 30px; line-height: 30px; padding-left: 36px; margin-left: 60px; text-decoration: none; color: #fff; background: no-repeat; float: left;}
#page > aside .get.email {margin-left: 0; background-image: url(../images/icon-email.png);}
#page > aside .get.vcard {background-image: url(../images/icon-vcard.png);}

#page > aside + img.right {margin-top: 25px; margin-bottom: 0;}

/* home */
#page.home-page {width: 958px; padding: 18px 0 30px; margin-bottom: 0; background-color: #131217; color: #fff;}
#page.home-page h1 {font-size: 20px; margin-bottom: 10px; color: #c988b8;}
#page.home-page > article {width: 478px; padding-top: 5px; padding-left: 48px; background: url(../images/bg-disc-1.png) 0 0 no-repeat; float: left;}
#page.home-page > aside {width: 372px; padding: 19px 8px 19px 20px; margin-top: 5px; background: #313037; float: right;}
#page.home-page > aside p {line-height: 26px;}
#page.home-page > aside p span {font-weight: bold; color: #ccccdc;}

/* contact page */
#page.contact-page {width: 958px; padding: 18px 0 35px; margin-bottom: 0; background-color: #131217; color: #fff;}
#page.contact-page > article {width: 530px; padding-top: 8px; color: #fff;}
#page.contact-page > article h1 {height: 36px; line-height: 36px; padding-left: 48px; font-size: 22px; color: #c988b8; background: url(../images/bg-disc-1.png) no-repeat; margin-bottom: 18px;}
#page.contact-page > article h2 {font-size: 17px; color: #9492a5; margin-bottom: 14px;}
#page.contact-page > article .intro {line-height: 21px; font-weight: bold; margin-bottom: 22px;}
#page.contact-page > article .intro + h2 {margin-bottom: 10px;}
#page.contact-page > article .intro + h2 + p,
#page.contact-page > article .intro + h2 + p + p {line-height: 18px; margin-bottom: 9px;}
#page.contact-page > article p span {font-weight: bold; color: #ccccdc;}
#page.contact-page > article a {color: #cb78b6;}
#page.contact-page > article a:hover {color: #c988b8;}
#page.contact-page > article ul{padding-bottom: 10px;}
#page.contact-page > article li{display: inline;padding: 0px 2px 0px 0px;}
#page.contact-page > article li a:hover img {width: 28px; height: 28px; padding: 1px;}
#page.contact-page > article #view-map {height: 18px; line-height: 18px; padding-left: 20px; width: 100%; background: url(../images/icon-magnifier.png) 0 50% no-repeat; float: left;}

#page.contact-page > aside {width: 398px; padding: 14px 0 0; margin-top: 0; background: transparent;}


/*** footer ***/
body > footer {width: 100%; padding-top: 34px; border-top: 1px solid #38373e;}
body > footer > section {width: 958px; margin: 0 auto;}
body > footer > section p {margin-bottom: 20px; font-size: 12px; line-height: 10px; color: #757381;}
body > footer > section a {text-decoration: none; color: #757381;}
body > footer > section a:hover {text-decoration: underline; color: #fff;}
body > footer > section #copy {float: left;}
body > footer > section #tld {float: right;}


/*** cleaners ***/
.clear {clear: both; height: 0px; margin-top: 0px; line-height: 0px;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}