﻿table tr td
{
    width:450px;
    padding:5px;
}

#carousalContainer,  #carousalContainer2, #carousalContainer3, #carousalContainer4
{
    height:176px;  
    width:900px;  
    border:0px solid #CCCCCC;
    overflow:hidden;
    margin-left:10px;
}
#carousalContainer ul, #carousalContainer2 ul, #carousalContainer3 ul, #carousalContainer4 ul
{   
    padding:0;
    margin-left:0px;
    width:20000px;
    list-style-type:none;    
}
#carousalContainer ul li, #carousalContainer2 ul li, #carousalContainer3 ul li, #carousalContainer4 ul li
{
    display:inline;
    padding:1px;
    
}
.projectDiv
{
    border-style: solid none none none;
    padding: 10px;
    float: left;
    width: 214px;
    height: 40px;
    background-color: #E1E1E1;
    text-align: center;
    vertical-align: middle;
    margin-right: 1px;
    font-size: 14px;
    color: #000000;
    border-top-width: 1px;
    border-top-color: #0000FF;
    font-family: Arial;
    margin-bottom:10px;
    cursor: pointer;
}

.projectDivOver
{
    border-style: solid none none none;
    padding: 10px;
    float: left;
    width: 214px;
    height: 36px;
    background-color: #363636;
    text-align: center;
    vertical-align: middle;
    margin-right: 1px;
    font-size: 14px;
    color: #FFFFFF;
    border-top-width: 5px;
    border-top-color: #0000FF;
    font-family: Arial;
    cursor: pointer;
    margin-bottom:10px;
}

.projectContentDiv
{
    float: left;
    width: 320px;
    margin-left: 10px;
}

.projectContentImgDiv
{
    float: left;
    width: auto;
    margin-left: 5px;
}

.projectImg
{
    float: left;   
    margin:5px;
}

.projectContentDivOn
{
   float: none; 
   display:block;
}

.projectContentDivOff
{
   float: none; 
   display:none;
}

