/* CSS Document */

body { 
	margin:0;
}

#layout {
  width:1000px;
	margin:0 auto;
  position:relative; 
}

.container { position:relative; }

.cleaner {
	clear:both;
	overflow:hidden;
	height:0;
}

/*Header*/
.header {
	width: 100%;
	position: relative;
  clear:both;
  z-index:2;
}
  
	.header .container {
	  padding:0px 8em 30px 12.5em;
    margin:15px 20px 0 20px;
		zoom:1;
	}
      
    .header .logo { 
      font-size: 0.85em;
      font-weight:bold;
      position:absolute;
      left:0;
    }
    
    .header .navigation { padding-top:16px; z-index:9999; }

/*Content*/
.content { 
  width: 100%; 
  position:relative; 
  clear: both;
}

	.content .main,
  .content .components { position:relative; width:100%; }
	  
    .components {
      overflow:hidden;
      background: #eff2f1 url(../idximages/elements/components-block-bg.png) left bottom repeat-x;
      border-bottom:solid 1px #aeb2b2;
      padding: 15px 0;
      position:relative;
      z-index:1;
      margin-top:-1px;
     }
    
	  .main .container { padding:25px 20px; }

/*Footer*/
.footer { 
	clear:both;
	width:100%;
  position:relative;
  background:url(../idximages/elements/separator-dashed.gif) 0 0 repeat-x;
}
  
	.footer .container { 
    padding:15px 8em 15px 13em;
    margin:0 20px;
    zoom:1; 
  }
  
    .footer .contact {
        position:absolute;
        left:0;
        top:15px;
      }
      
    .footer .copyright { 
      position:absolute;
      right:0;
      top:15px;
    }
    
    .twitter {
      margin-left:18px;
    }