/* -------------------------------------
/*  Layout Overwrites
/* -------------------------------------*/



#masthead-home { width:985px; height: 90px; }
.logo-home { float:left;margin:15px 0 5px 0; }
.tagline-home { float:left;color:#e9f2f9;font-size:14px;margin: 70px 0 0 5px;}







/* -------------------------------------
/*  Elements of Style for the Homepage Only
/* -------------------------------------*/

.home-page {}
.home-page { background:transparent url(graphics/hp-main-image-element.jpg) no-repeat top right; width:950px; height:682px; margin: -20px 0 0 8px; }
.home-page .home-body-bg { float:left;width:950px;height:auto;margin:555px 0 20px 20px;}
.home-page .home-body-bg .home-body-text {padding:0px;width:940px;height:auto;margin-left:-15px;min-height:400px;}

/* top links */
.home-page .explore-hoa-link, .home-page .explore-association-link, .home-page .explore-mobile-link, .home-page .explore-services-link, .home-page .explore-website-wizard {position: absolute;overflow: hidden;text-indent: -2000px;display: block;}
.home-page .explore-services-link {left: 375px;height: 60px; top: 15px;width: 480px;}
.home-page .explore-hoa-link {left: 15px;height:200px; top: 75px;width: 430px;}
.home-page .explore-association-link {left: 565px;height: 250px; top: 170px;width: 360px;}
.home-page .explore-mobile-link {left: 420px;height: 80px; top: 485px;width: 180px;}
.home-page .explore-website-wizard {left:350px;top:285px;height:174px;width:174px;background:transparent url(graphics/hp-introducing-websitewizard-badge.png) no-repeat top left;}


/* Web Services  */
.home-page .home-web-services-row-1 {width:860px;height:65px;margin-left:50px;position: relative;z-index: 91;overflow: visible;}
.home-page .home-web-services-row-2 {width:860px;height:65px;margin-left:50px;margin-top:10px;margin-bottom:20px;position: relative;z-index: 90;overflow: visible;}
.home-web-services-row-1 .service, .home-web-services-row-2 .service {width: 161px;padding: 53px 5px 5px 5px;position: relative;float: left;margin-right: 0px;}
.home-web-services-row-1 .service a, .home-web-services-row-2 .service a {color: #fff;text-decoration:none;}
.home-web-services-row-1 .service a:hover, .home-web-services-row-2 .service a:hover {color: #333;}
.home-web-services-row-1.js .service, .home-web-services-row-2.js .service {position: absolute;float: none;margin: 0 0 0 -3px;z-index: 99;}
.home-web-services-row-1.js .service ul, .home-web-services-row-2.js .service ul {display: none;}
.home-web-services-row-1.js .service.open ul, .home-web-services-row-2.js .service.open ul {display: block;}
.home-web-services-row-1.js .service p, .home-web-services-row-2.js .service p {display: none;}
.home-web-services-row-1.js .service.open p, .home-web-services-row-2.js .service.open p {display: block;}
.home-web-services-row-1 .service h3, .home-web-services-row-2 .service h3 {font-family: Gotham, "Lucida Grande", Arial, Verdana, sans-serif;font-size:1.1em;}
.home-web-services-row-1 .service h3, .home-web-services-row-2 .service h3 {color: #fff;padding:.25em 5px;position:absolute;top: 0;left: 0;line-height: 1.0;letter-spacing:0;}
.home-web-services-row-1 .service h3, .home-web-services-row-2 .service h3 {width: 161px;height:65px;background:transparent url("graphics/hp-web-services-header.jpg") left top no-repeat;}
.home-web-services-row-1 .service h3 em, .home-web-services-row-2 .service h3 em {display:block;width:30px;height:30px;overflow: hidden;text-indent: -999em;position: absolute;top: 0;right: 2px;}
.home-web-services-row-1 .service h3 em, .home-web-services-row-2 .service h3 em {background:#666;}
.home-web-services-row-1 .service p, .home-web-services-row-2 .service p {font-size: 0.77em;margin: 8px -1px;padding:5px 8px 5px 2px;position: relative;z-index: 99;color:#fff;text-align:left;}
.home-web-services-row-1 .service ul, .home-web-services-row-2 .service ul {margin: 0 -12px;padding: 1em 12px .5em;position: relative;z-index: 99;}
.home-web-services-row-1 .service .shadow, .home-web-services-row-2 .service .shadow {background:#5197dc;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5197dc', endColorstr='#0f4580'); background: -webkit-gradient(linear, left top, left bottom, from(#5197dc), to(#0f4580)); background: -moz-linear-gradient(top,  #5197dc,  #0f4580);}
.home-web-services-row-1 .service .shadow, .home-web-services-row-2 .service .shadow {width: 161px;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 0;}
.home-web-services-row-1 .service li, .home-web-services-row-2 .service li {font-size: 0.77em;margin-bottom: .5em;background-image: none;padding: 0;color:#fff;}
.home-web-services-row-1 .service li.right, .home-web-services-row-2 .service li.right {float: right;padding:0 1em 0 1em;}
.home-web-services-row-1 .service li a:link, .home-web-services-row-2 .service li a:link, .home-web-services-row-1 .service li a:visited, .home-web-services-row-2 .service li a:visited {color: #fff;text-decoration:underline;}
.home-web-services-row-1 .service li a:hover, .home-web-services-row-2 .service li a:hover, .home-web-services-row-1 .service li a:hover, .home-web-services-row-2 .service li a:hover {color: #f9a71b;text-decoration:none;}
.home-web-services-row-1.js #slot_1 { left: 0; }
.home-web-services-row-1.js #slot_2 { left: 171px; }
.home-web-services-row-1.js #slot_3 { left: 342px; }
.home-web-services-row-1.js #slot_4 { left: 513px; }
.home-web-services-row-1.js #slot_5 { left: 684px; }
.home-web-services-row-2.js #slot_6 { left: 0; }
.home-web-services-row-2.js #slot_7 { left: 171px; }
.home-web-services-row-2.js #slot_8 { left: 342px; }
.home-web-services-row-2.js #slot_9 { left: 513px; }
.home-web-services-row-2.js #slot_10 { left: 684px; }


/* Showcase elements  */
.home-page .home-showcase {width:848px;height:170px;margin-left: 45px;background:transparent;}
.home-page .home-showcase .left-showcase { float:left;width:400px;margin:1px;padding:0;height:165px;}
.home-page .home-showcase .right-showcase { float:right;width:400px;margin:1px;padding:0;height:165px;}
.home-page .home-showcase .left-showcase-2 { float:left;width:400px;margin:20px 1px 1px 1px;padding:0;height:165px;}
.home-page .home-showcase .right-showcase-2 { float:right;width:400px;margin:20px 1px 1px 1px;padding:0;height:165px;}
.home-page .home-showcase .left-showcase h3, .home-page .home-showcase .left-showcase-2 h3 {color:#44b4e4; font-size: 0.99em;font-weight:bold;padding:10px 1px 0 10px;margin-bottom:2px;}
.home-page .home-showcase .left-showcase p, .home-page .home-showcase .left-showcase-2 p {color:#444; font-size: 0.75em;padding:0 5px 3px 10px;text-align:left;margin-bottom:0;}
.home-page .home-showcase .right-showcase h3, .home-page .home-showcase .right-showcase-2 h3 {color:#44b4e4; font-size: 0.99em;width:70%;font-weight:bold;padding:10px 1px 0 5px;margin-bottom:2px;}
.home-page .home-showcase .right-showcase p, .home-page .home-showcase .right-showcase-2 p {color:#444; font-size: 0.75em;width:90%;padding:0 5px 3px 5px;text-align:left;margin-bottom:0;}
.home-page .home-showcase .buttonhp{display:block;width:199px;height:46px;background-position:0 0;background-repeat:no-repeat;border:none;text-indent:-5000px;overflow:hidden;}
.home-page .home-showcase .buttonhp:hover, .home-page .home-showcase .buttonhp_hover{background-position:left bottom!important;}
.home-page .home-showcase button:hover:active{-ms-background-position-x:1px!important;-ms-background-position-y:-46px!important;}
.home-page .home-showcase .buttonhp.static:hover{background-position:0 0;}
.home-page .home-showcase button.buttonhp{margin:0;padding:0;background:transparent;outline:none;}

a.webinar{width:199px;height:46px;margin:5px 0 5px 5px;text-align:center;background-image:url(graphics/hp-webinar-btn.png);}
a.twitter{width:199px;height:46px;margin:5px 0 5px 5px;text-align:center;background-image:url(graphics/hp-twitter-btn.png);}
a.videohp{width:199px;height:46px;margin:5px 0 5px 10px;text-align:center;background-image:url(graphics/hp-video-btn.png);}
a.infohp{width:199px;height:46px;margin:5px 0 5px 10px;text-align:center;background-image:url(graphics/hp-info-btn.png);}
a.download{width:199px;height:46px;margin:5px 0 5px 10px;text-align:center;background-image:url(graphics/hp-download-btn.png);}



/* Action Buttons */
.home-page .home-showcase .action-item-btns {margin:-5px 0px 0px 0px;height:56px;width:280px;}
.home-page .home-showcase .action-item-btns .action-item {float:left;}
.home-page .home-showcase .action-item-btns .action-item .request-info {width:270px;height:56px;float:left;padding-top:3px;margin-right:15px;margin-bottom:10px;}
.home-page .home-showcase .action-item-btns .action-item .explore-services {width:270px;height:56px;float:left;padding-top:3px;margin-right:25px;margin-bottom:10px;}
.home-page .home-showcase .action-item-btns .action-item .button{display:block;width:270px;height:56px;background-position:0 0;background-repeat:no-repeat;border:none;text-indent:-5000px;overflow:hidden;}
.home-page .home-showcase .action-item-btns .action-item .button:hover, .action-item-btns .action-item .button_hover{background-position:left bottom!important;}
.home-page .home-showcase .action-item-btns .action-item button:hover:active{-ms-background-position-x:1px!important;-ms-background-position-y:-56px!important;}
.home-page .home-showcase .action-item-btns .action-item .button.static:hover{background-position:0 0;}
.home-page .home-showcase .action-item-btns .action-item button.button{margin:0;padding:0;background:transparent;outline:none;}

a.signupg-hoa{width:270px;height:56px;margin:5px 0 5px 5px;text-align:center;background-image:url(graphics/signup-btn-270.png);}
a.request-hoa{width:270px;height:56px;margin:5px 0 5px 5px;text-align:center;background-image:url(graphics/info-request-btn-270.png);}







/* Popup Contact Form  */
.home-page .home-body-bg .home-body-text .home-showcase blockquote:before, blockquote:after, q:before, q:after {content:"";}
.home-page .home-body-bg .home-body-text .home-showcase blockquote, q {quotes:"" "";}
.home-page .home-body-bg .home-body-text .home-showcase a{cursor: auto;text-decoration:none;}
.home-page .home-body-bg .home-body-text .home-showcase br.both{clear:both;}
.home-page .home-body-bg .home-body-text .home-showcase #backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:99;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:540px;width:500px;background:#FFFFFF;border:2px solid #cecece;z-index:100;padding:5px;font-size: 0.87em;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact h3{text-align:left;color:#6FA5FD;font-size:22px;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;clear: both;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact p{font-size:12px;margin-bottom:10px;text-align:justify;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContactClose{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;cursor:pointer;cursor:hand;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact table {border-collapse:collapse;border-spacing:0pt;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact th, td { border: none; font-size: 0.87em;padding: 5px 5px 5px 5px;line-height: 1.0;} 
.home-page .home-body-bg .home-body-text .home-showcase #popupContact td {border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font-size: 0.87em;padding: 3px;line-height: 1.0;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact caption {font-weight: bold;font-size: 0.97em;text-transform: uppercase;padding: 0 0 5px;color: #333333;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact th {background: #e4e5e4; text-align: left;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact tfoot {background-color: #e2e2e2;color: #555555;}
.home-page .home-body-bg .home-body-text .home-showcase #popupContact tfoot td {font-size: 1.0em;text-align: center;}
.home-page .home-body-bg .home-body-text .home-showcase #button {background-image:url(graphics/hp-webinar-btn.png);width:199px;height:46px;cursor:pointer;cursor:hand;}
.home-page .home-body-bg .home-body-text .home-showcase #button:hover {background-image:url(graphics/hp-webinar-btn-on.png);width:199px;height:46px;cursor:pointer;cursor:hand;}
.home-page .home-body-bg .home-body-text .home-showcase .buttonweb {background-image:url(graphics/hp-webinar-btn.png);width:199px;height:46px;border:0;}
.home-page .home-body-bg .home-body-text .home-showcase .buttonweb:hover {background-image:url(graphics/hp-webinar-btn-on.png);}


/* Drop Down More Information Form  */
#sm_contact {float:right;margin-top:-35px;margin-right:6px;margin-bottom:5px;background:transparent url(graphics/transparent-black-80.png) bottom left repeat;display:none;width:380px;border:3px #fff solid;z-index:96;position:relative;}
.small_column {float:left;width:320px;padding:5px 5px 5px 5px;color:#fff;}
.small_column table {border-collapse:collapse;border-spacing:0pt;}
.small_column th, td { border: none; font-size: 0.77em;padding: 5px 5px 5px 5px;line-height: 1.0;} 
.small_column td {border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font-size: 0.77em;padding: 3px;line-height: 1.0;}
.small_column ul li {padding:3px 0;}
.small_column ul li li {padding:3px 0 3px 15px;}
.small_column h3 {font-size:0.77em;padding:5px 0 5px 0;}
.small_column a:link, .small_column a:visited, .small_column a:focus {color:#577b9e;}
.small_column a:hover {color:#000;}
.small_column h3 a:link, .small_column h3 a:visited {color:#577b9e;}
.small_column .submitButton {font-size: 1.1em;border: 1px solid #333333; background-color: #2070af; padding: 5px 12px; color: #fff; float: right; margin-right: 5px;}


/* Video Elements  */
#sm_contact_1 {float:left;margin-left:10px;background:transparent url(graphics/transparent-black-80.png) bottom left repeat;display:none;width:650px;z-index:96;position:relative;height:503px;}
.small_column_1 {float:left;width:650px;padding:1px;color:#fff;}
.small_column_1 table {border-collapse:collapse;border-spacing:0pt;}




/* Twitter Feed Area  */
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xbox-twitter {background: transparent; margin-top:-20px; width: 90%; height:76px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xtop-twitter  {display:block; background: transparent; font-size:1px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xbottom-twitter {display: inline; background: transparent; font-size:1px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb1-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb2-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb3-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb4-twitter {display:block; overflow:hidden;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb1-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb2-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb3-twitter {height:1px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb2-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb3-twitter, .home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb4-twitter {background:transparent; border-left:0; border-right:0;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb1-twitter {margin:0 0; background:none;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb2-twitter {margin:0 0; border-width:0 2px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb3-twitter {margin:0 0;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xb4-twitter {height: 0; margin:0 1px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xboxcontent-twitter {display:block; background-color: transparent; border:0 solid #9fc6e5; border-width:0 0;  padding-top: 0px; color: #444444;width:90%;font-size: 0.75em;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 .xboxcontent-twitter-bottom {width:100%;height:76px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #xboxcontent-twitter-bottom-inner {padding:0;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #xboxcontent-twitter-bottom-inner a {border-bottom: 0;font-size: 0.75em;padding:0 5px 3px 175px;text-align:left; text-decoration:none;color: #666;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #xboxcontent-twitter-bottom-inner a:visited {font-size: 0.75em;color: #666; border-bottom: 0px solid #9fc6e5; text-decoration:none;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #xboxcontent-twitter-bottom-inner a:hover {font-size: 0.75em;color: #666; border-bottom: 0px solid #ffffff; text-decoration:none;}

.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #channel-info {height:20px; margin-bottom:20px; font-size: 0.75em;color: #44b4e4; padding-left:10px; padding-top:3px;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #channel-info a {font-size: 0.75em;color: #44b4e4; border-bottom: 0px solid #005e91; text-decoration:none;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #channel-info a:visited {font-size: 0.75em;color: #44b4e4; border-bottom: 0px solid #005e91; text-decoration:none;}
.home-page .home-body-bg .home-body-text .home-showcase .right-showcase-2 #channel-info a:hover {font-size: 0.75em;color: #666; border-bottom: 0px solid #ffffff; text-decoration:none;}


/* SEO Text Elements  */
#home-seo-text {width:850px;padding:10px;display:block;margin:0px 30px 0px 30px;z-index:1000;}
#home-seo-text h4 {font-family:"proxima-nova-1", "proxima-nova-2", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;font-weight:bold;margin:20px 0px 10px 0px;letter-spacing:1px;color:#44b4e4;font-size:1.0em;line-height:22px;text-align:center;}
#home-seo-text h6 {font-family:"proxima-nova-1", "proxima-nova-2", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;font-weight:bold;line-height:20px;font-size:0.9em;margin-bottom:5px;text-transform:uppercase;color:#56554f;text-align:center;}
#home-seo-text p {display:block;line-height:20px;font-size:0.77em;color:#56554f;text-align:center;font-style:inherit;font-family:inherit;white-space:normal;}
#home-seo-text .small-footer {display:block;line-height:15px;font-size:0.57em;color:#56554f;text-align:center;font-style:inherit;font-family:inherit;white-space:normal;}
#home-seo-text ul { margin-left: 25px;color: #333; }
#home-seo-text ul { list-style-image: url('graphics/ul-arrow.png');  }
#home-seo-text ul li { font-size: 72%; color:#666; }
#home-seo-text ul li p { font-size: 0.97em; text-align:justify; color:#666; }
#home-seo-text ul li ul { list-style-image: none;list-style: disc; margin-top:10px; margin-left:35px;width:90%; }
#home-seo-text ul li ul li { font-size: 95%; text-align:justify; color:#666;margin-top:5px; }
#home-seo-text li {padding-bottom:10px; }
#home-seo-text li a:link, #home-seo-text li a:visited, #home-seo-text li a:focus { font-weight: bold;text-decoration: none;color: #44b4e4;}
#home-seo-text li a:hover { text-decoration: underline; color: #666;}



#home-seo-text .attributes {display:block;line-height:20px;font-size:0.77em;color:#56554f;text-align:right;font-style:inherit;font-family:inherit;white-space:normal;}
#home-seo-text .attributes ul {margin:0; padding:0 0 0 5px;}
#home-seo-text .attributes li {display:inline;list-style-image:none;padding:0 10px 0 10px;}
#home-seo-text .attributes li a:link, #home-seo-text .attributes li a:visited, #home-seo-text .attributes li a:focus { font-weight: bold;text-decoration: none;color: #44b4e4;border-top:1px #ccc solid;}
#home-seo-text .attributes li a:hover { text-decoration: underline; color: #666;}