
/* --------------------------------------------------------------
	TABLE DE CONTENTS
-----------------------------------------------------------------

BODY

+ Layout:								#layout
	+ Wrapper:							#wrapper
		+ Content						#content
			- Main						#main
			- Sidebar					#sidebar
			* 
			* 
			- Shortcuts:				#shortcuts
			- Company:					#company
		+ Menu:							#menu
		+ Content						#content
			- Main						#main
			- Panel						#panel
	- Footer:						#footer
	- Copyright						#copyright

-------------------------------------------------------------- */

	body{
		background:						#ececed;
	}
	
	div#layout{
		margin:							0 auto 0 auto;
	}
	
	div#wrapper{
		margin:							0 auto 0 auto;
		width:							960px;
		border-left:					#e7e7e8 solid 1px;
		border-right:					#e7e7e8 solid 1px;
		background:						#fff;
	}
	
	div#content{
		background:						url(../images/backgrounds/content-home.png) repeat-y 0 0;
		border-bottom:					solid 10px #fff;
	}
	
	div#main{
		float:							left;
		width:							416px; /* 428px */
	}
	
	div#outsource{
		padding-top:					38px;
		min-height:						110px;
		_height:						110px;
		background:						#ff9900;
	}
	
	div#offices{
		padding:						4px 15px 2px 15px;
		background:						#ff8800;
		min-height:						16px;
		text-align:						center;
	}
	
	div#contact{
		margin-top:						20px;
		padding-left:					36px;
		padding-right:					22px;
	}
	
	div#news{
		margin-top:						20px;
	}
	
	div#clients{
		margin-top:						20px;
	}
	
	div#sidebar{
		float:							right;
		width:							532px;
	}
	
	div#shortcuts{
		min-height:						25px;
		_height:						25px;
		padding-top:					20px;
		padding-bottom:					5px;
		background:						#fff;
	}
	
	div#header{
		background:						url(../images/backgrounds/header-sidebar.png) repeat-y 0 0;
		position:						relative;
	}
	
	div#menu{
		margin-left:					254px;
		margin-right:					12px;
	}
	
	div#services{
		padding:						5px 40px 10px 25px;
	}
	
	div#footer{
		background:						url(../images/backgrounds/footer.png) no-repeat bottom right #333436;
		padding:						16px 38px 18px 30px;
		min-height:						86px;
		_height:						86px;
		color:							#f2f2f2;
	}
	
	div#copyright{
		padding:						80px 10px 10px 10px;
		text-align:						center;
		color:							#000;
		margin:							0 auto 0 auto;
		width:							940px;
	}
	
	div#indextrack{
		margin:							0 auto 0 auto;
		width:							940px;
		padding:						20px 10px 10px 10px;
		text-align:						center;
	}


/* --------------------------------------------------------------
	-- SPECIAL FEATURES
---------------------------------------------------------------- */
	
	div#outsource div.float-left{
		width:							148px;
		text-align:						right;
	}
	
	div#outsource div.float-right{
		width:							264px;
	}
	
	div#outsource h1{
		padding-left:					5px;
		padding-top:					5px;
	}
	
	div#outsource h2{}
	
	div#offices,
	div#offices *{
		color:							#ffff00;
		font-size:						11px;
		letter-spacing:					1px;
	}
	
	div#clients div.panel{
		padding-top:					10px;
	}
	
	div#clients td.picture{
		vertical-align:					middle;
		text-align:						center;
		padding:						0 10px 10px 10px;
	}
	
	div#shortcuts div.float-left{
		width:							435px;
		text-align:						left;
		padding-left:					5px;
	}
	
	div#shortcuts div.float-right{
		width:							80px;
	}
	
	div#header div.header-inner{
		background:						url(../images/backgrounds/header-sidebar_inner.png) no-repeat 0 0;
		padding-bottom:					10px;
		padding-top:					78px;
		min-height:						130px;
		_height:						130px;
	}
	
	div#header span.header-icon{
		background:						url(../images/backgrounds/header-sidebar_icon.png) no-repeat 0 0;
		position:						absolute;
		display:						block;
		height:							98px;
		width:							102px;
		bottom:							0;
		_bottom:						524px;
		left:							139px;
	}
	
	div#menu h2 a{
		color:							#fff;
		background:						url(../images/backgrounds/icon-item.png) no-repeat 1px 3px;
		padding-left:					10px;
	}
	
	div#menu div.separator{
		background:						url(../images/backgrounds/separator-menu.png) repeat-x center center;
		height:							10px;
	}
	
	div#footer a{
		color:							#f2f2f2;
	}
	
	div#footer div.separator{
		background:						url(../images/backgrounds/separator-footer.png) repeat-x center center;
		height:							25px;
	}
	
	div#copyright a{
		color:							#000;
		font-size:						9px;
		text-decoration:				none;
	}

	div#copyright a:hover{
		text-decoration:				underline;
	}
	
	div#indextrack a{
		color:							#000;
		font-size:						9px;
	}
