﻿
#container 
{
    border: none 1px yellow;
    margin:0;
    padding:0;
}

#sizer 
{
    border: none 1px orange;
    width: 1000px;
    margin:0 auto;
    padding:0;
}

#header  
{
    position: relative;
    border: none 1px #000;
    background: #EAEAE1 url(forex-global-images/top-gradient.jpg) top right no-repeat;
    height: 152px;
}

#Search  
{
    border: none 1px #000;
    position: absolute;
    top: 10px;
    right: 10px;
}

#Logo  
{
    border: none 1px #000;
    position: absolute;
    top: 10px;
    left: 10px;
}

#MainMenu  
{
    border: none 1px #000;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: url(forex-global-images/menuSlice.png) repeat-x bottom;
}

#body  
{
    display: inline-block;
    width: 1000px;
    background-color: #EAEAE1;
    margin: 0;
    padding: 0;
}

#MainBanner  
{
    height: 243px;
    background: url(forex-global-images/world.jpg) no-repeat;
    clear: both;
}

#lefCol  
{
    border: none 1px #000;
    width: 220px;
    float: left;
    padding: 10px;
}

#midCol  
{
    border: none 1px #000;
    position:relative;
    padding: 10px;
    width: 495px;
    float: left;
}

#rigCol  
{
    border: none 1px #000;
    width: 220px;
    float: right;
    padding: 10px;
}

#singleCol  
{
    border: solid 1px #000;
    padding: 10px;
}

#footer  
{
    min-height: 150px;
    background: #D6D6D6 url(forex-global-images/bottom-gradient.jpg) top left no-repeat;
    padding: 0;
}

.cornerBox { position: relative; background: #cfcfcf; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background: url(forex-global-images/corners.gif) no-repeat; font-size: 0%; }

.cornerBoxSimple { position: relative; background: #fff; width: 100%; border: solid 1px #ccc; margin: 5px 0;}
.cornerSimple { position: absolute; width: 10px; height: 10px; background: url(forex-global-images/cornersSimple.gif) no-repeat; font-size: 0%; }

.cornerBoxInner { padding: 10px; }

.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.TLs { top: -1px; left: -1px; background-position: 0 0; }
.TRs { top: -1px; right: -1px; background-position: -10px 0; }
.BLs { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BRs { bottom: -1px; right: -1px; background-position: -10px -10px; }

