* {padding:0; margin:0;}
body {background:#f7f7f7 url(simg/head-background.png) repeat-x 0 0; font:62.5% verdana, sans-serif;}

#page {margin:0 auto; width:61em; position:relative; font-size:1.54em; overflow: hidden;}

/* head */
#head {height:164px;}
#head h1 {width:421px; height:101px; background:0 0 no-repeat url(simg/downrivercomputers.png); text-indent:-9999px; float:left; position:relative; top:0.4em;}
#head .controlnav {list-style-type:none; width:24em; position:absolute; top:2em; right:-3em; font-size:0.9em;}
#head .controlnav li {display:inline; list-style-type:none; padding:0 0.7em 0 0.2em; background:100% 0.42em no-repeat url(simg/pipe.png);}
#head .controlnav .last {background:0 none; padding-right:0;}
#head .controlnav a {color:#009;}
#head .controlnav a:hover {color:#f00;}

#head .headnav {display:block; list-style-type:none; clear:both; position:absolute; top:120px; /* border-bottom:6px solid #ececec; */ background:0 100% repeat-x url(simg/nav-line.png); width:100%; height:43px;}
#head .headnav li {display:block; float:left; list-style-type:none; width:131px; height:35px; margin:0 2px 0 0; position:relative; left:7%;}
#head .headnav li a {width:131px; height:35px; background:0 0 no-repeat url(simg/nav-menu.png); display:block; text-indent:-9999px; outline:0;}
#head .headnav .home a {background-position:0 100%;}
#head .headnav .products a {background-position:-133px 100%;}
#head .headnav .company a {background-position:-266px 100%;}
#head .headnav .news a {background-position:-399px 100%;}
#head .headnav .faq a {background-position:-532px 100%;}
#head .headnav .contact a {background-position:-665px 100%;}

/* current page tabs */
#home #head .headnav .home a {background-position:0 0;}
#products #head .headnav .products a {background-position:-133px 0;}
#company #head .headnav .company a {background-position:-266px 0;}
#news #head .headnav .news a {background-position:-399px 0;}
#faq #head .headnav .faq a {background-position:-532px 0;}
#contact #head .headnav .contact a {background-position:-665px 0;}

#head .headnav li a:hover, #head .headnav li a:focus {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#head .headnav li a:active {filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}

/* main */
#body {border:2px solid #EDEDED; border-top:0; border-bottom-width:1px; clear:both; background-color:#fff; line-height:1.3;}

#body h1 {font:2em Cambria, "Times New Roman", Georgia, serif;}
#body h2, #contact #body #panel2 h2 {font:1.8em Cambria, "Times New Roman", Georgia, serif;}
#body p {margin:0.5em 0.5em 1em 1em;}
#body .clear {clear:both; font-size:1px; height:1px;}
#body div.clear {background:#ededed;}
#body a {color:#009;}
#body a:hover {color:#f00;}

#body #panel1, #body #panel2 {padding:2%; margin:0;}

#body #panel1 {float:left; width:63%; padding-right:0; background-color:#fff; position:relative;}
#body #panel1.full {width:90%; padding-right:10px; margin:0 10px 0 3%;}

#body #panel1 .productbutton {position:relative; left:15%; background:0 0 no-repeat url(simg/product-button.png); width:466px; height:69px; display:block; text-indent:-9999px; margin:3em 0 0 -35px;}
#body #panel1 ul li {list-style-type:none; background:url(simg/green-bullet.png) no-repeat 0 6px; padding:0 0 0.8em 15px; font-size:.95em;}

#body #panel1 .panelbox {
	width:94%;
	display:inline;
	font-size:0.9em;
	background:bottom repeat-x url(simg/panel-box.png);
	padding:2% 1% 2% 2%;
	margin:1em 1% 0 1%;
	border:1px solid #ccc;
	min-height:13em;
}
/* #body #panel1 .panelbox h2 {width:239px; position:relative; left:50%;  margin:0 0 0 -118px;} */
#body #panel1 .panelbox h3 {clear:both; padding-bottom:0.8em;}

#body #panel1 .propertyed {float:left; border-top:17px solid #2E669E; min-width:235px; }
#body #panel1 .assoced {
	float:right;
	border-top:17px solid #E97B3F;
	min-width:235px;
}

#body #panel1 .propertyed .find {float:right; position:relative; top:-1.6em;}
#body #panel1 .assoced .find {float:left;  position:relative; top:-1.6em;}

#body #panel1 .propertyed h2 {background:top no-repeat url(simg/property-edition.png); height:125px; text-indent:-9999px;}
#body #panel1 .assoced h2 {background:top no-repeat url(simg/association-edition.png); height:125px; text-indent:-9999px;}

#body #panel1 div.statbar { border: solid 1px #bbb; text-align: left; padding: 6px 0 8px 0; margin: 0 7px 0 13px; font-weight: bold; background-color: #fefefe; color: #666;}
#body #panel1 div.statbar p { margin: 0; padding: 0; font-size: 0.9em; }

#body #panel2 {float:right; width:29%; background-color:#f2f4ef; padding-top:1.5em; padding-bottom:3em;}
#body #panel2 dl{ padding:0 0 1em 0.2em;}
#body #panel2 dl dt{margin:1em 0 0.2em 0; color:#666; font-size:0.8em;}
#body #panel2 dl dd{margin:0 0 0 1px;}
#body #panel2 dl dd a {font-size: 0.8em;}
#body #panel2 h2 {font:1.6em Cambria, "Myriad Pro", "Myriad Web Pro", "Times New Roman", Georgia, sans-serif;}
#body #panel2 dl dd a.bloglink strong { color: #4b9200; font-weight: bold; }
#body #panel2 dl dd a.bloglink em { color: #7088ac; font-style: normal; font-weight: bold; }

#body #panel2 .quote {background:0 0 no-repeat url(simg/quote-top.png); clear:both; margin: 60px 0 0 0; width:267px; padding:36px 0 0 0; font:1em verdana, sans-serif;}
#body #panel2 .quote blockquote {background:#fff; padding:0 10px 0 20px;}
#body #panel2 .quote blockquote p {display:inline;padding:0; margin:0;}
#body #panel2 .quote span {display:block; background:0 0 no-repeat url(simg/quote-bottom.png); font-size:0.7em; min-height:60px; padding:33px 20px 0 20px; text-align:right; color:#666;}
#body #panel2 .quote span a{display:block; margin:2px 0 0 0;}

#body #panel2 .sidebar {background:0 0 no-repeat url(simg/sidebar-top.png); clear:both; margin:0 0 0 0; width:267px; padding:12px 0 0 0; font:0.9em verdana, sans-serif;}
#body #panel2 .sidebar blockquote {background:#72bd1c; padding:0 0 0 20px;}
#body #panel2 .sidebar blockquote p {display:block;padding:2px 0 2px 0; margin:0; color: #fff;font-weight: bold;}
#body #panel2 .sidebar span {display:block; background:0 0 no-repeat url(simg/sidebar-bottom.png); font-size:0.7em; min-height:12px; padding:12px 0 0 0; text-align:right; color:#666;}
#body #panel2 .sidebar span a{display:block; margin:2px 0 0 0;}

/* product page work */
#body #panel1 .product-desc {display:block; margin:2em 1em 1em;}
#body #panel1 .product-desc .main{background:0 100% repeat-x url(simg/desc-box-main-orange.png); border-right:1px solid #DADBD1; border-left:1px solid #DADBD1; padding:1em 1em 3.8em 1em; clear:both; margin:0 1em 0 1em;}

#body #panel1 .product-desc h3 {border:1px solid #fff; background:#EFEFEF url(simg/desc-box-fade-un.png) repeat-x top; position:relative; z-index:20;}
#body #panel1 .product-desc h3 span {font-size:0.75em; display:block; background:#EFEFEF url(simg/desc-box-fade-un.png) repeat-x top; border:1px solid #A6A6A6; border-top:none; text-decoration:none; padding:0.8em 0.8em 0.8em 75px; color:#000; cursor: pointer; position: relative; z-index:22; }
#body #panel1 .product-desc h3 span:hover {color:#666;}

#body #panel1 .product-desc .main h3 {position: static; border: none;}

#body #panel1 .product-desc h4 {font-size:1.2em; margin:0 1em 1em 2em; color:#4C4A4A;}

#body #panel1 .question {list-style-type:none; padding:0.2em 0 0 40px; min-height:100px; margin:0;}
#body #panel1 .question li {list-style-type:none; margin:1em 0 0 0; background:none; padding:0;}

#body #panel1 .product-desc .find-more {float:right; clear:both; text-align:right; margin:0 4em 2em 0; }
#body #panel1 .product-desc .recommended h3{float:left; width:239px; margin:0 20px 0 0;}
#body #panel1 .product-desc .recommended ul{padding-left:259px;}
#body #panel1 .product-desc .recommended li {list-style-type:none; padding:0 0 0 12px; margin:0.5em 0 0 0;}
#body #panel1 .product-desc .icon {width:70px; height:70px; text-indent:-9999px; display:block; margin:0 0 -64px 0; position:relative; z-index: 30;}

#body #panel1 .association-edition .question {background:0 0 no-repeat url(simg/question-orange.png);}
#body #panel1 .association-edition .recommended h3 {background:top no-repeat url(simg/association-edition.png); height:125px; text-indent:-9999px;}
#body #panel1 .association-edition .main {border-bottom:11px solid #F68E39;}
#body #panel1 .association-edition .recommended li {background:0 0.6em no-repeat url(simg/bullet-orange.png);}
#body #panel1 .association-edition .icon {background:0 0 no-repeat url(simg/people.png);}

#body #panel1 .property-edition .main{background-image: url(simg/desc-box-main-blue.png);}

#body #panel1 .property-edition .question {background:0 0 no-repeat url(simg/question-blue.png);}
#body #panel1 .property-edition .recommended h3 {background:top no-repeat url(simg/property-edition.png); height:125px; text-indent:-9999px;}
#body #panel1 .property-edition .main {border-bottom:11px solid #2E669E;}
#body #panel1 .property-edition .recommended li {background:0 0.6em no-repeat url(simg/bullet-blue.png);}
#body #panel1 .property-edition .icon {background:0 0 no-repeat url(simg/house.png);}

/* foot */
#foot {margin:0.5em 0 0 0; clear:both; position: relative; z-index: 30;}
#foot .footnav {padding:1.1em 0 0 0; display:block; list-style-type:none; text-align:center;}
#foot .footnav li {display:inline; list-style-type:none; padding:0 0.8em 0 0.8em; background:right 0.42em no-repeat url(simg/pipe.png);}
#foot .footnav .last {background:0 none; padding-right:0;}
#foot .footnav a{color:#333; text-decoration:none;}
#foot .footnav a:hover{color:#f00;}
#foot .copy {margin:1.5em 0 1.5em 0; text-align:center; display:block; color:#666;}

/* \*/
* html #body { height: 1%; }
* html #foot .footnav li { height: 1%; }
* html #head .controlnav li  { height: 1%; }
* html #body #panel2 .quote span  { padding:33px 20px 0 10px; height:100px;}
* html #body #panel1 .productbutton  { margin-top:4em;}
* html #body .product-desc .recommended, * html #body .product-desc .recommended li{height:10px;}
* html #body li {height: 1%;}
* html #body #panel1 .panelbox {width:43%; height:26em;}
/* */

#page, #head, #body, #footer{
  min-width:870px;
}

* html #page, * html #head, * html #body, * html #footer{
  width:870px;
}

/*Subnav*/
  .subnav{list-style-type:none; color: #bbb; position:absolute; top:153px; width:100%; z-index: 20; font-size:.8em;}
  .subnav div{background: 0 100% repeat-x url(simg/nav-line.png); margin: 0 2px; padding:5px 0;}
  .subnav a{color: #fff; text-decoration: none;}
  .subnav a:hover{color: #fff; text-decoration: underline;}
  body#company .subnav ul{margin-left:60px;}
  .subnav li{display:inline; padding:0 1em; border-right: 1px solid #cfd0cf;}
  .subnav li.last{border-right: none;}
  body#company #head .headnav{background:none;}
  body#company #body{margin-top:1em;}

/*Contact*/
  body#contact #body h1{padding:.5em 0 0 1.25em;}
  body#contact #body h2{padding:.5em 0 0 0;}
  body#contact #panel1{margin-left:3em; width: 40%;}
  body#contact #panel2{background:none; width:35%; margin-right: 3em; padding-top: 1em;}
  body#contact p span{line-height:2em; padding-left:20px;}
  .box1{background-color: #e2e2e2; width: 333px; padding: 0 5px 1px 3px;}
  .email{background: url(simg/icon_email.gif) no-repeat top left;}
  .phone{background: url(simg/icon_phone.gif) no-repeat top left;}
  strong.label{width:5em; float: left; clear:left; line-height: 1.4em;}
  body#contact p span.label{line-height: 1.4em; float:left;}
  * html body#contact #panel2 *{position:relative; height:1px;}
  * html strong.label{padding-left:12px;}

/*FAQs*/
  .faq-box{background:#fff url(simg/bg-faq-box.gif) repeat-x bottom; border:1px solid #ddd; margin:1.5em 5em 1.5em 1em; padding:1em 1em 1em 2em;}
  #body .top-link{text-align: right; font-size:.9em; margin-top:-.5em;}
  .h2s-have-icons{padding: 0 40px;}
  .h2s-have-icons h2, #body .h2s-have-icons p {margin-left:0; min-height: 35px; padding-top:5px;}
  * html .h2s-have-icons h2{height:35px;}
  .h2s-have-icons h2{padding-left:30px; position:relative; left:-40px; }
  .h2s-have-icons h2#q1, h2#q2, h2#q3, h2#q4, h2#q5, h2#q6, h2#q7, h2#q8, h2#q9, h2#q10, h2#q11, h2#q12, h2#q13, h2#q14, h2#q15, h2#q16, h2#q17, h2#q18, h2#q19, h2#q20{background: url(simg/icon_faq1.gif) no-repeat left;}

/*Affiliates*/
  .h2s-have-icons h2#a1 {padding-left: 35px; background: url(simg/icon_house+computer.gif) no-repeat left 16px;}
  .h2s-have-icons h2#a2 {padding-left: 35px; background: url(simg/icon_price.gif) no-repeat left 16px;}
  .h2s-have-icons h2#a3 {padding-left: 35px; background: url(simg/icon_maintenance.gif) no-repeat left 16px;}
  .h2s-have-icons h2#a4 {padding-left: 35px; background: url(simg/icon_webbased.gif) no-repeat left 16px;}
  a.affiliate_button {
    display: block;
    background: url(simg/affiliate-button.png) no-repeat -8px 0px;
    width: 245px;
    height: 60px;
    text-indent: -200em;
    margin: 0 0 20px 0;
  }

  body#contact p, body#faq p, body#company p{font-size: .95em;}

/* Hero.buildium.com */
  a.freetrial_button {
    display: block;
    background: url(simg/freetrial-button.png) no-repeat -8px 0px;
    width: 240px;
    height: 70px;
    text-indent: -200em;
    margin: 0 0 20px 0;
  }
  #body #panel2 .artbox {display:block; margin:2px 0 0 0; height: 320px;}
  
/*Company*/
  #company h2.house-and-comp{background:url(simg/icon_house+computer.gif) no-repeat top left;}
  #company .h2s-have-icons{padding: 10px 60px;}
  .photo{float:right;}
  #features p{padding-left:40px; position:relative; left:10px;}
  .webbased{background: url(simg/icon_webbased.gif) no-repeat top left;}
  .accounts{background: url(simg/icon_accounts.gif) no-repeat top left;}
  .payments{background: url(simg/icon_payments.gif) no-repeat top left;}
  .maintenance{background: url(simg/icon_maintenance.gif) no-repeat top left;}
  .price{background: url(simg/icon_price.gif) no-repeat top left;}

/*Testimonials*/
  #company h2{padding-top:.5em;}
  .h2s-have-icons h2{padding-left:30px; position:relative; left:-40px; }
  .h2s-have-icons h2#openquote{background: url(simg/openquote.gif) no-repeat left;}
  .closequote{float:right; padding-top:20px;}
  #company p.quoter{font-size:0.8em;}
  .background-info{color:#888; font-style:italic; font-size:0.5em;}
  
/*News*/
 #news ul.news {padding-top:40px;}
 #news ul.news li div {float:left; width:540px; padding:0; margin:0 0 1.5em 2em;}
 #news ul.news li div * {margin:0; padding:0;}
 #news ul.news li div h3 {font-size:1em;}
 #news ul.news li span {font-size:1em; float:left; display:block; margin:0 0 0 .2em;}
 #news ul.news li span, #main.news ol li p {color:#656464; padding:0 0 .5em 0;}
 #news ul.news li p {padding:0;font-size:0.9em;}
 .archive{display:block; text-align: center; border:1px solid #eee; background: #fff; padding-top:3px; padding-bottom:8px;}
 #news ul.news a{text-decoration:underline; font-size:0.9em;}
 /*.first{background-color:#ffe; border:#ddd 1px solid; padding:.2em;}*/
 
.sectiontitle
{
	font-size: 15px; 
	font-weight: bold;
	color: black;
	clear:both;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* Privacy Window */
#privacyhead {height:95px;}
#privacyhead h1 {width:350px; height:75px; background:0 0 no-repeat url(simg/privacybuildium.png); text-indent:-9999px; float:left; position:relative; top:0.4em; left:3%;}
 
#privacyhead .privacynav {display:block; list-style-type:none; clear:both; position:absolute; top:67px; /* border-bottom:6px solid #ececec; */ background:0 100% repeat-x url(simg/privacynav-line.png); width:100%; height:28px;}
#privacyhead .privacynav li {display:block; float:left; list-style-type:none; width:70px; height:24px; margin:0 2px 0 0; position:relative; left:50%;}
#privacyhead .privacynav li a {width:70px; height:24px; background:0 0 no-repeat url(simg/privacynav-menu.png); display:block; text-indent:-9999px; outline:0;}
#privacyhead .privacynav .security a {background-position:0 100%;}
#privacyhead .privacynav .privacy a {background-position:-75px 100%;}

#security #privacyhead .privacynav .security a {background-position:0 0;}
#privacy #privacyhead .privacynav .privacynav a {background-position:-100px 0;}

#privacyhead .privacynav li a:hover, #head .privacynav li a:focus {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#privacyhead .privacynav li a:active {filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}

#privacy #privacyhead .privacynav .privacy a {background-position:-75px 0;}

