html { height:100%; }
body 
{
    padding:0;
    margin:0;
    height:100%;
    background: #89a1c1 url(../images/winter/bkgd.jpg) top right repeat-x;
    font: 90% "Lucida Bright", "Maiandra GD", "Garamond", "Times New Roman", "MS Serif";
}

hr 
{
    background:url(../images/winter/divider-horizontal.gif) repeat-x;
    height:3px;
    border:none;
    clear:both;
}
a {color:#ea8b5b;}
a:hover { text-decoration:none; }
a img { border:none; }

.big { font-size:1.5em; }

#PageHeader .NoBackground, #PageBody .NoBackground, #PageFooter .NoBackground { background:none; }

#PageHeader 
{
    padding:30px 0 0 0;
    margin:0px 70px 0 70px;
    text-align:right;
    height:191px;
    position:relative;
}
#PageHeader div
{
    
    
    
}

#PageHeader h1 
{
    background:url(../images/winter/header.png) top right no-repeat ;
    margin:0;
    padding:0;
    height:141px;
    width:634px;
    float:right;
}




#PageHeader h1 span,
#navigation span,
#ContentHeader span { position:absolute; left:-1000em; }

#navigation { overflow:hidden; list-style:none; padding:0; margin:1em; float:right; position:absolute; right:0; bottom:0;  }
#navigation li { float:left; margin:0; padding: 0 5px; margin:0 5px; }
#navigation li a { height:32px; background: no-repeat center bottom; display:block; }
#navigation li.home a { background-image: url(../images/winter/nav-home.png); width:98px; }
#navigation li.portfolio a { background-image: url(../images/winter/nav-portfolio.png); width:145px; }
#navigation li.moreMe a { background-image: url(../images/winter/nav-more-me.png); width:141px; }

#navigation .selected a,
#navigation li a:hover { /*background-position:center -36px;  */}

#PageBody 
{
    width:66%;
    max-width:820px;
    position:relative;
    z-index:2;
    float:right;
    margin:0 70px;
}
#PageBody .background
{
    padding:20px 20px 50px 20px;
    margin:0;
}


#PageTransparency
{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.75;
    filter: alpha(opacity=75);
    background:#fff;
    z-index:-1;
}

#PageBody #BodyFooter
{
}



#PageBody .footer * {display:none; line-height:0px;}

#PageBody #BodyFooter.light { }
#PageBody #BodyFooter.medium { }
#PageBody #BodyFooter.dark { }

#ContentHeader h2
{
    padding:0;
    margin:0 0 10px 0;
    background:left bottom no-repeat;
    height:53px;
}
#ContentHeader .home { background-image:url(../images/winter/header-home.gif); }
#ContentHeader .portfolio { background-image:url(../images/winter/header-portfolio.gif); }
#ContentHeader .moreMe { background-image:url(../images/winter/header-more-me.gif); }


#PageFooter
{
    line-height:11px;
    color:#fff;
    float:right;
    margin:0 70px 0 0;
    clear:both;
    width:75%;
}
#PageFooter div
{
    height:35px;
    padding:12px 0; 
}


#PageFooter a {color:#375138; color:#fff; }

#PageFooter ul { padding:0; list-style:none;  }
#PageFooter li { margin:0 10px; padding:0; float:right;height:11px;     padding:2px; }



#me
{
    float:right;
    margin:0 2em 2em 2em;
    width:224px;
    height:284px;
    background:url(../images/me-happy.png) no-repeat;
}



/*************************  thumbnails ********************************/
#thumbnailViewingArea
{
    height:400px;
    margin:0 15px;
    width:700px;
    overflow:hidden;
}

#thumbnailTable 
{
}



.thumbnailRow
{
}





.thumbnail
{
}







.thumbSelected 
{
}



.scrollWindowLeftArrow,
.scrollWindowRightArrow
{
    position:relative;
    z-index:10;
    width:37px;
    height:76px;
}
.scrollWindowLeftArrow span,
.scrollWindowRightArrow span
{
    display:none;
}

.scrollWindowLeftArrow a,
.scrollWindowRightArrow a
{
    width:22px;
    height:76px;
    background: no-repeat 0 0;
}

.scrollWindowLeftArrow { background-image:url(../images/winter/gallery-left-arrow.png); }
.scrollWindowRightArrow { background-image:url(../images/winter/gallery-right-arrow.png); }

.scrollWindowLeftArrow a:hover,
.scrollWindowRightArrow a:hover {  }


#featuredPlaceholder
{
    border:3px dashed #555555;
    height:230px;
    margin:30px 20px;
    padding:20px;
    text-align:center;
    width:300px;
}

#featuredDescription
{
    float:right; 
    position:relative; 
    top:-275px;
    right:20px;
    width:45%;
}
/********* More me **********/
.moreMeLinks { list-style:none; overflow:hidden; }
.moreMeLinks li { width:250px; margin:0 2em 2em 0; float:left; }
.moreMeLinks li a { display:block; background: center middle no-repeat; background-position:center center; height:100%; }

.moreMeLinks .flickr { height:94px; }
.moreMeLinks .facebook { height:94px;}
.moreMeLinks .myspace { height:94px; }
.moreMeLinks .linkedin { height:94px; }
.moreMeLinks .twitter { height:94px; }

.moreMeLinks .flickr a { background-image:url(../images/logo-flickr.jpg) }
.moreMeLinks .facebook a { background-image:url(../images/logo-facebook.jpg) }
.moreMeLinks .myspace a { background-image:url(../images/logo-myspace.jpg) }
.moreMeLinks .linkedin a { background-image:url(../images/logo-linkedin.jpg) }
.moreMeLinks .twitter a { background-image:url(../images/logo-twitter.jpg) }


.moreMeLinks li span { position:absolute; left:-5000em;}


.awardIcon, .turnedOver, .doesNotExist { vertical-align:middle; }

.portfolioLegend { list-style:none; margin:-35px 0 0 0; padding:0 0 25px 55px; }
.portfolioLegend li {  }