/*-- CONTAINERS --------------------------------------------------------------------------------*/	
/*----------------------------------------------------------------------------------------------------*/
/* --- This site has a nice clean horizontal split page. -----------*/
/* --- Five sections,   Top, Navigation, Body, Footer, Bottom --------------- */


#pageSectionTop {
	position:relative;
	background-color:#FFFFFF;
	height:336px;
	background-image:url(../images/header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
}

#pageSectionNavigation {
	position:relative;
	background-image:url(../images/bg-Nav.gif);
	height:36px;
	width:100%;
}

#pageSectionBody {
	position:relative;
	top:-9px;
	background-color:#FCB100;
	background-image:url(../images/bg-radial-gradiant.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
}

#pageSectionFooter {
	height:68px;
	background-color:#B51D0F;
	background-image:url(../images/bg-Footer.gif);
	background-repeat:repeat-x;
	padding-top:25px;
	width:100%;
}

/*--- Now we have the page split into its 5 nice and clean sections ----------- */

#containerPageWidth {
	position:relative;
	margin:auto;
	width:1050px;
}

#containerHeaderNav {
	position:relative;
	top:-47px;
	margin:auto;
	width:742px;
	height:36px;
	z-index:200;
}

#containerContent {
	/* ---  This container controls the overall width of the content area on the site. --- */
	position:relative;
	top:-28px;
	width: 742px;
	margin: 0 auto;
	margin-bottom:2px;
	z-index:200;
}

#containerFooterLinks {
	margin:0 auto;
	width:800px;
	height:40px;
	padding-top:10px;
	padding-left:25px;
}

#login {
	/* ---  This container controls the overall width of the content area on the site. --- */
	position:relative;
	width:160px;
	height:20px;
	top:-230px;
	left:634px;
	background:#FEFEFE;
	vertical-align:top;
}

/*----------------  Titles Pieces ---------------- */



#title-expect {
	position:absolute;
	background-image:url(../images/bg-title-expect.jpg);
	top:0px;
	left:-92px;
	width:343px;
	height:128px;
	z-index:-10;	
}

#title-roles {
	position:absolute;
	background-image:url(../images/bg-title-roles.png);
	top:510px;
	left:-92px;
	width:400px;
	height:121px;
	z-index:-10;

}

#title-services {
	position:absolute;
	background-image:url(../images/bg-title-services.png);
	top:-9px;
	left:-100px;
	width:340px;
	height:147px;
	z-index:-10;

}

#title-stars-mission {
	position:absolute;
	background-image:url(../images/bg-mission.png);
	top:0px;
	left:-96px;
	width:758px;
	height:312px;
	z-index:-10;

}

#title-stars-1 {
	position:absolute;
	background-image:url(../images/bg-header-stars-1.png);
	top:0px;
	left:-95px;
	width:462px;
	height:157px;
	z-index:-10;

}

#title-stars-2 {
	position:absolute;
	background-image:url(../images/bg-header-stars-2.png);
	top:0px;
	left:-95px;
	width:462px;
	height:157px;
	z-index:-10;

}

#title-stars-3 {
	position:absolute;
	background-image:url(../images/bg-header-stars-2.png);
	top:727px;
	left:-95px;
	width:462px;
	height:157px;
	z-index:-10;

}

/*----------------  Puzzle Pieces ---------------- */



#puzzle-expect-bottom {
	position:relative;
	background-image:url(../images/puzzle-expect-bottom.png);
	top:-200px;
	left:-100px;
	width:224px;
	height:248px;
	float:right;
	
}

#puzzle-services-bottom {
	position:relative;
	background-image:url(../images/puzzle-services-bottom.png);
	top:-171px;
	left:130px;
	width:281px;
	height:261px;
	float:right;
	
}

#puzzle-staff-bottom {
	position:relative;
	background-image:url(../images/puzzle-staff-bottom.png);
	top:-120px;
	left:140px;
	width:289px;
	height:174px;
	float:right;

}

#puzzle-hp-bottom {
	position:relative;
	top:-120px;
	left:-240px;
	float:right;
	clear:both;
	background-image:url(../images/puzzle-staff-bottom.png);
	width:289px;
	height:174px;	

}

#puzzle-staff-top-right {
	position:absolute;
	background-image:url(../images/puzzle-staff-top-right.png);
	top:0px;
	left:496px;
	width:314px;
	height:190px;
	float:right;
	z-index:-10;
	
}

#puzzle-contact-bottom {
	position:relative;
	background-image:url(../images/puzzle-staff-bottom.png);
	top:-174px;
	left:20px;
	width:289px;
	height:174px;
	float:right;
	
}

#puzzle-contact-top-right {
	position:absolute;
	background-image:url(../images/puzzle-and-contact.png);
	top:0px;
	left:372px;
	width:427px;
	height:291px;
	float:right;
	z-index:-10;
	
}

/*---   Call Outs and special stuff*/



#callout-services {
	position:absolute;
	background-image:url(../images/callout-services.png);
	top:0px;
	left:434px;
	width:526px;
	height:648px;
	float:right;
		
}

#callout-expect-1 {
	position:absolute;
	background-image:url(../images/callout-expect-1.png);
	top:0px;
	left:434px;
	width:491px;
	height:404px;
	float:right;
	
}

#callout-expect-2 {
	position:absolute;
	background-image:url(../images/callout-expect-2.png);
	top:404px;
	left:334px;
	width:600px;
	height:807px;
	float:right;
	z-index: -2;

}

#quote {
	position:relative;
	top:0px;
	left:-92px;
	background-image:url(../images/hp-quote.png);
	width:872px;
	height:124px;
	clear:both;
	overflow:auto;

}

#callout-hp-1 {
	position:absolute;
	top:100px;
	left:460px;
	float:right;
	z-index:-10;
	background-image:url(../images/hp-callout-1.png);
	width:293px;
	height:281px;
	
}

#callout-mission-bottom {
	position:relative;
	background-image:url(../images/callout-mission.png);
	width:643px;
	height:324px;
	top:-418px;
	float:right;

}