﻿body 
{
    margin: 0;
    padding: 0;
    font-family: Arial;
}

* 
{
    zoom: 1;
}

div.Container 
{
    width: 770px;
    margin: auto;
    direction: rtl;
}

div.Header 
{
}

/* Logo */

div.Logo 
{
    float: left;
    width: 196px;
    height: 74px;
    background: url(Images/logo.jpg) no-repeat;
}

div.Logo a 
{
    display: block;
    height: 100%;
}

/* Logistic-Buttons */

div.Logistic-Buttons 
{
    direction: rtl;
}

div.Logistic-Buttons ul 
{
    list-style-type: none;
    margin: 0;
    padding: 10px 10px 0 0;
}

div.Logistic-Buttons ul li 
{
    float: right;
    color: #4d4d4d;
    font-size: 12px;
    text-align: center;
}

div.Logistic-Buttons ul a 
{
    color: #4d4d4d;
    text-decoration: none; 
    display: block;
    clear: both;
    padding-top: 10px;
}

div.Logistic-Buttons a.Homepage 
{
    background: url(Images/ico-homepage.jpg) no-repeat center top;
}

div.Logistic-Buttons a.Contact-Us 
{
    background: url(Images/ico-email.jpg) no-repeat center top;
}

div.Logistic-Buttons a.About-Us 
{
    background: url(Images/ico-glass.jpg) no-repeat center top;
}

div.Logistic-Buttons li.Splitter 
{
    padding-top: 10px;
    margin: 0 5px;
}

div.Menu 
{
    clear: both;
}

div.Shadow 
{
    height: 25px;
    background: url(Images/menu-shadow-top-background.jpg) repeat-x;
}

div.Shadow .Left 
{
    float: left;
    width: 197px;
    height: 25px;
    background: url(Images/top-shadow-left.jpg) no-repeat;
}

div.Shadow .Right 
{
    float: right;
    width: 197px;
    height: 25px;
    background: url(Images/top-shadow-right.jpg) no-repeat;
}

div.Main-Menu 
{
    height: 33px;
    background: url(Images/menu-background.jpg) repeat-x;
}

div.Main-Menu div.Left-Corner 
{
    float: left;
    width: 15px;
    height: 33px;
    background: url(Images/menu-left-corner.jpg) no-repeat bottom;
}

div.Main-Menu div.Right-Corner 
{
    float: right;
    width: 15px;
    height: 33px;
    background: url(Images/menu-right-corner.jpg) no-repeat bottom;
}

div.Main-Menu ul 
{
    margin: 0;
    padding: 7px 0 0 0;
    list-style-type: none;
    font: bold 14px Arial;
}

div.Main-Menu ul li 
{
    float: right;
}

div.Main-Menu li.Splitter 
{
    width: 2px;
    height: 24px;
    background: url(Images/menu-splitter.jpg) no-repeat;
}

li.Dock 
{
    position: relative;
    top: -6px;
    height: 24px;
}

li.Dock a
{
    padding-top: 6px !important;
    height: 100% !important;
    background: url(Images/menu-hover-background.jpg) no-repeat !important;
}

li.Dock-Splitter 
{
    position: relative;
    top: -6px;
    height: 30px;
    width: 9px;
    background: url(Images/menu-hover-right.jpg) no-repeat !important;
}

div.Main-Menu ul a 
{
    display: block;
    background: url(Images/menu-item-background.jpg) no-repeat center center;
    height: 22px;
    color: White;
    text-decoration: none;
    padding: 2px 33px 0 33px;
}

div.Main-Menu ul a:hover 
{
    color: #e0e0e0;
}

div.Sub-Menu 
{
    position: absolute;
    width: 746px;
    height: 24px;
    margin: 0 12px;
    background: url(Images/sub-menu-background.jpg) repeat-x;
}

div.Sub-Menu ul 
{
    margin: 0;
    padding: 2px 10px 0 10px;
    list-style-type: none;
    font: bold 12px Arial;
    color: White;
}

div.Sub-Menu ul li 
{
    float: right;
    margin: 0 10px;
}

div.Sub-Menu a 
{
    color: White;
    text-decoration: none;
}

div.Sub-Menu a:hover
{
    text-decoration: underline;
}

div.Sub-Menu div.Left-Corner 
{
    float: left;
    width: 6px;
    height: 24px;
    background: url(Images/sub-menu-left-corner.jpg) no-repeat bottom;
}

div.Sub-Menu div.Right-Corner 
{
    float: right;
    width: 6px;
    height: 24px;
    background: url(Images/sub-menu-right-corner.jpg) no-repeat bottom;
}

div.Content 
{
    position: relative;
    clear: both;
    padding: 0 12px;
    top: 30px;
}

div.Right-Column 
{
    float: right;
    width: 191px;
}

div.Contact-Box 
{
    width: 191px;
    padding-top: 8px;
    margin-bottom: 20px;
}

div.Box-Header 
{
    height: 31px;
    background: url(Images/contact-top-background.jpg) repeat-y;
    border-bottom: 2px solid #e8eef6;
}

div.Box-Header h3 
{
    margin: 0;
    padding: 10px 10px 0 0;
    color: #003f8a;
    font: bold 14px Arial;
}

div.Box-Content
{
    position: relative;
    height: 118px;
    background: url(Images/contact-background.jpg) repeat-y;
}

div.Box-Content form 
{
    margin: 0;
    padding: 10px 5px;
}

div.Box-Content input.text
{
    float: right;
    width: 83px;
    //width: 82px;
    font-size: 10px;
    margin-left: 2px;
    margin-bottom: 2px;
    font-family: Arial;
    background: url(Images/input-background.jpg) repeat-x bottom;
}

div.Box-Content textarea
{
    font-size: 10px;
    width: 172px;
    height: 50px;
    font-family: Arial;
    background: url(Images/input-background.jpg) repeat-x bottom;
}

div.Box-Content .floatleft 
{
    float: right;
}

div.Box-Content button 
{
    position: absolute;
    bottom: -15px;
    width: 60px;
    height: 22px;
    border: 0;
    background: url(Images/send-button.jpg) no-repeat;
    color: #003f8a;
    font: bold 12px Arial;
    cursor: pointer;
    float: left;
    left: 8px;
}

div.wrapper 
{
    padding-top: 2px;
}

div.Box-Content label 
{
    color: #003f8a;
    font: bold 12px Arial;
    padding-top: 2px;
}

div.Box-Footer
{
    height: 32px;
    background: url(Images/contact-bottom-background.jpg) repeat-y;
}

div.Clients-Box
{
    margin-bottom: 30px;
}

div.Clients-Box ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
}

div.Clients-Box ul li 
{
    float: right;
}

div.Clients-Box h3 
{
    margin: 0;
    padding-bottom: 2px;
    color: #114c92;
    font: bold 14px Arial;
    border-bottom: 2px solid #e8eef6;
}

div.Clients-Box a.Small-Button 
{
    display: block;
    width: 81px;
    height: 16px;
    background: url(Images/small-button.jpg) no-repeat;
    color: #014492;
    text-decoration: none;
    font: 12px Arial;
    float: left;
    text-align: center;
}

div.Clients-Box img 
{
    width: 93px;
    height: 53px;
    border-right: 1px solid #e8eef6;
    border-bottom: 1px solid #e8eef6;
}

div.Services-Box 
{
    margin-bottom: 30px;
}


div.Services-Box ul 
{
    margin: 0;
    padding: 5px 0 15px 0;
    list-style-type: none;
}

div.Services-Box h3 
{
    margin: 0;
    padding-bottom: 2px;
    color: #114c92;
    font: bold 14px Arial;
    border-bottom: 2px solid #e8eef6;
}

div.Services-Box ul a 
{
    display: block;
    font: 12px Arial;
    color: #3c3c3c;
    text-decoration: none;
    background: url(Images/square-bullet.jpg) no-repeat 97% 10px;
    padding: 0 15px 0 0;
    line-height: 21px;
}

div.Services-Box li.Even 
{
    background: #edf2f8 url(Images/row-fade-background.jpg) no-repeat;
    
}

div.Services-Box ul a:hover
{
    color: #014492;
    text-decoration: none;
}

div.Services-Box a.Small-Button 
{
    display: block;
    width: 81px;
    height: 16px;
    background: url(Images/small-button.jpg) no-repeat;
    color: #014492;
    text-decoration: none;
    font: 12px Arial;
    float: left;
    text-align: center;
}

div.Left-Column 
{
    float: left;
    width: 549px;
}

div.Flash-Banner 
{
    width: 547px;
    height: 188px;
    background: url(Images/flash-banner.jpg) no-repeat;
}

div.Clear 
{
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0px;
    margin-bottom: 10px;
}

div.Small-Box 
{
    position: relative;
    width: 180px;
    float: right;
    text-align: center;
    height: 250px;
    background: url(Images/small-bottom-container.jpg) no-repeat bottom;
}

div.Right-Border 
{
    width: 1px;
    height: 141px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(Images/box-border.jpg) no-repeat;
}

div.Left-Border 
{
    width: 1px;
    height: 141px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(Images/box-border.jpg) no-repeat;
}

div.Small-Box div.Text 
{
    font: 12px Arial;
    text-align: right;
    color: #3c3c3c;
    margin: 0;
    padding: 5px 10px 10px 20px;
}

div.Small-Box div.Text ul li
{
    zoom: normal!important;
    vertical-align: middle;
}
    
div.Small-Box div.Text p 
{
    margin: 0;
}

div.Small-Box h3, div.Small-Box h2, div.Small-Box h1 
{
    margin: 0;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 5px;
    height: 21px;
    background: url(Images/small-box-top.jpg) no-repeat;
    font: bold 12px Arial;
    color: White;
    text-align: right;
}

div.Small-Box h3 a, div.Small-Box h2 a, div.Small-Box h1 a 
{
    color: White;
    text-decoration: none;
} 

div.Small-Box a.Button 
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-decoration: none;
    font: bold 12px Arial;
    background: url(Images/blue-button.jpg) no-repeat;
    width: 64px;
    height: 18px;
    color: White;
    padding-top: 3px;
}

div.Small-Box div.Text ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font: 11px Arial;
    color: #00448d;
}

div.Small-Box div.Text li 
{
    background: url(Images/errow-bullet.jpg) no-repeat 97%;
    padding-right: 12px;
}

div.Video 
{
    clear: both;
    padding: 0 8px 0 0;
}

div.Video img 
{
    display: block;
    width: 52px;
    height: 52px;
    float: right;
    padding: 1px;
    border: 1px solid #cad6e6;
}

div.Video div.Video-Description 
{
    text-align: right;
    width: 110px;
    float: right;
    font: 12px Arial;
    padding-right: 5px;
} 

div.Video-Description h4
{
    font: bold 12px Arial;
    color: #114c92;
    margin: 0;
    padding-bottom: 5px;
}

div.Video-Description h4 a 
{
    color: #114c92;
    font: bold 12px Arial;
}

div.Video-Splitter 
{
    clear: both;
    height: 1px;
    background: url(Images/hr.jpg) no-repeat center;
    padding: 8px 0;
}

div.Big-Box 
{
    position: relative;
    width: 360px;
    float: right;
    text-align: center;
    height: 250px;
    background: url(Images/big-bottom-container.jpg) no-repeat bottom;
}

div.Big-Box p 
{
    font: 12px Arial;
    text-align: right;
    color: #3c3c3c;
    margin: 0;
    padding: 5px 10px 10px 20px;
}

div.Big-Box h3 a, div.Big-Box h2 a, div.Big-Box h1 a 
{
    color: White;
    text-decoration: none;
}

div.Big-Box h3, div.Big-Box h2, div.Big-Box h1
{
    margin: 0;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 5px;
    height: 21px;
    background: url(Images/big-box-top.jpg) no-repeat;
    font: bold 12px Arial;
    color: White;
    text-align: right;
}

div.Big-Box a.Button 
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-decoration: none;
    font: bold 12px Arial;
    background: url(Images/blue-button.jpg) no-repeat;
    width: 64px;
    height: 18px;
    color: White;
    padding-top: 3px;
}

div.Big-Box ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    text-align: right;
    font: 12px Arial;
    color: #00448d;
}

div.Big-Box li a 
{
    display: block;
    font: 12px Arial;
    color: #3c3c3c;
    text-decoration: none;
    background: url(Images/errow-bullet.jpg) no-repeat 97% 10px;
    padding: 0 25px 0 0;
    line-height: 21px;
}

div.Big-Box li a:hover
{
    color: #014492;
    text-decoration: none;
}

div.Big-Box li.Even 
{
    background: #edf2f8 url(Images/row-fade-background.jpg) no-repeat;
    
}

div.Footer-Menu
{
    width: 770px;
    margin: 40px auto 3px;
    border-bottom: 2px solid #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 10px;
}

div.Footer-Menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 150px 0 0;
}

div.Footer-Menu li 
{
    float: right;
    font: 12px Arial;
    margin: 0 3px;
}

div.Footer-Menu li a 
{
    color: #3c3c3c;
    text-decoration: none;
}

div.Footer-Menu li a:hover
{
    color: #014492;
    text-decoration: none;
}

div.Footer
{
    width: 770px;
    margin: auto;
    position: relative;
    min-height: 60px;
    background: url(Images/footer-background.jpg) no-repeat;
}

div.Ouzon-Logo 
{
    position: absolute;
    top: 6px;
    left: 10px;
    width: 128px;
    height: 15px;
    background: url(Images/ouzon-logo.jpg) no-repeat;
    
}

div.Ouzon-Logo a 
{
    display: block;
    height: 100%;
}

div.Duran-Logo 
{
    position: absolute;
    top: 6px;
    right: 10px;
    width: 91px;
    height: 22px;
    background: url(Images/duran-footer-logo.jpg) no-repeat;
}

div.Copyright 
{
    font: 12px Arial;
    color: #3c3c3c;
    padding: 8px 150px;
    text-align: center;
    direction: rtl;
}

div .added
{

    text-align:left;
    font: 12px Arial;
    color: #3c3c3c;
    direction: rtl;

}

a img 
{
    border: 0;
}

a.Clients-Box 
{
    margin-top: 10px;
}
