.portfolio
{
    background-color: #FFFFFF;
    width: 700px;
    font-family: "Trebuchet MS",Arial,Sans-Serif;
}

.SlideShow
{
    margin: 0 0 0 20px;
    padding: 0;
}

.SlideShow .AspNet-FormView
{
}

/* HeaderText or <HeaderTemplate> */
.SlideShow .AspNet-FormView-Header
{
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: larger;
}

/* Controls the appearance of whatever you define in the <ItemTemplate> */
.SlideShow .AspNet-FormView-Data
{
}

/* Controls the appearance of whatever you define in the pagination region. */
.SlideShow .AspNet-FormView-Pagination
{
    margin-bottom: 10px;
}

/* This controls the appearance of the "current page" listed in the pagination region. */
/* This is NOT a link */
.SlideShow .AspNet-FormView-ActivePage
{
    color: White;
    background-color: #999999;
}

/* Controls the numbers used to navigate to other pages. */
/* This is a link */
.SlideShow .AspNet-FormView-OtherPage,
.SlideShow .AspNet-FormView-ActivePage
{
    margin-left: 4px;
    padding: 0 1px 0 1px;
}

.SlideShow a.AspNet-FormView-OtherPage:hover
{
}

.SlideShow .ProjectName
{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
}

.SlideShow .ProjectThumbnail
{
    width: 250px;
    float: left;
}

.SlideShow .ProjectDescription
{
    float: left;
    width: 400px;
    height: 200px;
}

.ProofSheet
{
    padding: 10px;
}

.ProofSheet .AspNet-DataList table caption
{
    display: none; /* not being shown for the moment */    
}

.ProofSheet .AspNet-DataList table tbody tr
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.ProofSheet .AspNet-DataList table tbody tr td
{
    vertical-align: top;
    padding: 0 20px 20px 30px;
}

.ProofSheet .ProjectName
{
    display:block;
    text-align: center;
    font-size:larger;
}

.ProofSheet .ProjectThumbnail
{
    display:block;
    text-align: center;    
}

.ProofSheet .ProjectDescription ul
{
    margin-top: 0;
}

.ProofSheet .ProjectDescription ul li
{
    list-style-type: circle;
}

.ViewMode
{
    display:block;
    text-align: right;
    margin-right: 30px;
}

.portfolio .automate
{
    margin: 0;
    padding: 0 0 0 20px;
    color: #666666;
}


/**************************************/
/* for new portfolio page */
.portfolio h1
{
    margin-left: 10px;
}
.portfolio .l-client p,
.portfolio .r-client p
{
    margin: 0 10px 2px 0;
}

.portfolio .l-client
{
    clear: both;
    float: left;
    width: 330px;
    padding-left: 10px;
}
.portfolio .l-client h2
{
    font-size: 1em;
    margin-top: 15px;
    margin-bottom: 0;
}
.portfolio .l-client img
{
    float: right;
    width: 200px;
    margin-top: 15px;
    margin-left: 5px; 
    margin-right: 5px;
}

.portfolio .r-client h2
{
    font-size: 1em;
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 10px;
}
.portfolio .r-client img
{
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 10px;
}