/*homepage layout*/

#header
{
    margin: 0px;
    background: #2896e0 url('hdrbg.png') center;
    height: 335px;
    border-bottom: 2px solid #8d8d8d;
    color: White;
}
#logo
{
    float: left;
    margin-top: 35px;
}
#intro, #intro:link
{
    display: block;
    float: left;
    clear: left;
    width: 200px;
    height: 155px;
    line-height: 155px;
    text-align: center;
    background: url('intro.png') left 0%;
    margin: 21px 0px 0px 80px;
}
#intro:hover
{
    background: url('intro.png') left 100%;
}

#facts
{
    width: 560px;
    float: right;
    margin-top: 35px;
    background: url('tracks.png') bottom right no-repeat;
}

#facts h1
{
    font-weight: normal;
}
#facts p
{
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
}
#facts p.headline
{
    font-size: 24px;
    line-height: 30px;
    margin: 24px 0px 70px 0px;
}
#facts a
{
    color: White;
    font-size: 10px;
    display:inline-block;
    float:right;
}


#login
{
    height: 112px;
    background: #ebebeb url('loginbarbg.png') repeat-x;
}


#loginForm
{
    margin: 40px 0px 0px 435px;
    width: 560px;
    position: absolute;
}

#loginForm input
{
    float: left;
    margin-right: 16px;
}

#loginForm input[type="submit"]
{
    width:92px;
    padding:0px;
    margin:0px !important;
}

.remember
{
    color: #afafaf;
    height: 20px;
    line-height: 20px;
}
.remember input
{
    float: left;
    margin-right: 5px !important;
}

#loginLabel
{
    position: absolute;
    width: 340px;
    margin: 40px 0px 0px 0px;
}
#loginLabel strong
{
    font-size: 14px;
}
#loginLabel span
{
    color: #afafaf;
}
#loginLabel #register
{
    width:85px;
    padding:0px;
    display: block;
    float: right;
}

#forgotpwd
{
    float: right;
    margin: 0 197px 0 0;
}
#forgotpwd a
{
    color: #AFAFAF;
}
#forgotpwd a:hover
{
    text-decoration: underline;
    cursor: pointer;
}



#main > div
{
    margin-top:15px;
}

#main h3
{
    font-size: 11px;
    color: #b2b2b2;
    font-weight: normal;
}

#petservices ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width:885px;
    float:left;
}
#petservices ul li
{
    display: block;
    float: left;
    margin: 0px 10px 10px 0px;
}
#petservices ul li a, #petservices ul li a:link, #petServicesMore
{
    display: block;
    color: #666;
    font-size: 1.25em;
    text-decoration: none;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
    width: 145px;
    overflow:hidden;
}
#petservices ul li a:hover, #petservices ul li a.selected, #petServicesMore:hover
{
    border: 1px solid #d0d0d0;
}
#petservices ul li a span
{
    color:#9b9b9b;
    font-size:12px;
    padding:0px 0px 0px 10px;
}

#petServicesMore
{
    float:right;
    width:88px;
    text-align:center;
    height:70px;
    line-height:35px;
    background:#f5f5f5 url('plusgt.png') no-repeat center;
}

#communityphotos ul
{
    margin:0px;
    padding:0px;
    list-style:none;
    display:block;
    width:996px;
    height:65px;
    overflow:hidden;
}

#communityphotos ul li
{
    float:left;
    height:65px;
}

#communityphotos ul li img
{
    border:0px;
    height:65px;
}