body{
    font-family: Verdana, Tahoma, sans-serif;
    color: #444;
    background: #FFF;
}

a{
    color: #F05A29;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

.active{
    color: #F05A29;
}

img{
    border: none;
}

ul{
    padding-left: 20px;
}

ul li{
    margin-bottom: 8px;
}

#container{
    margin: 15px 0 0 20px;
    width: 860px;
}

#header{
    height: 160px;
    position: relative;
}

#header #mainTitle, #header #storeLink{
    position: absolute;
}

#header #storeLink{
    left: 746px;
    display: block;
    width: 113px;
    height: 103px;
    background-image: url(/site_media/image/header/store.gif);
}

#header #storeLink:hover{
    background-image: url(/site_media/image/header/store_roll.gif);
}

#header #menuMain{
    position: relative;
    top: 120px;
    border-top: 1px solid #AAA;
    padding-top: 3px;
}

#header #menuMain img.x{
    position: absolute;
}

#header #menuMain a{
    margin: 0 0 0 21px;
    padding: 0;
    background-position: top left;
    background-repeat: no-repeat;
}

#header #menuMain a img{
    height: 17px;
}

#header #menuMain a.art img{
    width: 33px;
}

#header #menuMain a.art{
    margin-left: 33px;
    background-image: url(/site_media/image/header/art.gif);
}

#header #menuMain a.art:hover{
    background-image: url(/site_media/image/header/art_roll.gif);
}

#header #menuMain a.craft img{
    width: 55px;
}

#header #menuMain a.craft{
    background-image: url(/site_media/image/header/craft.gif);
}

#header #menuMain a.craft:hover{
    background-image: url(/site_media/image/header/craft_roll.gif);
}

#header #menuMain a.design img{
    width: 64px;
}

#header #menuMain a.design{
    background-image: url(/site_media/image/header/design.gif);
}

#header #menuMain a.design:hover{
    background-image: url(/site_media/image/header/design_roll.gif);
}

#content{
    margin-top: 0px;
}

#pieces{
    float: left;
    margin-right: 10px;
}

#pieces table.layoutGrid td{
    width: 30px;
    height: 30px;
    vertical-align: top;
}

#pieces table.layoutGrid td a{
    position: absolute;
    top: -5;
}

#pieces table.layoutGrid td img{
    width: 25px;
    height: 25px;
}

#pieces table.layoutGrid td img:hover{
    background: #F05A29;
}

#pieces table.layoutGrid td#currentPiece img{
    background: #F05A29;
}

#clickToView{
    float: left;
    margin: 5px 34px 0 0;
}

#imageBox{
    float: left;
    margin: 0;
    padding: 25px 0 25px 25px;
    border: 1px solid #AAA;
    width: 525px;
    margin: 0 10px 0 0;
}

#imageBox #pieceImages{
    font-size: 8pt;
    margin: 10px 0px 0 0;
    padding: 0;
}

#imageBox #pieceImages a, #imageBox #pieceSeries a{
    color: #444;
}

#imageBox #pieceImages a:hover, #imageBox #pieceSeries a:hover{
    color: #F05A29;
}

#imageBox #pieceImages span{
    margin-right: 4px;
}

#imageBox #pieceSeries{
    font-size: 8pt;
    margin: 10px 0px 0 0;
    padding: 0;
}

#imageBox #pieceSeries a{
    margin-right: 4px;
}

#infoSidebar{
    float: left;
    width: 185px;
}

#infoBox, #saleBox, #awardBox{
    padding: 35px 15px 25px 15px;
    font-size: 8pt;
}

#saleBox, #awardBox{
    padding: 25px 15px 15px 15px;
}

#saleBox a, #awardBox a{
    font-size: .9em;
}

#saleBox a{
    color: #444;
}

#saleBox a:hover{
    color: #F05A29;
}

#infoBox{
    margin-bottom: 10px;
    border: 1px solid #AAA;
}

#infoBox p.title{
    font-style: italic;
}

#infoBox p.descriptive{
    font-weight: bold;
}

#saleBox{
    margin-bottom: 10px;
    border: 1px solid #AAA;
}

#awardBox{
    border: 1px solid #F05A29;
    color: #F05A29;
}

#footer{
    clear: both;
    padding: 30px 0 10px 0;
}

#footer #menuFooter{
    border-top: 1px solid #AAA;
    padding-top: 8px;
    margin: 0;
}

#footer #menuFooter a{
    margin: 0 30px 0 0px;
    padding: 0;
    height: 15px;
    background-position: top left;
    background-repeat: no-repeat;
}

#footer #menuFooter a img{
    margin: 0;
    padding: 0;
    height: 15px;
}

#footer #menuFooter a.statement{
    width: 165px;
}

#footer #menuFooter a.statement img{
    width: 165px;
}

#footer #menuFooter a.statement{
    background-image: url(/site_media/image/footer/statement.gif);
}

#footer #menuFooter a.statement:hover{
    background-image: url(/site_media/image/footer/statement_roll.gif);
}

#footer #menuFooter a.awards{
    width: 67px;
}

#footer #menuFooter a.awards img{
    width: 67px;
}

#footer #menuFooter a.awards{
    background-image: url(/site_media/image/footer/awards.gif);
}

#footer #menuFooter a.awards:hover{
    background-image: url(/site_media/image/footer/awards_roll.gif);
}

#footer #menuFooter a.bio{
    width: 96px;
}

#footer #menuFooter a.bio img{
    width: 96px;
}

#footer #menuFooter a.bio{
    background-image: url(/site_media/image/footer/bio.gif);
}

#footer #menuFooter a.bio:hover{
    background-image: url(/site_media/image/footer/bio_roll.gif);
}

#footer #menuFooter a.contact{
    width: 76px;
}

#footer #menuFooter a.contact img{
    width: 76px;
}

#footer #menuFooter a.contact{
    background-image: url(/site_media/image/footer/contact.gif);
}

#footer #menuFooter a.contact:hover{
    background-image: url(/site_media/image/footer/contact_roll.gif);
}

#footer #menuFooter a.resume{
    width: 67px;
}

#footer #menuFooter a.resume img{
    width: 67px;
}

#footer #menuFooter a.resume{
    background-image: url(/site_media/image/footer/resume.gif);
}

#footer #menuFooter a.resume:hover{
    background-image: url(/site_media/image/footer/resume_roll.gif);
}

#footer #menuFooter a.news{
    width: 67px;
}

#footer #menuFooter a.news img{
    width: 67px;
}

#footer #menuFooter a.news{
    background-image: url(/site_media/image/footer/news.gif);
}

#footer #menuFooter a.news:hover{
    background-image: url(/site_media/image/footer/news_roll.gif);
}

#copyright{
    font-size: 7pt;
    text-align: center;
    color: #888;
    margin: 20px 0 20px 0;
}

#pageContent{
    margin: 30px 0 0px 32px;
    line-height: 1.4em;
    font-size: 10pt;
}

#pageTitle{
    font-size: 10pt;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: .5em;
}

#pageBody{
    float: left;
    width: 450px;
    margin-bottom: 50px;
}

#pageSidebar{
    float: right;
    width: 200px;
    color: #F05A29;
    font-size: 8.5pt;
}

#pageSidebar a{
    color: #F05A29;
}
    
#pageContent h2{
    font-size: 10pt;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin: 20px 0 0 0;
}

#pageContent h3{
    font-size: 10pt;
    font-weight: normal;
    margin: 25px 0 0 0;
}

#pageContent h4{
    margin: 0px 0 0 0;
}

#pageContent h3.subheading{
    font-size: 10pt;
    font-weight: bold;
    margin: 25px 0 0 0;
}

#pageContent ul{
    margin-bottom: 30px;
}

#pieceContols{
    position: relative;
    height: 20px;
    margin: 0 0 10px 0px;
}

#previousPiece{
    position: absolute;
    right: 35px;
}

#nextPiece{
    position: absolute;
    right: 5px;
}

#pageControls{
    position: relative;
    height: 20px;
    margin: 20px 0 10px 0px;
    width: 60px;
}

#previousPage{
    position: absolute;
    left: 2px;
}

#nextPage{
    position: absolute;
    left: 30px;
}

#pageControls #viewMore{
    position: absolute;
    top: 33px;
    left: -5px;
}

#previousPiece, #previousPage{
    display: block;
    width: 23px;
    height: 20px;
    background-image: url(/site_media/image/arrow/previous.gif);
}

#previousPiece.inactive, #previousPage.inactive{
    background-image: url(/site_media/image/arrow/previous_grey.gif);
}

#previousPiece:hover, #previousPage:hover{
    background-image: url(/site_media/image/arrow/previous_roll.gif);
}

#previousPiece.inactive:hover, #previousPage.inactive:hover{
    background-image: url(/site_media/image/arrow/previous_grey.gif);
}

#nextPiece, #nextPage{
    display: block;
    width: 23px;
    height: 20px;
    background-image: url(/site_media/image/arrow/next.gif);
}

#nextPiece.inactive, #nextPage.inactive{
    background-image: url(/site_media/image/arrow/next_grey.gif);
}

#nextPiece:hover, #nextPage:hover{
    background-image: url(/site_media/image/arrow/next_roll.gif);
}

#nextPiece.inactive:hover, #nextPage.inactive:hover{
    background-image: url(/site_media/image/arrow/next_grey.gif);
}

#homePage{
    margin-top: 100px;
    position: relative;
}

#homePage table{
    margin: 18px 0 8px 0;
}

#homePage table td{
    padding: 0 7px 7px 0;
}

#homePage #workBy{
    float: right;
}

#homePage a.category{
    display: block;
    width: 95px;
    height: 95px;
}

#homePage a.category img{
    width: 95px;
    height: 95px;
}

#homePage a.art img{
    background-image: url(/site_media/image/home/art.gif);
}

#homePage a.art:hover img{
    background-image: url(/site_media/image/home/art_roll.gif);
}

#homePage a.craft img{
    background-image: url(/site_media/image/home/craft.gif);
}

#homePage a.craft:hover img{
    background-image: url(/site_media/image/home/craft_roll.gif);
}

#homePage a.design img{
    background-image: url(/site_media/image/home/design.gif);
}

#homePage a.design:hover img{
    background-image: url(/site_media/image/home/design_roll.gif);
}

#homePage a.store{
    display: block;
    width: 250px;
    height: 95px;
}

#homePage a.store img{
    width: 250px;
    height: 95px;
    background-image: url(/site_media/image/home/store.gif);
}

#homePage a.store:hover img{
    background-image: url(/site_media/image/home/store_roll.gif);
}

#news{
    line-height: 1.4em;
    font-size: 10pt;
    width: 450px;
    float: left;
}

div.newsItem{
    margin-bottom: 30px;
}

#news h2.headline{
    margin: 20px 0 0 0;
    font-size: 10pt;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin-bottom: 0;
}

#news h3.dateline{
    color: #888;
    font-size: 10pt;
    font-weight: 550;
    margin-top: 0;
}