/* menu background */
ul.MainMenu li#Home a
{
    padding:3px 10px 3px 10px;
    background-image:url('../images/menu_home_bg.png');
    background-repeat:no-repeat;
    background-position:center center;
    color:#FFFFFF;
}


div.LatestProjects
{
    float:left;
    clear:both;
    width:390px;
    margin:30px 0 0 181px;
}
div.LatestProjects h3
{
    float:left;
    clear:both;
    width:366px;
    margin:0 0 0 24px;
    font-size:12px;
    font-weight:bold;
}
div.Projects
{
    float:left;
    clear:both;
    width:375px;
    margin:10px 0 0 0;
    padding:0 11px 0 5px;
    background-image:url('../images/latest-projects_bg.jpg');
    background-repeat:no-repeat;
    background-position:right top;
}
div.aProject
{
    float:left;
    width:96px;
    margin:16px 15px 0 14px;
}
img.aProjectImg
{
    display:block;
    padding:14px 0 16px 1px;
    background-image:url('../images/project_img_bg.png');
    background-repeat:no-repeat;
    background-position:center center;
}
div.aProject:hover img.aProjectImg
{
    background-image:url('../images/project_selected_img_bg.png');
}

p.aProjectName
{
    width:96px;
    margin:0;
    font-size:10px;
    font-weight:bold;
    color:#000000;
    text-align:center;
}
p.aProjectName a
{
    display:block;
    padding:8px 0 0 0;
    font-size:10px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
}
div.aProject:hover p.aProjectName a
{
    color:#FF0000;
}


div.ProjectsDots
{
    float:left;
    clear:both;
    width:368px;
    margin:16px 22px 0 0;
}
div.ProjectsDots div.aDot
{
    float:right;
    width:7px;
    height:7px;
    margin:0 4px;
    background-image:url('../images/projects_dot.jpg');
    background-repeat:no-repeat;
    background-position:center center;
}