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

BODY

+ Layout:								#layout
	+ Wrapper:							#wrapper
		+ Header:						#header
			- Logo:						#logo
			- Search:					#search
			- GXE:						#gxe
		+ Menu:							#menu
		+ Content						#content
			- Main						#main
			- Sidebar					#sidebar
		- Footer:						#footer
		- Copyright						#copyright

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

	body{
		background:						url(../images/backgrounds/body.png) repeat-x 0 0 #e6f7ff;
	}
	
	div#layout{
		margin:							0 auto 0 auto;
		background:						url(../images/backgrounds/layout.png) no-repeat top center;
		padding-top:					14px;
	}
	
	div#wrapper{
		margin:							0 auto 0 auto;
		width:							972px;
		background:						url(../images/backgrounds/wrapper.png) repeat-y top center;
	}
	
	div#header{
		background:						url(../images/backgrounds/header.png) repeat-x bottom left #f2f2f2;
	}
	
	div#menu{
		background:						#007c8c;
		padding-top:					4px;
		padding-left:					10px;
		margin-bottom:					5px;
	}
	
	div#content{
		padding-bottom:					50px;
	}
	
	div#sidebar{
		background:						url(../images/backgrounds/home/sidebar.png) no-repeat 0 0;
		min-height:						455px; /* 505 */
		_height:						455px;
		padding-top:					50px;
		float:							right;
		width:							268px;
	}
	
	div#main{
		float:							left;
		width:							670px;
	}
	
	div#panel{
		background:						url(../images/backgrounds/panel.png) repeat-y 0 0;
	}
	
	div#footer{
		background:						url(../images/backgrounds/footer.png) repeat-x 0 0 #007c8c;
		padding:						15px 10px 18px 10px;
	}
	
	div#copyright{
		padding:						80px 10px 10px 10px;
		text-align:						center;
		color:							#000;
		margin:							0 auto 0 auto;
		width:							940px;
	}



/* --------------------------------------------------------------
	-- SPECIAL FEATURES
---------------------------------------------------------------- */

	div#layout div.layout-inner{
		background:						url(../images/backgrounds/layout-inner.png) no-repeat bottom center;
		padding-bottom:					15px;
	}
	
	div#wrapper div.wrapper-inner{
		margin:							0 auto 0 auto;
		width:							938px;
		padding-left:					17px; /* 6 + 11 */
		padding-right:					17px; /* 6 + 11 */
		background:						url(../images/backgrounds/wrapper-inner.png) no-repeat top center;
	}	

	div#header div.header-outer{
		background:						url(../images/backgrounds/home/header-outer.png) no-repeat bottom right;
	}
	
	div#header div.header-inner{
		min-height:						186px;
		_height:						186px;
		background:						url(../images/backgrounds/home/header-inner.png) no-repeat top left;
	}
	
		div#header div.header-inner div.float-left{
			width:						543px; /* 768 */
			padding-left:				215px;
			padding-right:				10px;
		}
		
		div#header div.header-inner div.float-left h1{
			text-shadow:					1px 1px 1px #aaa;
		}
		
		div#header div.header-inner div.float-left h2 *{
			display:					inline;
		}
		
		div#header div.header-inner div.float-right{
			width:						170px;
		}
		
	div#header a.contact{
		background:						url(../images/backgrounds/icon-contact.png) no-repeat 6px 5px #231f20;
		padding:						6px 6px 8px 38px;
		display:						block;
		float:							right;
		color:							#fff;
		text-decoration:				none;
		margin-right:					1px;
		margin-top:						1px;
	}
	
		div#header a.contact:hover{
			color:						#fcee21;
			background-color:			#007c8c;
		}
		
	div#menu h2{
		float:							left;
		font-weight:					normal;
		margin-left:					5px;
	}
	
		div#menu h2 a{
			text-decoration:			none;
			font-weight:				normal;
			display:					block;
			padding:					5px 9px;
		}
		
		div#menu h2 a:hover{
			text-decoration:			underline;
		}
		
		div#menu h2.selected{
			background:					#fff;
		}
		
		div#menu h2.selected a:hover{
			text-decoration:			none;
		}
	
	div#main div.banner{
		height:							207px;	
		width:							664px;	
		background-position:			center center;
		background-repeat:				no-repeat;
		background-color:				#f2f2f2;
	}
	
		div#main div.banner h2.absolute{
			width:						650px; /* 664 */
			height:						30px; /* 43 */
			padding-left:				14px;
			padding-top:				13px;
			left:						0;
			bottom:						0;
			background:					url(../images/backgrounds/banner-text.png) no-repeat 0 0;
		}
		
	div#panel div.panel-left{
		width:							265px; /* 295 */
		padding-left:					10px;
		padding-right:					20px;
		padding-top:					10px;
		float:							left;
	}
	
	div#panel div.panel-right{
		width:							334px; /* 374 */ 
		padding-left:					20px;
		padding-right:					20px;
		padding-top:					10px;
		float:							right;
	}
	
	div#sidebar a.botton-action{
		background:						url(../images/backgrounds/button-action.png) no-repeat 0 0;
		width:							177px;
		height:							38px; /* 49 */
		padding-top:					11px;
		display:						block;
		margin:							0 auto 0 auto;
		margin-bottom:					80px;
		color:							#000;
		font-size:						18px;
		text-decoration:				none;
		font-weight:					bold;
		text-align:						center;
	}
	
		div#sidebar a.botton-action:hover{
			color:						#007C8C;
		}
	
	div#sidebar div.panel{
		padding-left:					10px;
		padding-right:					15px;
	}
	
		div#sidebar div.panel p.item{
			padding-left:				10px;
		}
	
	div#footer td.first{
		padding-right:					5px;
	}
	
	div#footer td.item{
		padding-left:					10px;
		padding-right:					5px;
		background:						url(../images/backgrounds/separator-item.png) repeat-y 0 0;
	}
	
	div#footer td.first table  *,
	div#footer td.item table  *{
		font-size:						11px;
	}
	
	div#footer td.quote-right{
		padding-right:					5px;
	}
	
	div#footer a{
		color:							#fff;
	}

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