#PortfolioMenu
{
    display:block;
    float:left;
    width:160px;
    height:365px;
    font-size:11px;
    font-family:Verdana;
    font-weight:bold;
} 
    #PortfolioMenu ul
    {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    #PortfolioMenu ul li
    {
        width:85px;
        background-image:url(../images/PortfolioMenuArrow.gif);
        background-position:left center;
        background-repeat:no-repeat;
        padding-left:10px;
        margin-top:22px;
    } 
    
    #PortfolioMenu ul li a.PortfolioMenuHove
    {
       background-color:#cccccc;
       color:White;
    }  
    
    #PortfolioMenu ul li a.PortfolioMenuSelected
    {
       background-color:#cccccc;
       color:White;
    }  

    #PortfolioMenu ul li a
    {
        width:95px;
        display:block;
        line-height:26px;
        padding-left:10px;
        background-color:white;
        color:inherit;
        text-decoration:none;
        border-left:1px solid white;
    }
    
        #PortfolioMenu ul li.Flow, .Flow
        {
            background-color:#0ca1f1;
            color:#0ca1f1;
            margin-top:0px;
        }
        
        .LifeForms
        {
            background-color:#996699;
            color:#996699;
        }
        .Nature
        {
            background-color:#99cc33;
            color:#99cc33;
        }
        .Twilight
        {
            background-color:#006699;
            color:#006699;
        }
        .Particles
        {
            background-color:#cc0033;
            color:#cc0033;
        }
        .Landscape
        {
            background-color:#cc8a00;
            color:#cc8a00;
        }
        .Figures
        {
            background-color:#ff9900;
            color:#ff9900;
        }
        .TimeLine
        {
            background-color:#006633;
            color:#006633;
        }
        
   
#Image
{
    display:block;
    height:365px;
    width:490px;
    margin-left:183px;
}

    #Image img
    {
        position:absolute;
    }

#FavoritesContainer
{
    display:block;
    height:365px;
    width:650px;
    margin-left:160px;
    
}

#ContactContainer
{
    display:block;
    height:365px;
    width:650px;
    margin-left:160px;
    font-family:Verdana;
    font-size:11px;
    color:#797979;
}
    #ContactContainer h2
    {
        font-weight:bold;
        font-size:11px;
        padding:0px;
        margin:0px;
    }

#Toolbox
{
    display:block;
    float:right;
    width:175px;
    height:76px;
    margin-top:289px;
    color:#a3a3a3; 
    font-size:10px;
   
}
    #Toolbox img
    {
        cursor:pointer;
        vertical-align:middle;
        border:none;
    }
    
    #Toolbox h3,  #Toolbox p
    {
        padding:0px;
        margin:0px;
        font-family:Verdana;
        font-size:11px;
        font-weight:normal; 
    }
    #Toolbox h3
    {       
        font-weight:bold;
        margin-top:10px;
    }

#ImageMenu
{
    margin-top:50px;
    width:854px;
    height:39px;
    background-color:#cccccc;
}
    #ImageMenu h1
    {
        width:170px;
        margin:0px;
        margin-right:20px;
        padding:0px 0px 0px 13px;
        
        float:left;
        clear:left;
        display:block;
        
        line-height:39px;
        font-size:26px;
        color:White;
        font-weight:normal;
        border-right:1px solid white;  
    }
    #ImageMenu .LinksCollection
    {
        display:block;
        line-height:39px;        
        margin:0px;
        padding:0px;
             
    }
    #ImageMenu .LinksCollection div
    {
       float:left;
       width:20px;
       text-align:center;
       background-image:url(../images/NumberingHole.png);
       background-repeat:no-repeat;
       background-color:white;
       margin:0px 3px;
       font-size:11px;
       padding-top:0px;
       cursor:pointer;
    }
    
    #ImageMenu h1.FavoriteBG
    {
        background-color:#9e005d;
    }
    
    #ImageMenu h1.ContactBG
    {
        background-color:#5574b9;
    }
    
        #ImageMenu .TimeLineContainer
        {
            display:block;      
            margin:-40px 0px 0px 190px;
            padding:0px;
            float:left;
        }

            #ImageMenu .TimeLineContainer ul
            {
                list-style-type:none;
                padding:0px;
                margin:15px 0px 0px 0px;
                width:500px;
            }
            
            #ImageMenu .TimeLineContainer ul li
            {
                height:20px;
                width:39px;
                margin:0px 10px;
                
                display:block;
                float:left;
                
                text-align:center;
                line-height:10px;
                font-size:10px;
                
            }
            
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove
            {
                background-color:#006633;
                color:white;
            }
            
            #ImageMenu .TimeLineContainer ul li a,
            #ImageMenu .TimeLineContainer ul li a:link,
            #ImageMenu .TimeLineContainer ul li a:visited,
            #ImageMenu .TimeLineContainer ul li a:focus,
            #ImageMenu .TimeLineContainer ul li a:hover,
            #ImageMenu .TimeLineContainer ul li a:active
            {
                padding-top:5px;
                
                display:block;
                
                font-size:12px;
                text-decoration:none;
                text-align:center;
                color:#006633;
            }
            
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a,
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a:link,
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a:visited,
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a:focus,
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a:hover,
            #ImageMenu .TimeLineContainer ul li.TimlineMenuHove a:active
            {
                color:white;
            }
    
#ErrorMessage
{
    Width:450px;
    height:60px;
    background-color:#ebebeb;    
    font-size:12px;
    font-family:Tahoma;
    background-repeat:no-repeat;
    background-position:5px center; 
    position:absolute;
    left:50%;
    margin-top:220px;
    margin-left:-225px;  
    z-index:250;
}


    #ErrorMessage p
    {
        margin-left:60px;
        margin-top:15px;
    }


    #ErrorMessage.Message
    {
        background-image:url(../images/Message.gif);
        border:1px solid #9f005d;
        color:#9f005d;
    }


    #ErrorMessage.Error
    {
        background-image:url(../images/Error.gif);
        border:1px solid #c60534;
        color:#c60534;
    }


    #ErrorMessage.Success
    {
        background-image:url(../images/Success.gif);
        border:1px solid #006532;
        color:#006532;
    }
    
    #ErrorMessage.FavoritesMessage
    {
        background-image:url(../images/icon_favoritesFolder3.gif);
        border:1px solid #af2376;
        color:#af2376;
    }
    #ErrorMessage.FavoritesMessage p
    {
         margin-top:23px;
    }

#EnlargModal
{
    display:none;
}

    #ModalForground
    {
        position:absolute;
        z-index:101;
        width:100%;
        padding-top:100px;
        text-align:center;
    }
    
     #ModalForground img
    {
        cursor:pointer;
        border:1px solid #898989;
        background-color:#f6f6f6;
        padding:9px;
        padding-top:30px;
        background-image:url(../images/closepopup.gif);
        background-position:right top;
        background-repeat:no-repeat;
        
    }
    #ModalBackground
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
    }
    
   
#DataList1 td,    
#DataList1 td img,
#DataList1 td div,
.DataList1 td,    
.DataList1 td img
{
    width:125px;
    vertical-align:top;
    font-size:12px;
    margin:0px;
    padding:0px;
   
}
#DataList1 input
{
    padding:0px;
    margin:3px 3px 0px 0px;
}

.btnWraper
{
    background-image:url(../images/FavoritesButtonBackground.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:10px;
    display:block;
    float:left;
    margin:0px 4px;
    
}

.btnWraped
{
    background-image:url(../images/FavoritesButtonBackground.gif);
    background-repeat:no-repeat;
    background-position:right center;
    background-color:Transparent;
    
    padding-right:10px;
    
    font-family:Verdana;
    font-size:11px;
    font-weight:normal;
    color:White;
    line-height:39px;
    text-decoration:none;
    
    display:block;
    cursor:pointer;
    
}

#PopupDetails
{
    position:absolute;
    border:1px solid black;
    background-color:White;
    z-index:150;
    font-size:12px;
}

    #PopupDetails h2
    {
        background-color:#9e005d;
        color:White;
        margin:0px;
        padding-left:10px;
        font-size:16px;
        font-weight:normal;
    }
    
    #PopupDetails p
    {
        padding-left:10px;
        margin:0px;
    }
    
.btnNext, .btnPrev
{
    height:27px;
    font-size:12px; 
    border:none;
    cursor:pointer;
} 

   
.btnNext
{
    background:transparent url(../images/btnNext.gif) no-repeat center left;
    width:70px;
    padding-bottom:3px;
    text-align:right;    
}

.btnPrev
{
    background:transparent url(../images/btnPrev.gif) no-repeat center right;
    width:90px;
    padding-bottom:3px;
    text-align:left;
}

.ShortNav .btnNext,
.ShortNav .btnPrev
{
    width:27px;
}

#MailTo
{
    Width:298px;
    height:300px;
    margin-top:60px;
    margin-left:-149px; 
    
    background-color:#ffffff;  
    background-repeat:no-repeat;
    background-position:5px center; 
    
    border:1px solid #4c4c4c;
    
    font-size:12px;
    font-family:Tahoma;   
    
    position:absolute;
    left:50%;     
    z-index:260;
    
}
    #MailTo img
    {
        vertical-align:middle;
        float:right;
        cursor:pointer;
        
    }
    #MailTo h2
    {
        font-size:18px;
        font-weight:normal;        
        color:White;
        text-align:left;
        
        background-color:#9e005d;        
        
        display:block;
        
        width:260px;
        height:27px;
        padding:0px 0px 0px 7px;
        margin:0px;
    }
    #MailTo input,
    #MailTo textarea
    {
        border:1px solid #a7a7a7;
        width:279px;
        margin-left:7px;
        line-height:16px;
        resize: none; /* disable safari textarea size grip */
    }
     #MailTo label
    {
        clear:left;
        display:block;
        text-align:left;
        margin-top:18px;
        padding-left:7px;
    }
    
    #MailTo .EmailCancelation
    {
        margin-left:173px;
    }