html, body
{
    height:             100%;
}

html
{
    overflow-y:         scroll;
}

body
{
    background:         #E7683A;
    color:              #FFFFFF;
    font-family:        arial;
    font-weight:        bold;
    font-size:          16px;
    margin:             0;
    padding:            0;
    text-align:         center;
    width:              100%;
}

.send
{
    cursor:             pointer;
    height:             45px;
    width:              112px;
    background-image:   url(../images/send.gif);
    background-color:   Transparent;
    border:             0px solid Black;
    font-family:        arial;
    color:              #ffffff;
    font-size:          10px;
    font-weight:        inherit;
}
a
{
    text-decoration:    none;
    font-weight:        normal;
    color:              #A9A9A9;
}
a:hover
{
    text-decoration:    underline;
    color:              #A9A9A9;
}

.mfp-bg
{
    background-color:   #E7683A !important;
}

/* Top - Start*/

#divTop
{
    background-repeat:  no-repeat;
    height:             30px;
    float:              left;
    margin:             0;
    padding-top:        15px;
    width:              100vw;
    background-color:   #b42c2c;
    border-bottom:      4px solid #912116;
}

#lnkLogo
{
    display:            none;
}

#lnkHome,#lnkContact,#lnkAbout,#lnkPortfolio,#lnkHeb,#lnkEng
{
    font-weight:        bold;
}

/* Top - End */

#divMainContent
{
    min-height:         100%;
    position:           relative;
}

#divViewContent
{
    margin:             0;
    padding-top:        60px;
}

#divBottom
{
    bottom:             0px;
    right:              0px;
    position:           absolute;
    width:              100vw;
    height:             45px;
    background-color:   #b42c2c;
    border-top:         4px solid #912116;
}

#divFooter
{
    direction:          rtl;
    text-align:         right;
    padding:            15px;
    position:           absolute;
    bottom:             0px;
    right:              0px;
}

.smallscreen
{
    display: inline;
}

.hidesmall
{
    display: none;
}

@media only screen and (min-width: 1024px)
{
    .smallscreen
    {
        display: none;
    }

    .hidesmall
    {
        display: inline-block;
    }

    #divTop
    {
        width:              1005px;
        height:             160px;
        padding-top:        0;
        background-color:   transparent;
        border-bottom:      none;
    }

    #divTop[lang=he]
    {
        background-image:   url(../images/top1.gif);
    }

    #divTop[lang=en]
    {
        background-image:   url(../images/top2.gif);
    }

    #lnkLogo
    {
        display:    inherit;
        position:   absolute;
        float:      right;
        right:      15px;
        text-align: right;
        top:        50px;
    }

    #lnkContact
    {
        color:              transparent;
        height:             52px;
        left:               30px;
        position:           absolute;
        top:                30px;
        width:              138px;
    }

    #lnkPortfolio
    {
        color:              transparent;
        height:             52px;
        left:               190px;
        position:           absolute;
        top:                50px;
        width:              128px;
    }

    #lnkAbout
    {
        color:              transparent;
        height:             44px;
        left:               345px;
        position:           absolute;
        top:                4px;
        width:              128px;
    }

    #lnkHeb
    {
        color:              transparent;
        height:             25px;
        left:               4px;
        position:           absolute;
        top:                119px;
        width:              25px;
    }

    #lnkEng
    {
        color:              transparent;
        height:             25px;
        left:               33px;
        position:           absolute;
        top:                112px;
        width:              25px;
    }

    #divViewContent
    {
        padding-top:        160px;
    }

    #imageContainer
    {
        width:          1005px !important;
        height:         600px !important;
    }

    #imageContainer a
    {
	    left:           180px !important;
    }

    #imageContainer a img
    {
        /* height:     212px;
        width:      314px; */
        height:         480px !important;
        width:          640px !important;
    }

    #clearBottom
    {
        clear:              both;
        padding-bottom:     160px;
    }

    #divBottom
    {
        width:              1005px;
        height:             160px;
        background-image:   url(../images/bottom.gif);
        background-color:   transparent;
        border-top:         none;
    }
}

/* Portfolio - Start */

#divImages
{
    padding: 8px;
    max-width: 800px;
    margin: 0 auto;
}
.clsImage
{
    width:          230px;
    height:         165px;
    margin:         14px;
    display:        inline-block;
    position:       relative;
}
.clsImage .clsBorder
{
    position:       absolute;
    right:          0;
    top:            0;
    display:        inline;
}
.clsImage img
{
    border:         0;
    cursor:         pointer;
    width:          230px;
}
.clsImage .clsThumb
{
    width:          205px;
    height:         155px;
    padding-top:    5px;
    padding-right:  5px;
}

/* Portfolio - End */

/* Image slideshow */
#imageContainer
{
    text-align:     center;
    background:     #B42C2C url(../images/BackImg.jpg) no-repeat center top;
    width:          calc(100% - 6px);
    height:         400px;
    margin:         0 auto;
    border:         solid 3px #B42C2C;
    position:       relative;
}

#imageContainer a img
{
	/* height:     212px;
	width:      314px; */
	width:          100%;
}

#imageContainer a
{
    display:    none;
	margin:     64px 0;
	top:        0;
    left:       0;
	/* left:       343px; */
	position:   absolute;
	opacity:    -0.01;
}