@import "Layout.css";
@import "Typography.css";
@import "Navigation.css";
@import "../Components/Map.css";

html
{
    background: url(../../Images/Shared/Bg.png) center top no-repeat #2F2D3E;
    padding: 15px 0;
}

body
{
	font: normal normal normal 62.5% Tahoma, Arial, Helvetica, sans-serif;	
}

#fade
{
    background: url(../../Images/Shared/BgFade.jpg) repeat-x;
    width: 100%;
    height: 85px;
}

.container_12
{
    background-color: White;    
}

h2.icon
{
    padding-left: 25px;
    background: url(../../Images/Shared/HeaderIcon.png) left center no-repeat;
}

.sections
{
    background: url(../../Images/Shared/BackgroundFlakes.png) repeat-y;
    min-height: 519px;
}
    .sections .section
    {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #FCF2C6;
    }

    .sections .last
    {
        border: none;
    }

div#header
{
    background: url(../../Images/Shared/BgHeader.png) right top no-repeat #3A145F;
    height: 1%;
    overflow: hidden;
    margin-bottom: 15px;
}
    
.logo
{
    display: block;
    margin: 15px 0;
}

div#contact
{    
    padding: 15px;    
    margin-top: 15px;
}

    div#contact ul li
    {
       padding: 0 0 10px 22px;
       background-position: left top;
       background-repeat: no-repeat;
       font-size: 12px;
       color: White;
    }
    
        div#contact ul li#phone
        {
            background-image: url(../../Images/Icons/Phone.png);
        }
        
        div#contact ul li#email
        {
            background-image: url(../../Images/Icons/Email.png);
        }

        div#contact ul li.open
        {
            background-image: url(../../Images/Icons/Open.png);
        }
        
        div#contact ul li#cards
        {
            background-image: url(../../Images/Icons/Accept.png);
        }
        
        div#contact ul li img
        {
            padding: 0 4px;
        }        

#mapContainer
{
    position: relative;
}
 
#map
{
    width: 300px;
    height: 300px;
    margin: 15px 0;
}
       
#footer
{
    background: url(../../Images/Shared/BgFooter.png) left bottom no-repeat;    
}

#footerAddress
{
    color: #BFD4C5;
    background-color: #2F2D3E;
    text-align: center;    
}

.reverse { unicode-bidi: bidi-override; direction:rtl; text-align: left; text-indent: -20px; }