@import url('../../Default/global/Global.css');

/* ############################################################################
   ## 
   ##  HOME PAGE
   ##
   ######################################################################### */

#Align {
    background: #ffffff url('../../Default/images/bg_home_critter_button_50.jpg') top center repeat-x;
}

#Header {
    height: 109px;
    padding-top: 10px;
}

#FeatureContent {
    display: inline-block;
    height: 294px;
    width: auto;
    margin-left: 70px;
}

    #FeatureTitle {
        position: relative;
        margin-top: 85px;
        width: 312px;
        height: 82px;
        text-indent: -10000em;
        background: url('/images/home/web_hosting.gif') no-repeat;
    }

    #FeatureTagLine {
        clear: left;
        text-transform: lowercase;
    }

#Content {
    position: relative;
    float: left;
}

#Page {
    position: relative;
    float: left;
}
#PageInner {
}

    #HomeMain {
        position: relative;
        float: left;
        min-height: 216px;
        /* background: #EBECED; */
    }
    * html #HomeMain {
        height: 216px;
    }
    #HomeMainInner {
        padding: 24px 0 0 70px;
    }
    
    #HomePrimary {
        position: relative;
        float: left;
        width: 60%;
        /* margin-right: 4.5% */
        font-size: 150%;
        font-family: "Lucida Grande", tahoma, arial, helvetica, sans-serif;
    }

        #HomePrimary p {
            margin: 0 0 1em;
        }
        
    #HomeFeatures {
        position: relative;
        float: right;
        width: 38%;
        margin-top: 10px;
        text-align: right;
    }

        #HomeFeatures .feature {
            position: relative;
            float: left;
            margin-left: 3.2%;
            margin-bottom: 8px;
        }

            #HomeFeatures .feature .thumbnail {
                width: 69px;
                height: 49px;
                border: 0;
            }
            
/* Secondary Content */

#HomeSecondary {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 2em;
}
#HomeSecondaryInner {
    margin: 20px 0 0 70px;
}

    #HomeSecondary h2 {
        margin-top: 0;
    }

    #HomeSecondary #Intro {
        position: relative;
        float: left;
        width: 36%;
        margin-right: 2%;
    }
    * html #HomeSecondary #Intro {
        width: 30%;
    }

    #HomeSecondary .featureRow {
        display: inline-block;
        width: 62%;
    }