﻿/*:: Green Area
------------------------------------- */
    #homeModalTop{width:487px; background:url(images/bg-homeModalTop.png) no-repeat top left; padding-top:31px;}
    #homeModalBottom{background:url(images/bg-homeModalBottom.png) no-repeat bottom left; padding-bottom:10px;}
    #homeModal{background:url(images/bg-homeModal.png) repeat-y top left; padding:0 10px 0 14px;}
    #homeModal #positioner{float:left; margin-top:-23px; position:relative;}
    #homeModal .contentBuffer{padding:15px; width:433px;}
    #homeModal .contentBuffer h1{font-size:60px; margin-bottom:2px;}
    #homeModal .contentBuffer p,
    #homeModal .contentBuffer ol{font-size:12px; line-height:18px; margin-bottom:18px;}
    #homeModal .contentBuffer .last{margin-bottom:0;}
    #homeModal .contentBuffer ol{margin-left:18px;}
    #homeModal #btnChooseHome{background-image:url(images/btn-chooseHome.gif); width:191px; margin-right:-4px;}
    #homeModalTop #btnGetStarted{background:url(images/btn-getStarted.png) no-repeat top left; width:213px; text-indent:-1000em; float:right; cursor:default; height:49px; display:none;}
    #homeModalTop #btnGetStarted.on{background-position:0 -49px; cursor:pointer;}
    #homeModalTop #btnGetStarted.on:hover{background-position:0 -98px;}
    /* - Slides - */
        #homeModal .slide{display:none;}
        #homeModal .slide.on{display:block;}
        #homeModal .slide .off{display:none;}
        .slide h2{text-indent:-1000em; background-position:top left; background-repeat:no-repeat; clear:both;}
        #homeType h2{height:22px; width:104px; background-image:url(images/h2-homeType.gif); margin-bottom:9px;}
        #owner h2{height:18px; width:112px; background-image:url(images/h2-owner.gif); margin:17px 0 13px 0;}
        .slide ul{list-style:none;}
        .slide ul li{float:left; height:116px; width:108px; position:relative;}
        .slide ul li a{display:block; text-align:center; text-decoration:none; width:100%; height:120px;}
        .slide ul li a img{float:left; margin:3px 0 2px 3px;}
        .slide ul li a:hover img,
        .slide ul li.on a img{border:3px solid #74cbc8; margin:0 0 2px 0;}
        .slide ul li a:hover span,
        .slide ul li.on a span{background:#74cbc8;}
        .slide ul li span{display:block; text-indent:-1000em; height:17px; width:108px; background-repeat:no-repeat; background-position:top left; clear:left;}
        li#selectSingle span{background-image:url(images/h3-single.png);}
        li#selectMobile span{background-image:url(images/h3-mobile.png);}
        li#selectMid span{background-image:url(images/h3-mid.png);}
        li#selectApartment span{background-image:url(images/h3-apartment.png);}
        li#selectRenter span{background-image:url(images/h3-renter.png);}
        li#selectOwner span{background-image:url(images/h3-owner.png);}
        .slide ul li div{height:0px; width:0px; background:url(images/checked.png) no-repeat top left; position:absolute; top:0; left:0;}
        .slide ul li.on div{height:74px; width:78px; top:-9px; left:-9px;}
        #instructions{text-indent:-1000em; height:10px; width:63px; background:url(images/ir-instructions.png) no-repeat top left; margin-top:6px;}