.portfolio
{
    background-color: #FFFFFF;
    width: 677px;
    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: 1.5em;
}

/* 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: 1.75em;
    font-weight: bold;
    display: block;
    margin: 0 0 1em 0;
}

.SlideShow .ProjectThumbnail
{
    width: 250px;
    float: left;
    min-height: 200px;
}

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

.ProofSheet
{
}

.ProofSheet table
{
    width: 100%;
}

.ProofSheet .AspNet-GridView table thead 
{
    display: none;
}
.ProofSheet .AspNet-GridView table tbody tr
{
    background: #EEE;
}

.ProofSheet .AspNet-GridView table tbody tr td
{
    vertical-align: top;
    padding: 10px 0;
}

.ProofSheet .AspNet-GridView table tbody tr.AspNet-GridView-Alternate
{
    background: #FFF;
}

.ProofSheet .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
}

.ProofSheet .ProjectThumbnail
{
    float: left;
    width: 230px;
    height: 220px;
    margin: 20px 0 0 20px;
}

.ProofSheet .ProjectDescription
{
    float: left;
    width: 370px;
    padding: 0 0 0 30px;
    margin: 40px 0 0 0;
}

.ProofSheet .ProjectDescription .ProjectName
{
    display:block;
    margin-bottom: 15px;
    font-size: 1.3em;
}

.ProofSheet .ProjectDescription .ProjectText
{
}

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

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

.ViewMode
{
    display:block;
    text-align: right;
    margin-right: -15px;
    font-weight: normal;
}

.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;
}