.container
    {
        max-width: 1400px;
    }

    .flexContainer
    {
        display:flex;
        display: -webkit-flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        -webkit-align-content: flex-start;  
    }   

    #profileContainerDiv
    {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    #topDiv
    {
        order: 1;
        -webkit-order: 1;
        width: 100%;
        padding-bottom: 30px;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;      
    }
    
    #logoAndNameDiv
    {
        order: 1;
        -webkit-order: 1;       
        display: inline-block;
        vertical-align: top;
        margin-right: 50px;
        text-align: left;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
    }
    
    #profileShopHeaderDiv
    {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 100%;
        width: calc(100% - 250px);
        text-align: left;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;     
    }
    
    #profileShopHeaderH1AndTextContainerDiv
    {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 100%;
        width: calc(100% - 125px);
        text-align: left;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;     
    }
    
    #profileShopHeaderH1AndTextContainerDiv h1
    {
        float: none;
        display: inline-block;
        width: 100%;
        font-size: 20pt;
        font-family: cabin, avenir, montserratregular, oswald, helvetica;
        text-align: left;
        line-height: 100%;
    }

    #profileShopHeaderH1AndTextContainerDiv h2
    {
        float: none;
        display: inline-block;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 2px;
        font-size: 10pt;
        font-family: helvetica, avenir, arial;
        text-align: left;
    }   
    
    #logoAndNameDiv #topImage
    {
        display: inline-block;
        vertical-align: top;
        width: 82px;
        margin-right: 25px;
        border: none;
        border-radius: 2px;
        box-shadow: 0px 8px 8px -5px #CCCCCC;
    }
    
    #profileShopHeaderDiv #topImage
    {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin-right: 25px;
        border: none;
        border-radius: 2px;
        box-shadow: 0px 8px 8px -5px #CCCCCC;
    }
    
    #topNameDiv
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }   
    
    #topNameDiv h1
    {
        float: none;
        font-size: 16pt;
        font-family: cabin, avenir, oswald, helvetica, arial;
        text-align: left;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    #topNameDiv h2
    {
        padding-top: 5px;
        font-size: 9pt;
        font-family: arial;
        color: #666666;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;        
        white-space: nowrap;
    }
    
    #buttonContainerDiv
    {
        min-width: 150px;
        margin-top: 10px;
    }
    
    #dateJoined
    {
        padding-top: 10px;
        font-size: 9pt;
        font-size: 9pt;
        font-family: arial;
        color: #999999;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;        
        white-space: nowrap;
    }
    
    #contactOptionsDiv
    {
        display: none;
        vertical-align: top;
        width: 100%;
        width: calc(100% - 32px);
        width: -webkit-calc(100% - 32px);
        padding: 15px;
        margin-top: 20px;
        background-color: #F7F7F7;
        border: 1px solid #AAAAAA;
        border-radius: 0px;
        text-align: center;
    }
    
    #contactOptionsDiv p
    {
        display: inline-block;
        width: 100%;
        font-size: 9pt;
        font-family: arial;
        color: #444444;
    }
    
    #contactOptionsDiv p:nth-child(n+2)
    {
        padding-top: 10px;
    }
    
    #contactOptionsDiv a, #contactOptionsDiv a:active, #contactOptionsDiv a:link, #contactOptionsDiv a:hover
    {
        font-size: inherit;
        font-family: inherit;
        color: inherit;
        text-decoration: none;
    }
    
    #contactOptionsDiv a:hover
    {
        text-decoration: underline;
    }
    
    #biographyDiv, #biographyDivFullText
    {
        order: 2;
        -webkit-order: 2;       
        display: inline-block;
        vertical-align: middle;
        font-size: 10pt;
        font-family: arial;
        color: #555555;
        text-align: left;
        line-height: 140%;
        text-align: left;
        flex-grow: 10;
        -webkit-flex-grow: 10;  
    }
    
    #biographyDivFullText
    {
        display: none;      
    }   
    
    #contactLinksDiv
    {
        display: none;
    }
    
    #contactLinksDiv p
    {
        display: inline-block;
        width: 100%;
        font-size: 9pt;
        font-family: arial;
        color: #444444;
    }
    
    #contactLinksDiv p:nth-child(n+2)
    {
        padding-top: 10px;
    }
    
    #contactLinksDiv a, #contactLinksDiv a:active, #contactLinksDiv a:link, #contactLinksDiv a:hover
    {
        font-size: inherit;
        font-family: inherit;
        color: inherit;
        text-decoration: none;
    }
    
    #contactLinksDiv a:hover
    {
        text-decoration: underline;
    }   
        
    #memberDetailsDiv
    {
        order: 3;
        -webkit-order: 3;       
        display: inline-block;
        width: 200px;
        margin-left: 50px;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
    }
    
    #memberStatsDiv
    {
        display: inline-block;
        width: 100%;
        padding-top: 10px;
    }
    
    #memberStatsDiv > div
    {
        display: inline-block;
        width: 30%;
    }
    
    #memberStatsDiv > div > p:nth-child(1)
    {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 9pt;
        font-family: arial;
        color: #999999;
        line-height: 100%;
    }
    
    #memberStatsDiv > div > p:nth-child(2)
    {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 12pt;
        font-family: avenir, oswald, montserratregular, arial;
        font-weight: normal;
        color: #444444;
        line-height: 100%;
    }   
    
    #memberStatsDiv > div > p:nth-child(2) > a, #memberStatsDiv > div > p:nth-child(2) > a:link
    {
        line-height: inherit;
        margin: 0px;
        padding: 0px;
        font-size: inherit;
        font-family: inherit;
        color: inherit;
        text-decoration: inherit;
    }
    
    #socialDiv
    {
        text-align: center;
        vertical-align: top;
    }   
    
    .socialIconDiv
    {
        display: inline-block;
        width: 32px;
        height: 32px;
        overflow: hidden;
        border-radius: 2px;
        box-shadow: none;
        text-align: center;
        cursor: pointer;
        cursor: hand;
        filter: alpha(opacity=90);
        opacity: 0.90;      
        
    }
    
    .socialIconDiv:hover
    {
        filter: alpha(opacity=100);
        opacity: 1.00;
    }
    
    
    
    #topThreeLinesDiv
    {
        display: none;
        vertical-align: middle;
        text-align: center;
    }   
            
    #tabAndContentContainerDiv
    {
        order: 2;
        -webkit-order: 2;

        display: inline-block;      
        width: 100%;
    }
            
            
    #tabDiv
    {
        
        float: left;    
        width: 100%;
        margin-top: 0px;
        overflow: hidden;
        text-align: left;       
        border-top: 1px solid #DDDDDD;
        border-top: none;
        border-bottom: 1px solid #DDDDDD;
        background-color: #FFFFFF;      
    }
        
    #tabSelectDiv
    {       
        display: none;      
        width: 100%;
        margin-top: 20px;
    }
    
    .tabNormal, .tabNormal:link, .tabNormal:visited, .tabNormal:hover
    {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 10pt;
        font-family: helvetica, montserratlight, montserratregular, cabin, oswald, arial;
        font-weight: normal, bold;
        color: #222222;
        border-bottom: 3px solid transparent;
        text-transform: none, uppercase;
        color: #444444;
    }
    
    .tabNormal:nth-child(1)
    {
        padding-left: 0px;
    }
    
    .tabSelected:nth-child(1)
    {
        padding-left: 10px;
        padding-right: 10px;
    }   
    
    .tabNormal:hover
    {
        color: #444444;
        border-bottom: 3px solid #666666;
    }
    
    .tabNormal:nth-child(1):hover
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .tabSelected:nth-child(1):hover
    {
        padding-left: 10px;
        padding-right: 10px;
    }   
        
    .tabSelected, .tabSelected:link, .tabSelected:visited, .tabSelected:hover
    {
        color: #222222;
        border-bottom: 3px solid #374353;
        border-bottom: 3px solid #58DBD7;
        text-shadow: none;
    }
    
    #leftdiv
    {
        float: left;
        width: 200px;
        padding-right: 20px;
        text-align: left;
        display: none;
    }
    
    #rightdiv
    {
        display: inline-block;
        width: 100%;
    }   

    #contentContainerDiv
    {
        display: inline-block;
        width: 100%;
        width: calc(100% - 2px);
        width: -webkit-calc(100% - 2px);
        border: 1px solid #DDDDDD;
        border-top: none;
        margin-bottom: 100px;
        border-radius: 0px;
        background-color: #F9F9F9;
        overflow: hidden;
    }   
    
    #sidebarProductGroupContainerDiv
    {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;        
        padding-top: 0px;
        margin-bottom: 15px;
        background-color: #FFFFFF;
    }
    
    .sidebarProductGroupDiv
    {
        display: inline-block;
        width: 100%;
        margin-bottom: 40px;
    }
    
    .sidebarProductGroupDiv > p
    {
        display: inline-block;
        width: 100%;
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 11pt;
        font-family: montserratregular, cabin, oswald;
        color: #444444;
        border-bottom: 1px solid #CCCCCC;
        text-transform: uppercase;
    }
    
    .sidebarProductGroupDiv a, .sidebarProductGroupDiv a:active, .sidebarProductGroupDiv a:link, .sidebarProductGroupDiv a:visited, .sidebarProductGroupDiv a:hover
    {
        font-size: inherit;
        font-family: inherit;
        color: inherit;
    }
    
    .sidebarProductGroupDiv li
    {
        list-style-type: none;
        font-size: 9pt;
        font-family: arial;
        color: #777777;
    }
    
    .sidebarProductGroupDiv li:hover a
    {
        color: #000000;
        text-decoration: underline;
    }
    
    .sidebarProductGroupDiv .productListItem
    {
        padding-bottom: 2px;
    }
    
    .sidebarProductGroupDiv .productListItem a, .sidebarProductGroupDiv .productListItem a:active, .sidebarProductGroupDiv .productListItem a:link
    {
        font-size: 9pt;
    }
    
    .sidebarProductGroupDiv li.productListItemSelected a
    {
        color: #444444;
        text-decoration: underline;
    }
    
    .profiletitlebar
    {
        float: left; 
        width: 100%; 
        padding-top: 8px; 
        padding-bottom: 8px;
        text-align: center;
        border-bottom: none;
        
    }
    
    .profiletitlebar p
    {
        float: left;
    }
                
    .profiletitlebar p, .profiletitlebar a, .profiletitlebar a:link, .profiletitlebar a:active, .profiletitlebar a:hover
    {   
        font: 9pt arial;
        color: #666666;
        text-decoration: none;
    }

    .profiletitlebar > *:first-child
    {
        padding-left: 10px;
    }
    
    .profiletitlebarleftdiv
    {
        float: left;
    }   
    
    .profiletitlebarrightdiv
    {
        float: right;
    }

    #followDivTop
    {
        display: inline-block;
        vertical-align: middle;
    }   
    
    #contactDiv
    {
        display: inline-block;
        width: 160px;
        vertical-align: top;
        border: 1px solid #FF0000;
    }

    #editProfileDiv
    {
        display: none;
    }
    
    .buttonFollow, .buttonFollow:active, .buttonFollow:link, .buttonFollow:visited, .buttonFollow:hover
    {   
        display: inline-block;
        vertical-align: middle;
        font-size: 10pt;
        font-family: avenir, montserratregular, oswald, arial;
        padding: 6px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 0px;
        box-shadow: none;
        border: 1px solid #CCCCCC;
        text-align: center;
        background-color: #F5F5F5;
        color: #444444;
        text-decoration: none;
        text-shadow: none;
    }
                    
    .buttonFollow:hover
    {   
        color: #FFFFFF;
        background-color: #4CD4BF;
        border: 1px solid #4CD4BF;
        text-decoration: none;
    }
                        
    .buttonFollowing, .buttonFollowing:link, .buttonFollowing:hover
    {
        color: #444444;
        border: 1px solid #CCCCCC;
        background-color: #EEEEEE;
        
        color: #FFFFFF;
        background-color: #4CD4BF;
        border: 1px solid #4CD4BF;
        
        text-shadow: none;
    }
                                
    .buttonFollowing:hover
    {
        color: #FFFFFF;
        border: 1px solid #444444;
        background-color: #CF3C41;
    }
    
    .buttonEditProfile, .buttonEditProfile:active, .buttonEditProfile:link, .buttonEditProfile:visited, .buttonEditProfile:hover
    {   
        display: inline-block;
        font-size: 9pt;
        font-family: avenir, montserratregular, oswald, arial;
        padding: 6px;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 5px;
        border-radius: 0px;
        box-shadow: none;
        border: 1px solid #CCCCCC;
        text-align: center;
        background-color: #F5F5F5;
        color: #222222;
        text-decoration: none;
        text-shadow: none;
    }
                    
    .buttonEditProfile:hover
    {   
        color: #FFFFFF;
        background-color: #4CD4BF;
        border: 1px solid #4CD4BF;
        text-decoration: none;
    }   
    
                            
    .ghostButton, .ghostButton:link, .ghostButton:active, .ghostButton:visited, .ghostButton:hover
    {
        display: inline-block;
        padding: 15px;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 14pt;
        font-family: cabin, oswald, arial;
        color: #444444;
        border: 2px solid #AAAAAA;
    }

    .ghostButton:hover
    {
        background-color: rgba(106,201,157,0.15);
    }                           
                            
    .profilecontentdiv
    {
        display: inline-block;
        width: 100%;
        min-height: 500px;
        padding-top: 25px;
        padding-bottom: 35px;
    }
    
    #memberfeaturesdiv
    {
        display: inline-block;
        width: 90%;
        padding-top: 0px;
        padding-bottom: 50px;
    }
    
    #memberfeaturesdiv > p:first-child
    {
        display: inline-block;
        width: 100%;
        font-size: 14pt;
        font-family: oswald, arial;
        font-weight: normal;
        color: #444444;
        padding-bottom: 5px;
        border-bottom: 1px solid #999999;
        margin-bottom: 15px;    
    }
    
    #memberfeaturesnewdiv
    {
        display: inline-block;
        width: 100%;
        padding-top: 0px;
        margin-top: -15px;
        padding-bottom: 40px;
    }
    
    #memberfeaturesnewdiv > p:first-child
    {
        display: inline-block;
        width: 100%;
        font-size: 14pt;
        font-family: oswald, arial;
        font-weight: normal;
        color: #444444;
        padding-bottom: 5px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 15px;    
    }   

    #memberfeaturesdivnew .button, #memberfeaturesdivnew .button:active, #memberfeaturesdivnew .button:link, , #memberfeaturesdivnew .button:visited
    {
        min-width: 150px;
        margin-bottom: 5px;
        border-radius: 0px;
    }
    
    .artworkdiv
    {
        display: inline-block;
        width: 25%;
        min-width: 170px;
        padding-bottom: 60px;
        text-align: center;
        vertical-align: top;
    }
    
    .artworkimage
    {
        display: inline-block;
        width: 85%;
        border: none;
        border-radius: 2px;
        box-shadow: 0px 8px 8px -5px #CCCCCC;   
    }
    
    .pressreleaseimagediv
    {
        float: left;
        width: 20%;
        max-width: 180px; 
        text-align: center;
        
    }
    
    .pressreleasesummarydiv
    {
        float: right;
        width: 80%;
        width: -webkit-calc(80% - 25px);
        width: -moz-calc(80% - 25px);   
        width: calc(80% - 25px);
        text-align: left;
    }
    
    .pressreleasesummarydiv > p:nth-child(1)
    {
        float: left;
        width: 100%;
        font-size: 14pt;
        font-family: oswald, arial;
        font-weight: normal;
        color: #444444;
        padding-bottom: 5px;
        border-bottom: 2px solid #999999;   
    }
    
    .pressreleasesummarydiv > p:nth-child(1) a
    {
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        color: inherit;
        text-shadow: none;
    }
    
    .pressreleasesummarydiv > p:nth-child(2)
    {
        float: left;
        width: 100%;
        padding-top: 5px;
        font: 9pt arial;
        color: #444444; 
    }
    
    .pressreleasesummarydiv > p:nth-child(3)
    {
        float: left;
        width: 100%;
        overflow: hidden;
        padding-top: 10px;
        font: 10pt arial;
        border: none;
        text-overflow: ellipses;
    }

    .contestlistdiv
    {
        display: inline-block;
        width: 30%;
        min-width: 160px;
        max-width: 220px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 40px;
        vertical-align: top;
    }
    
    .blogdiv
    {
        float: left;
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .blogdiv:nth-child(n + 2)
    {
        border-top: 1px solid #999999;
    }
    
    .blogtitlediv
    {
        float: left;
        width: 25%;
        margin-right: 25px;
        vertical-align: top;    
    }
    
    .blogexcerptdiv
    {
        float: left;
        width: 75%;
        width: -webkit-calc(75% - 25px);
        width: -moz-calc(75% - 25px);           
        width: calc(75% - 25px);
        vertical-align: top;
        font: 10pt arial;
        text-align: left;   
    }
    
    
    .artworkgallerydiv, .artworkgallerydiv:nth-child(n)
    {
        display: inline-block;
        width: 18%;
        padding-left: 1.25%;
        padding-right: 1.25%;
        padding-bottom: 50px;
        vertical-align: top;
        line-height: 100%;
        text-align: center;
    }
    
    .artworkgallerydiv:nth-child(5n + 1)
    {
        padding-left: 0%;
    }
    
    .artworkgallerydiv:nth-child(5n + 5)
    {
        padding-right: 0%;
    }   
    
    #toggleSearchDiv
    {
        display: none;
        width: 100%;
        padding-bottom: 15px;
        text-align: center; 
    }
    
    
    #imageflowcontainerdiv
    {
        float: left;
        width: 100%;
        text-align: center;
    }
    
    #imageflowcontainerdiv img 
    {
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 6px;
        margin-left: 0px;
        margin-right: 4px;
        border: none;
        border-radius: 2px;
    }
    
    .flowdiv
    {
        position: relative;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 42px;
        margin-left: 10px;
        margin-right: 10px;             
        border: none;
        border-radius: 0px;         
        background-position: center center;
        background-size: cover;
        cursor: pointer;
        cursor: hand;
        box-shadow: 2px 2px 8px #EEEEEE;
        box-shadow: none;
    }
    
    .flowdivtitle, .flowdivtitle2
    {
        position: absolute;
        bottom: 0px;
        height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        z-index: 2;
        text-align: left;
        visibility: hidden; 
        overflow: hidden;
        border: none;
        box-shadow: none;
    }
    
    .flowdivtitle3
    {
        position: absolute;
        bottom: -16px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        z-index: 2;
        text-align: left;
        visibility: visible;    
        overflow: hidden;
        border: none;
        box-shadow: none;
    }   
    
    .flowdivtitle3 > p
    {
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        font: 8pt arial;
        color: #666666;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;    
    }   
    
    .flowdivtitle
    {
        background: linear-gradient(transparent, #000000, #000000); 
        background: -webkit-linear-gradient(transparent, #000000, #000000); 
        background: -o-linear-gradient(transparent, #000000, #000000); 
        background: -moz-linear-gradient(transparent, #000000, #000000);    
        opacity: 0.60;
        filter: alpha(opacity=60);
                
    }
    
    .flowdivtitle2
    {
        opacity: 1.00;
        filter: alpha(opacity=100);     
    }
    
    .flowdiv:hover .flowdivtitle, .flowdiv:hover .flowdivtitle2
    {
        visibility: visible;
    }
    
    .flowdivtitle2 > p
    {
        padding-left: 10px;
        padding-top: 5px;
        font: 9pt arial;
        color: #FFFFFF;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;    
    }
    
    .imageeditdiv
    {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 65px;
        height: 65px;
        text-align: center;
        vertical-align: middle;
        z-index: 10;
        overflow: hidden;
        border: none;
    }
    
    .imageeditdiv img
    {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        padding: 10px;
        background-color: #222222;
        border: none;
        border-radius: 4px;
        visibility: hidden;     
    }
    
    .flowdiv:hover .imageeditdiv img
    {
        visibility: visible;
    }   
    
    @media screen and (min-width: 9900px)
    {
        #topDiv
        {
            width: 200px;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }
        
        #logoAndNameDiv
        {
            width: 100%;
        }
        
        #topImage
        {
            width: 100%;
        }
        
        #topNameDiv
        {
            width: 100%;
            margin-top: 20px;           
        }
        
        #topNameDiv h1
        {
            width: 100%;
            overflow: initial;
            text-overflow: initial;
            white-space: normal;
        }
        
        #topNameDiv h2
        {
            width: 100%;
            overflow: initial;
            text-overflow: initial;
            white-space: normal;
        }       
        
        #buttonContainerDiv
        {
            width: 100%;
            margin-top: 20px;
        }
        
        #followDivTop
        {
            width: 100%;
            width: calc(100% - 15px);
            width: -webkit-calc(100% - 15px);
        }
        
        #buttonFollow
        {
            width: 100%;
        }
        
        #buttonContact
        {
            display: none;
        }
        
        #biographyDiv
        {
            display: none;
        }
        
        #contactLinksDiv
        {
            order: 3;
            -webkit-order: 3;
            display: inline-block;
            width: 100%;
            padding-top: 20px;
            margin-top: 20px;
            text-align: left;
            border-top: 1px solid #CCCCCC;
        }
        
        #biographyDivFullText
        {
            order: 4;
            -webkit-order: 4;
            display: inline-block;
            width: 100%;
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid #CCCCCC;
        }
        
        #editProfileDiv     
        {
            order: 5;
            -webkit-order: 5;       
            width: 100%;
            margin-top: 20px;       
        }
        
        #memberDetailsDiv
        {
            order: 2;
            -webkit-order: 2;       
            width: 100%;
            margin: 0px;
            margin-top: 20px;
        }
        
        #memberStatsDiv
        {
            padding-top: 15px;
            margin-top: 20px;
            border-top: 1px solid #CCCCCC;
        }
        
        #tabAndContentContainerDiv
        {
            box-sizing: border-box;
            width: 100%;
            width: calc(100% - 240px);
            width: -webkit-calc(100% - 240px);
        }
        
        #tabDiv
        {
            float: left;
        }
        
        #contentContainerDiv
        {
            float: left;
        }
    }
    
    
    @media screen and (max-width: 1000px)
    {       
        .artworkgallerydiv, .artworkgallerydiv:nth-child(n)
        {
            width: 30%;
            padding-left: 2.50%;
            padding-right: 2.50%;
        }
        
        .artworkgallerydiv:nth-child(3n + 1)
        {
            padding-left: 0%;
        }
        
        .artworkgallerydiv:nth-child(3n + 3)
        {
            padding-right: 0%;
        }       
        
    }

    @media screen and (max-width: 760px)
    {
        #topDiv
        {
            padding-bottom: 0px;
            justify-content: center;
            -webkit-justify-content: center;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;            
        }
        
        #logoAndNameDiv
        {
            width: 100%;
            margin-right: 0px;
            text-align: center;
        }
        
        #profileShopHeaderDiv
        {
            width: 90%;
        }
        
        #biographyDiv       
        {       
            display: none;
            margin-top: 30px;
            margin-bottom: 20px;
        }       
        
        #topThreeLinesDiv
        {
            display: inline-block;
            margin-left: 10px;
        }       
        
        #memberDetailsDiv
        {           
            display: none;
            vertical-align: top;
            margin-left: 0px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        
        #tabDiv
        {
            display: none;
        }
        
        #contentContainerDiv
        {
            margin-top: 20px;           
            border-top: 1px solid #999999;
        }
        
        #tabSelectDiv
        {
            display: inline-block;
        }

        .artworkdiv
        {
            width: 33%;
        }
        
        .artworkimage
        {
            width: 85%; 
        }
        
        .profiletitlebar
        {

        }

        .countdiv
        {
            display: none;
        }
        
        .pagelistdiv
        {
            float: none;
            display: inline-block;
        }       
                
    }
    
    @media screen and (max-width: 640px)
    {
        #profileContainerDiv
        {
            padding-top: 0px;
        }       
        
        #profileShopHeaderDiv, #logoAndNameDiv
        {
            text-align: center;
        }
        
        #profileShopHeaderDiv #topImage, #logoAndNameDiv #topImage
        {
            width: 100%;
            max-width: 80px;
            margin: auto;
        }
        
        #profileShopHeaderH1AndTextContainerDiv, #topNameDiv
        {
            width: 100%;
            max-width: 100%;
            margin-top: 20px;
            text-align: center;
        }
        
        #profileShopHeaderH1AndTextContainerDiv h1, #profileShopHeaderH1AndTextContainerDiv h2, #topNameDiv h1, #topNameDiv h2
        {
            width: 100%;
            max-width: 100%;
            text-align: center;
        }
    
        #profileShopHeaderH1AndTextContainerDiv h1, #topNameDiv h1
        {
            font-size: 16pt;
        }
    
        .artworkdiv
        {
            width: 85%;
        }
        
        .artworkimage
        {
            width: 100%;    
        }   
        
        .pressreleaseimagediv
        {
            width: 30%;
        }

        .pressreleaseimagediv a.button
        {
            background-image: none;
            padding: 0px;
        }
        
        .pressreleaseimagediv a.button span
        {
            background-image: none;
            padding: 0px;
            text-decoration: underline;
        }
        
        .pressreleasesummarydiv
        {
            width: 70%;
            width: -webkit-calc(70% - 25px);
            width: -moz-calc(70% - 25px);               
            width: calc(70% - 25px);
        }       
    
        .pressreleasesummarydiv > p:nth-child(1)
        {
            font-size: 12pt;
        }

        .pressreleasesummarydiv > p:nth-child(2)
        {   
            font: 8pt arial;
        }
        
        .pressreleasesummarydiv > p:nth-child(3)
        {   
            font: 9pt arial;
        }
        
        .blogtitlediv
        {
            width: 30%;
        }
        
        .blogexcerptdiv
        {
            width: 70%;
            width: -webkit-calc(70% - 25px);
            width: -moz-calc(70% - 25px);               
            width: calc(70% - 25px);
            font: 9pt arial;    
        }       
        
        .blogtitlediv a.button
        {
            background-image: none;
            padding: 0px;
        }
        
        .blogtitlediv a.button span
        {
            background-image: none;
            padding: 0px;
            text-decoration: underline;
        }

        .profiletitlebarleftdiv
        {
            float: none;
            display: inline-block;
            clear: both;
            padding-left: 10px;
            padding-right: 10px;            
        }   
        
        .profiletitlebarrightdiv
        {
            float: none;
            display: inline-block;
            clear: both;
            padding-left: 10px;
            padding-right: 10px;
        }       
        
        .artworkgallerydiv
        {
            display: inline-block;
            width: 30%;
            padding-left: 1.25%;
            padding-right: 1.25%;
            padding-bottom: 50px;
            vertical-align: top;
            line-height: 100%;
            text-align: center;
        }
        
        .artworkgallerydiv:nth-child(3n + 1)
        {
            padding-left: 0%;
        }
        
        .artworkgallerydiv:nth-child(3n + 3)
        {
            padding-right: 0%;
        }           
        
    }