html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup,
tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  background: transparent;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
}

html
{
  height: 100%;
  margin-bottom: 1px;
}
  
body
{
  font: 62.5%/1.2 Helvetica, Arial, sans-serif;
  color: #565656;
  background: #fff url(../images/bkg_body.jpg) repeat-y center;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h3, h4, .componentheading, legend
{
  font-weight: bold;
  margin: 2em 0 1em 0;
}

h1, .componentheading
{
  font-size: 180%;
  line-height: 1.1em;
}

h2
{
  font-weight: bold;
  margin: 0 0 1em;
}

h1:first-child
{
  margin-top: 0;
}

h2, legend
{
  font-size: 150%;
}

h3
{
  font-size: 130%;
}

h4
{
  font-size: 110%;
}

a, a:link
{
  color: #376092;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

ul
{
  margin: 1em;
}

p
{
  margin: 10px 0;
}

.small {
  font-size: 0.8em;
}

#main
{
  font-size: 1.3em;
  line-height: 140%;
}

/* .backgroundImg
{
  position: fixed;
  width: 100%;
  height: 100%;
} */

#main .foreground, #message, #showcase, .leading, #page { position: relative; }

#message,  #showcase { z-index: 0; }

#main-content { border-bottom: 1px solid transparent; }

.dp20, .dp25, .dp33, .dp50, .dp100 { float: left; margin-top: 15px; }
.dp20   { width: 20%; }
.dp25   { width: 25%; }
.dp33   { width: 33.33%; }
.dp50   { width: 50%; }
.dp100   { width: 100%; margin-top: 0; }
.clr     { clear: both; font-size: 0; }

#colmask {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#maincol,  #wrapper {
  position: relative;
  background: #fff;
}

.s-c-s #colmid,  .s-c-x #colright { float: left; position: relative; width: 200%; }
.s-c-s #colright { float: left; left: 50%; position: relative; width: 100%; }
.s-c-s #col1wrap { float: right; position: relative; right: 100%; width: 50%; }
.s-c-s #col1pad,  .x-c-s #col1,  .x-c-s #colmid { overflow: hidden; }
.s-c-s #col1 { overflow: hidden; width: 100%; }
.s-c-s #col2 { float: left; position: relative; overflow: hidden; margin-left: -50%; }
.s-c-s #col3 { float: left; position: relative; overflow: hidden; left: 0; }
.s-c-x #col1wrap { float: right; position: relative; width: 50%; }
.s-c-x #col1 { overflow: hidden; position: relative; right: 100%; }
.s-c-x #col2 { float: left; position: relative; }
.x-c-s #colright { float: left; position: relative; right: 100%; width: 200%; }
.x-c-s #col1wrap { float: left; left: 50%; position: relative; width: 50%; }
.x-c-s #col3 { float: right; position: relative; }
.s-c-s .ctr-color1,  .s-c-s .ckl-color1,  .s-c-x .ckl-color1,  .x-c-s .cdr-color1 { background: transparent; }
.s-c-s .ctr-color2,  .s-c-s .ckl-color2,  .s-c-x .ckl-color2,  .x-c-s .cdr-color2 { background: #f1f1f1; }
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright { background: #fff; }
.cols1 { display: block; float: none; margin: 0; width: 100%; }
.cols2 { width: 49%; overflow: hidden; }
.cols3 { width: 30%; }
.column1,  .column2 { position: relative; float: left; margin: 0; }
.colpad { padding: 0 10px; position: relative; }
.column2 { float: right; width: 49%; }
.article_row { overflow: hidden; margin: 0 -10px 15px -10px; }

#logo { width: 267px; height: 200px; background: url(../../../images/logos/smartbuild_Logo.gif) no-repeat; display: block; }
#header { overflow: hidden; height: 200px; }
#header li { list-style: none; float: left; padding-left: 15px; font-weight: bold; }
#header .custom { margin: 0; padding: 45px 0; line-height: 1.5em; font-weight:bold; }
#header .module .module-body { margin:0; padding:0; }

#nav { height: 34px; background: #4f81bd; z-index: 1; position: relative; font-weight: bold; }
#nav ul { margin: 0; padding: 0;  }
#nav li { list-style: none; float: left; height: 34px; position: relative; border-right: 1px solid #fff; }
#nav li a { display: block; min-width: 80px; padding: 0 15px; line-height: 34px; color: #fff; }
#nav li.active a { background: #376092; color: #fff; }
#nav li a:hover, #nav li:hover a, #nav li.sfHover a { background:#376092; color: #fff; text-decoration: none; }
#nav li ul { position: absolute; width: 200px; left: -999em; margin-left: -1px; border-top: 0; }
#nav li ul ul { margin: -31px 0 0 170px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul { left: -999em; }
#nav li li { padding: 0; height: auto; background: transparent; width: 200px; }
#nav li li a, #nav li li.active a, #nav li li a:hover { margin: 0; height: 34px; line-height: 34px; background: #376092; margin-top: 2px; color: #fff; }
#nav li li a, #nav li.active li a { font-weight: bold; }
#nav li:hover ul, #nav li.sfHover ul { left: 4px; background: #376092; }
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul,  #nav li li li.sfHover ul,  #nav li li li li.sfHover ul { left:0; background: #376092; border-top: 2px solid transparent; }

#showcase { position: relative; color: #000; }
#showcase .background { position: absolute; width: 100%; height:100%; background: #f1f1f1; }
#showcase .foreground { overflow: hidden; width: 100%; height:100%; padding: 5px 0; min-height:200px; }

#showcase .foreground .customFrontpageImage { width: 100%; height:380px; }
#showcase .foreground .customFrontpageText { position:relative; margin-top:-380px; width: 100%; }

#showcase .foreground .custom { width: 100%; }
#showcase .foreground .custom p { margin:0; padding:0; }
#showcase h1 { font-weight: normal; font-size: 3.0em; line-height: 105%; margin: 25px 55px 10px 25px; color:#fff; text-shadow: 1px 1px 1px #000; }
#showcase h3 { font-weight: normal; font-size: 1.4em; font-weight: bold; margin: 0 55px 20px 25px; color:#f1f1f1; text-shadow: 1px 1px 1px #000; }
#showcase b { font-weight: normal; color: #f1f1f1; }
#showcase .pad { padding: 0 50px 25px 25px; }
#showcase .num { float: left; background: #f1f1f1; text-align: center; line-height: 90%; color: #fff; font-size: 2em; padding: 3px 8px; }
#showcase .pad h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 5px 40px; }
#showcase .pad p { margin-left: 40px; }

p.buttonheading { position: absolute; top: 2px; right: 10px; margin: 0; }
.buttonheading .icon { display: block; width: 16px; height: 16px; float: left; margin-left: 5px; }
.buttonheading .pdf { background: url(../images/light.png) -57px -366px; }
.buttonheading .print { background: url(../images/light.png) -21px -366px; }
.buttonheading .email { background: url(../images/light.png) -39px -366px; }
.iteminfo { font-size: 90%; overflow: hidden; border-bottom: 1px solid #dedede; margin-bottom: 20px; display: block; margin-top: -10px; width: 100%; }
.modifydate,  .createdby,  .createdate { display: block; }
.createdby { font-weight: bold; }

a.readon,  a.readon2 { display: block; margin-top: 15px; font-style: italic; }
a.readon2 { background: url(../images/light.png) 100% -344px; display: block; float: right; color: #fff; font-weight: bold; line-height: 20px; }
a.readon2 span { background: url(../images/light.png) 0 -344px; display: block; margin-right: 10px; height: 21px; float: left; padding: 0 5px 0 15px; }
.breadcrumbs-pad { padding: 0; }
div.breadcrumbs { background: #f3f3f3; font-size: 110%; font-weight: bold; margin: 0; padding: 7px 15px 5px; color: #4f81bd; }
div.breadcrumbs .sep { padding: 0 5px; }

.component-pad { padding: 15px; }
.banneritem_text { margin-bottom: 10px; }
#modlgn_username,  #modlgn_passwd { border: 1px solid #ccc; padding: 3px; }
.pagination span,  .pagination a { margin-right: 5px; }

ul.latestnews li {
    list-style-type: none;
    background: url("../images/latest_news_arrow_white.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 10px;
}

#colmask ul ul { margin-top: 0; }
#colmask ul ul li { list-style: square; }
.item-page, .category-list { position:  relative; }
#colmask .component-pad .actions { position:  absolute; right:  0; top:  0; margin:  0; }
.category-list .hasTip { position: absolute; right: 19px; top: 2px}
.category-list .actions .hasTip { position: static}
.item-page fieldset { margin-bottom: 3em}
.mceEditor { display:  block; margin: 1em 0}
.formelm { margin-bottom: 0.6em}
.button2-left { float: left; margin-right: 1em}
#colmask .component-pad .actions li,
#colmask .pagenav li,
#colmask .pagination li { list-style:  none; display: inline}
.pagenav { text-align:  center; }
.blog-featured .cols-3 .item { display:  inline-block; width:  48%; vertical-align:  top; }
.blog-featured .cols-3 .item: nth-child(2n+1) { margin-right:  3%; }
.readmore, .article-count, table.category th, .pagenavcounter { font-style:  italic; }
table.category td, table.category th { padding-right:  20px; }
table.category th a { font-weight:  normal; }
.image-left,
img[align="left"] { float:  left; margin-right:  10px; }
.article-count { padding-bottom:  1em; }
.article-count dt,
.article-count dd,
.contact-address address,
#form-login-remember label { display:  inline; }
table.category th a img { margin-left:  5px; }
.login-fields,
.display-limit,
.reset,
form dd { margin-bottom:  10px; }
.login-fields label, .item-page label { display:  block; }
legend { padding-bottom:  1em; }
.colpad h2.contentheading { padding-right: 65px; }
.sectiontableheader { font-weight: bold; line-height: 25px; text-align: left; }
tr.sectiontableentry0 td,  tr.sectiontableentry1 td,  tr.sectiontableentry2 td,  td.sectiontableentry0,  td.sectiontableentry1,  td.sectiontableentry2 { text-align: left; padding: 0 4px; vertical-align: middle; border-top: 1px solid #ddd; line-height: 30px; }
span.attention { display: block; margin: 15px 0; padding: 8px 10px 8px 10px; background: #FFF3A3; border: 1px solid #E7BD72; color: #B79000; }

.module { }
.module-title { font-size: 110%; font-weight: bold; margin: 0; padding: 7px 15px 5px; }
.module-body { padding: 10px 15px 25px; }
.color1 .module-title { background: #376092; color: #fff; }
.color1 .module-body {  }
.color2 .module-title { background: #376092; color: #fff; }
.color2 .module-body { }

#colmask .m_menu { background: #4f81bd; color: #fff; }
#colmask .m_menu .module-title { background: #4f81bd; color: #fff; }
#colmask .m_menu .module-body { background: #4f81bd; }
#colmask .m_menu a { color: #fff; }
#colmask .m_menu b, #colmask .m_menu strong { color: #fff; font-size: 1.2em; font-weight:bold; }
#colmask .m_menu ul { margin: 0 1em; }

#colmask .m_menu .module-body {
  padding: 0;
  margin: 0;
}

#colmask .m_menu ul, #colmask .m_menu ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#colmask .m_menu ul li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid #fff;
}

#colmask .m_menu ul li a:hover, #colmask .m_menu ul li.active, #colmask .m_menu ul li.active a {
  background: #376092;
  color: #fff !important;
}

#mainmods,  #mainmods2,  #mainmods3 { overflow: hidden; padding-top: 15px; }
#mainmods3 { background: #4f81bd; }
.spacer .module { float: left; }
.spacer.w99 .module { width: 100%; }
.spacer.w49 .module { width: 49.2%; }
.spacer.w33 .module { width: 32.8%; }
#header .module { float: left; margin-left: 270px; }
#main-content li .active a { font-weight:  normal; }

.item-page h1, .item-page h2, .item-page h3 { 
  color:#4f81bd;
  margin: 0 0 1em 0;
  line-height: 1.1em;
  padding: 0;
}

table.card { width:100%; margin:0;padding:0;border-collapse:collapse; }
table.card th { font-weight:bold; text-align:left; margin:0; padding:5px; }
table.card td { margin:0; padding:5px; }

.mod-languages, .mod-languages ul, .mod-languages ul li a {
  padding: 0;
  margin: 0;
}

.mod-languages ul.lang-inline li {
  padding: 10px 0;
  margin: 0;
  height: 12px;
}

.joomla_add_this { float:right; padding: 10px; }

#mod-finder-searchform {
  display: block;
  float: right;
  margin-left: 340px;
}

#header .search {
  margin-left: 340px;
}

#footer { 
  border-top: 2px solid #4f81bd;
  font-size: 0.8em;
}

.footer-pad { 
  padding: 10px 15px;
  overflow: hidden;
}

#footer ul { margin: 0; }

#footer li { 
  list-style: none;
  float: left;
  padding-right: 20px;
  font-weight: bold;
}