html {
    background: #f7f7f7 url('../images/bgBody.png') repeat-x left top;
}
body {
    font-family: Verdana, Arial, Sans-Serif;
}
a {
    color: #009;
}
a:hover {
    color: #f00;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
sup {
    font-size: 77%;
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}
h1 {
    font-size: 240%;
    line-height: 100%;
    font-family: Cambria, Times New Roman, Georgia, serif;
}
h2 {
    font-size: 190%;
    font-family: Cambria, Times New Roman, Georgia, serif;
}
#hd {
    height: 172px;
    position: relative;
}
.hasSubnav#hd {
    height: 188px;
    position: relative;
}
#hd h1 {
    width: 421px;
    height: 100px;
    background: url('images/imgBuildiumLogo.png') no-repeat left top;
    text-indent: -9999px;
    position: absolute;
    top: 16px;
    left: 2px;
}
#hd .controlnav {
    position: absolute;
    top: 20px;
    left: 560px;
}
#hd .controlnav div.addthis_toolbox {
}
#hd .controlnav li {
    float: left;
    padding: 0 8px 0 8px;
    border-right: solid 1px #aaa;
}

#hd .controlnav .last {
    border: none;
    padding-right: 0;
}
#hd .controlnav li a {
    font-size: 93%;
    line-height: 110%;
}
#hd .controlnav li a.bloglink {
    display: block;
    height: 16px;
    width: 164px;
    text-indent: -9999px;
    background: url(../images/buttonBlog.png) no-repeat left top;
    outline: 0;
}
#hd .controlnav li a.bloglink:hover {
    background: url(images/buttonBlogHover.png) no-repeat left top;
}
a.bloglink strong {
    color: #4b9200;
    font-weight: bold;
}
a.bloglink em {
    color: #7088ac;
    font-style: normal;
    font-weight: bold;
}
#hd .headnav {
    background: url(images/headnavLine.png) repeat-x left bottom;
    width: 100%;
    height: 58px;
    position: absolute;
    top: 114px;
    left: 0;
}
#hd .headnav li {
    float: left;
    width: 142px;
    height: 35px;
    margin: 7px 3px 0 0;
    position: relative;
    left: 40px;
}
#hd .headnav li a {
    display: block; 
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: Corbel, "Trebuchet MS", sans-serif;
    font-size: 167%;
    line-height: 160%;
    text-align: center;
    outline: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(images/headnavTabs.png);
    text-decoration: none;
}
#hd .headnav li a:hover,
#hd .headnav li a:focus {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}
#hd .headnav li a:active {
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}
/* current tabs */
#home #hd .headnav .home a { background-position: 0 top; }
#products #hd .headnav .products a { background-position:0 top; }
#company #hd .headnav .company a { background-position:0 top; }
#news #hd .headnav .news a { background-position:0 top; }
#faq #hd .headnav .faq a { background-position:0 top; }
#contact #hd .headnav .contact a { background-position:0 top; }

/*Subnav*/
#hd .subnav {
    background: url(../images/headnavSubnav.png) repeat-x left top;
    width: 100%;
    height: 24px;
    position: absolute;
    top: 158px;
    left: 0;
    text-align: center;
    padding-top: 6px;
}
#hd .subnav li {
    display: inline;
    padding: 0 20px 0 20px;
    border-right: 1px solid #cfd0cf;
}
#hd .subnav li.last {
    border-right: none;
}
#hd .subnav li a {
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
}
#hd .subnav li a:hover {
    color: #fff;
    text-decoration: underline;
}

#bd {
    border: solid 2px #ededed;
    border-top: 0;
    border-bottom-width: 1px;
    background-color: #fff;
    padding-bottom: 30px;
/*    line-height: 1.3; */
}
.block {
    padding: 20px 30px 20px 40px;
}
/* Home page intro block */
.block#intro {
    background: url(../images/imgRibbon.png) no-repeat right 20px;
    height: 240px;
    padding: 20px;
}
.block h1 {
    margin: 0 0 20px 0;
}
.block h2 {
    margin: 10px 80px 10px 40px;
}
.block h3 {
    margin: 10px 40px 10px 40px;
}
.block p,
.block ul,
.block ol,
.block dl {
    padding: 10px 40px 10px 40px;
    font-size: 110%;
    line-height: 140%;
}
.block ul li {
    background: url(../images/bulletGreen.png) no-repeat 0 4px;
    padding: 0 0 8px 15px;
    line-height: 120%;
}
.block .date,
.block .source {
    font-family: Cambria, Times New Roman, Georgia, serif;
    color: #666;
    padding-right: 6px;
    border-right: solid 1px #666;
    font-size: 120%;
}
.block .source {
    font-weight: bold;
    text-transform: uppercase;
}
.block#intro h1 { font-size: 220%; margin: 0; }
.block#intro p { font-size: 120%; }
.block#intro #spacerRibbon-01 { float: right; width: 135px; height: 40px; clear: right;}
.block#intro #spacerRibbon-02 { float: right; width: 150px; height: 60px; clear: right;}
.block#intro #spacerRibbon-03 { float: right; width: 145px; height: 40px; clear: right;}
.block#intro #spacerRibbon-04 { float: right; width: 150px; height: 40px; clear: right;}
.block#intro #spacerRibbon-05 { float: right; width: 165px; height: 40px; clear: right;}
.block#intro #spacerRibbon-01,
.block#intro #spacerRibbon-02,
.block#intro #spacerRibbon-03,
.block#intro #spacerRibbon-04,
.block#intro #spacerRibbon-05 {
    border: solid 1px red;
    border: none;
}
.block#quotes blockquote {
    padding-top: 10px;
    background: url('../images/imgQuoteOpen.png') no-repeat 8px 14px;
}
.block#quotes blockquote .last{
    background: url('../images/imgQuoteClose.png') no-repeat 780px bottom;
}
.block#quotes p.quoter {
    text-transform: uppercase;
    font-size: 93%;
}
.block#quotes p.background {
    color: #909090;
    font-style: italic;
}
.block#affiliate h2 {
    margin-left: 0;
    padding-left: 40px;
    padding-bottom: 6px;
    background-position: left top;
    background-repeat: no-repeat;
}
.block#affiliate h2#a1 { background-image: url(../images/iconHouseComputer.gif); }
.block#affiliate h2#a2 { background-image: url(../images/iconPrice.gif);}
.block#affiliate h2#a3 { background-image: url(../images/iconMaintenance.gif);}
.block#affiliate h2#a4 { background-image: url(../images/iconWebbased.gif);}

.block#newsBlock h2 {
    margin-bottom: 0;
    margin-top: 20px;
    background: url(../images/bulletGreen.png) no-repeat 18px 12px;
    margin-left: 0;
    padding-left: 40px;
}
.block#newsBlock p {
    padding-left: 80px;
}

.block#faqBlock ul {
    background: #fff url(../images/bgFaqList.gif) repeat-x bottom;
    border: 1px solid #ddd;
    padding: 20px 20px 20px 40px;
    margin: 0 40px 40px 0;
}
.block#faqBlock ul li {
    padding-bottom: 16px;
}
a.buttonBig {
    float: left;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    font-size: 120%;
    background: transparent url('../images/buttonBigRight.png') no-repeat top right;
    height: 48px;
    margin-right: 10px;
    padding-right: 50px;
    text-decoration: none;
}
a.buttonBig span {
    background: transparent url('../images/buttonBigLeft.png') no-repeat;
    display: block;
    line-height: 38px;
    padding: 5px 8px 5px 18px;
} 
a:hover.buttonBig {
    text-decoration: underline;
}
.top-link {
    text-align: right;
}
.block#faqBlock h2 {
    background: url(../images/iconFaq.gif) no-repeat 8px top;
    padding-left: 40px;
    margin-left: 0;
}
ul.contactDetails li {
    padding-left: 22px;
    background: none;
}
ul.contactDetails li.email { background: url(../images/iconEmail.gif) no-repeat left 1px;}
ul.contactDetails li.phone { background: url(../images/iconPhone.gif) no-repeat left 1px;}
.block#contactBlock dl dt {
    font-weight: bold;
    width: 70px;
    float: left;
}
div#map { 
    width: 250px;
    height: 250px;
    border: solid 1px #360;
    margin: 0 0 0 40px;
}
.productbox {
    background: url(../images/bgProductBox.png) repeat-x left bottom;
    border: solid 1px #ccc;
    padding: 10px;
}
.productbox h2 {
    margin: 10px 0 10px 8px;
    height: 50px;
    text-indent: -9999px;
}
.productbox#propertymanagerEdition {
    border-top: solid 17px #2e669e;
    margin-left: 20px;
}
.productbox#propertymanagerEdition h2 {
    background: url(../images/imgEditionPropertyManager.png) no-repeat left top; 
}
.productbox#associationEdition {
    border-top: solid 17px #e97b3f;
    margin-right: 20px;
}
.productbox#associationEdition h2 {
    background: url(../images/imgEditionAssociation.png) no-repeat left top; 
}
.productbox#landlordEdition {
    border-top: solid 17px #f4d248;
    margin: 10px 20px 20px 20px;
    float: left;
    width: 571px;
}
.productbox#landlordEdition h2 {
    background: url(../images/imgEditionLandlord.png) no-repeat left top; 
}
.productbox h3,
.productbox p,
.productbox ul {
    padding: 0;
    margin: 0px 10px 10px 10px;
}
.productbox h3 {
    color: #666;
    font-size: 110%;
    font-weight: bold;
}
.productbox#landlordEdition h3 {
    margin-top: 10px;
    margin-left: 22px;
}
.productbox p {
    font-size: 90%;
}
.productbox ul {
    font-size: 90%;
}
.productbox ul li {
    background: url(../images/bulletGray.png) no-repeat 0 4px;
    padding: 0 0 8px 15px;
    line-height: 120%;
}
.productbox#landlordEdition p.benefits {
    margin-top: 10px;
    margin-left: 22px;
}
ul.smallButtons {
    height: 20px;
}
ul.smallButtons li {
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    font-size: 120%;
}
a.buttonMore {
    float: left;
    display: block;
    height: 18px;
    padding-left: 22px;
    background: url('../images/buttonMore.png') no-repeat left top;
    margin-right: 20px;
}
a.buttonTrial {
    float: left;
    display: block;
    height: 18px;
    padding-left: 22px;
    background: url('../images/buttonTrial.png') no-repeat left top;
}
.box {
	background: url(../images/bgBoxTL.png) no-repeat left top;
	margin: 18px;
}
.box#promoAccountingGuide {
	background: url(../images/bgBoxTL_promoAccountingGuide.png) no-repeat left top;
}
.box .boxTR {
	background: url(../images/bgBoxTR.png) no-repeat right top;
}
.box#promoAccountingGuide .boxTR {
	background: url(../images/bgBoxTR.png) no-repeat right 20px;
}
.box .boxBL {
	background: url(../images/bgBoxBL.png) no-repeat left bottom;
}
.box .boxBR {
	background: url(../images/bgBoxBR.png) no-repeat right bottom;
	padding: 20px 15px 25px 20px;
}
.box h3 {
    color: #390;
    line-height: 115%;
    font-size: 140%;
    line-height: 110%;
    padding: 0 0 6px 0;
}
.box#promoAccountingGuide h3 {
    color: #390;
    padding: 10px 20px 10px 80px;
}
.box p {
	font-family: Verdana, Tahoma, sans-serif;
	color: #333;
	padding: 0 0 4px 0;
}
.box p em {
    font-size: 110%;
}
.box#promoNewsletter p {
    font-size: 85%;
    line-height: 120%;
}
.box form {
    margin: 6px 0 6px 0;
}
.sideblock {
    padding: 10px 20px 20px 22px;
}
.sideblock dl {
    padding-left: 4px;
}
.sideblock dl dt {
    margin: 10px 0 4px 0;
    color:#666;
}
.sideblock dl dd {
    font-size: 110%;
}
.sideblock dl dd a {
    font-size: 90%;
}
#accordion {
    margin: 0 40px 40px 40px;
}
.edition {
    margin-bottom: 30px;
}
.edition h2.toggler {
	cursor: pointer;
    display: block;
	height: 40px;
	margin: 10px 0 0 0;
	padding-left: 90px;
	color: #009;
	font-size: 140%;
	line-height: 210%;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/bgEditionHeader.png);
}
.edition h2:hover.toggler {
    text-decoration: underline;
}
.edition h3 {
    font-weight: bold;
    font-size: 120%;
}
.edition .element {
	border: solid 1px #ccc;
	margin: 0 20px 20px 30px;
	padding-left: 20px;
}
.edition div.icon {
    position: relative;
    left: 10px;
    background-repeat: no-repeat;
    background-position: left top;
}
.edition#editionPropertyManager div.icon {
    top: 2px;
    width: 69px;
    height: 54px;
    margin-bottom: -54px;
    background-image: url(../images/iconEditionPropertyManager.png);
}
.edition#editionLandlord div.icon {
    top: 6px;
    width: 65px;
    height: 50px;
    margin-bottom: -50px;
    background-image: url(../images/iconEditionLandlord.png);
}
.edition#editionAssociation div.icon {
    top: 0;
    width: 67px;
    height: 61px;
    margin-bottom: -61px;
    background-image: url(../images/iconEditionAssociation.png);
}
.edition#editionPropertyManager div.element {
    background: url(../images/bgEditionBodyPropertyManager.png) repeat-x left bottom;
    padding-bottom: 20px;
}
.edition#editionLandlord div.element {
    background: url(../images/bgEditionBodyLandlord.png) repeat-x left bottom;
    padding-bottom: 20px;
}
.edition#editionAssociation div.element {
    background: url(../images/bgEditionBodyAssociation.png) repeat-x left bottom;
    padding-bottom: 20px;
}
.edition ul.question {
    background-repeat: no-repeat;
    background-position: left 10px;
    margin-top: 20px;
}
.edition ul.question li {
    background: none;
    padding-left: 0;
}
.edition#editionPropertyManager ul.question {
    background-image: url(../images/bgQuestionPropertyManager.png);
}
.edition#editionLandlord ul.question {
    background-image: url(../images/bgQuestionLandlord.png);
}
.edition#editionAssociation ul.question {
    background-image: url(../images/bgQuestionAssociation.png);
}
.edition .recommendation h3{
    float: left;
    clear: left;
    width: 280px;
    height: 80px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.edition#editionPropertyManager .recommendation h3{
    background-image: url(../images/imgEditionPropertyManager.png); 
}
.edition#editionLandlord .recommendation h3{
    background-image: url(../images/imgEditionLandlord.png); 
}
.edition#editionAssociation .recommendation h3{
    background-image: url(../images/imgEditionAssociation.png); 
}
.edition .recommendation p {
    margin: 0;
    padding: 0 0 0 40px;
    float: left;
    clear: left;
}
.edition .recommendation ul {
    width: 440px;
    float: right;
    margin: 0;
    padding: 0;
}
.edition .recommendation li {
    background-image: url(../images/bulletGray.png);
}
#hero #sidebar img {
    margin: 20px 0 20px 20px;
}