/* -------------------------------------------------------------- 
    GENERAL LAYOUT (Used for master templates)
-------------------------------------------------------------- */
body       { background:url('../../images/FrieslandBank.Portal.Branding/bg/body-bg.png') repeat-x;}
#container { width:930px; margin:0 auto; padding-bottom:10px; overflow:auto; background:url('../../images/FrieslandBank.Portal.Branding/bg/container-bg.png') repeat-y left; }

/* Inner grid */
.column { float:left; margin-right:10px; }
.span-1 { width:220px; }
.span-2 { width:450px; }
.span-3 { width:680px; }
.span-4 { width:910px; margin:0; }
div.last   { margin-right:0; } /* Used for columns and other elements to strip right margin. "div" provides more weight */
.column.wide {margin-right:0; width:230px;}

/* body bg is copied to header to overwrite #container bg-color */
#header { height:108px; background:url('../../images/FrieslandBank.Portal.Branding/bg/body-bg.png') repeat-x; }
  #main-nav   { position:relative; float:left; width:695px; margin-right:5px; }
  #search-div  { float:left; width:20px; }
.form #header { height: 80px; }

#footer { width:920px; height:30px; margin:0 auto 10px; }


/* Master 1 - Right column (default) */
#main   { float:left; width:681px; margin:0 5px 0 10px; padding-right:5px;}
#aside  { float:left; width:220px; margin-right:0; }

/* Master 2 - Full body */
body.full #container { background:#fff; }
body.full #main { width:890px; margin-right:0; padding:0; } /* overrides some #main values */
body.full #footer { background-color:#fff; }