/* CSS Document */

table#content 
{
	background:  #FFF url(../images/side-navigation/left_nav_bkg.jpg) repeat-y;
	height: auto;
}

#left-holder 
{
	width: 190px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	display: block;
}

/*-- LEFT NAVIGATION --*/
#menu 
{
	padding: 15px 0 20px 25px;
	
}

#menu ul 
{
	list-style: none;
}

#menu ul li 
{
	margin: 10px 0 18px;	
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: -9999px;	
	height: 11px;
}

#menu ul li.heading
{	
	height: 20px;
	width: 102px;
	margin: 10px 0 20px;
}

#menu ul li.who
{		
	width: 65px;
}

#menu ul li.believe
{	
	width: 97px;
}

#menu ul li.offer
{	
	width: 97px;
}

#menu ul li.crew
{	
	width: 108px;
}

#menu ul li.options
{	
	width: 108px;
}

#menu ul li.corporate
{	
	width: 136px;
}

#menu ul li a
{
	display: block; 
	height: 11px;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
}

#menu ul li.heading a
{	
	background: transparent url(../images/side-navigation/careers-off.gif) no-repeat;
	height: 20px;
}

#menu ul li.heading a:hover
{	
	background: transparent url(../images/side-navigation/careers-over.gif) no-repeat;
	height: 20px;
}

#menu ul li.who a
{	
	background: transparent url(../images/side-navigation/who-we-are-off.gif) no-repeat;
}

#menu ul li.who a:hover
{	
	background: transparent url(../images/side-navigation/who-we-are-over.gif)  no-repeat;
}

#menu ul li.believe a
{	
	background: transparent url(../images/side-navigation/what-we-believe-in-off.gif) no-repeat;
}

#menu ul li.believe a:hover
{	
	background: transparent url(../images/side-navigation/what-we-believe-in-over.gif) no-repeat;
}

#menu ul li.offer a
{	
	background: transparent url(../images/side-navigation/what-we-offer-off.gif) no-repeat;
}

#menu ul li.offer a:hover
{	
	background: transparent url(../images/side-navigation/what-we-offer-over.gif) no-repeat;
}

#menu ul li.crew a
{	
	background: transparent url(../images/side-navigation/crew-positions-off.gif) no-repeat;
}

#menu ul li.crew a:hover
{	
	background: transparent url(../images/side-navigation/crew-positions-over.gif) no-repeat;
}

#menu ul li.options a
{	
	background: transparent url(../images/side-navigation/restaurant-operations-off.gif) no-repeat;
	height: 14px;
}

#menu ul li.options a:hover
{	
	background: transparent url(../images/side-navigation/restaurant-operations-over.gif) no-repeat;
}

#menu ul li.corporate a
{	
	background: transparent url(../images/side-navigation/corporate-support-off.gif) no-repeat;
	height: 14px;
}

#menu ul li.corporate a:hover
{	
	background: transparent url(../images/side-navigation/corporate-support-over.gif) no-repeat;
}

/*-- LEFT COLUMN FORM --*/
#find_jobs_form
{
	width: 165px;
	height: 118px;
	margin: 0 0 10px 7px;
	padding: 90px 0 0 13px;
	background: transparent url(../images/find-job-bg.gif) no-repeat;
}

#find_jobs_form ul
{
	list-style-type: none;	
}

#find_jobs_form ul li
{
	margin: 0 0 5px;	
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: -9999px;	
}

#find_jobs_form ul li.crew
{
	width: 108px;
	height: 21px;
}

#find_jobs_form ul li.operations
{
	width: 156px;
	height: 21px;
}

#find_jobs_form ul li.support
{
	width: 107px;
	height: 34px;
}

#find_jobs_form ul li a
{
	display: block;	
}

#find_jobs_form ul li.crew a
{
	background: transparent url(../images/find-job-crew.png) 0 0 no-repeat;
	height: 21px;
}

#find_jobs_form ul li.crew a:hover
{
	background: transparent url(../images/find-job-crew.png) 0 -22px no-repeat;
}

#find_jobs_form ul li.operations a
{
	background: transparent url(../images/find-job-operations.png) 0 0 no-repeat;
	height: 21px;
}

#find_jobs_form ul li.operations a:hover
{
	background: transparent url(../images/find-job-operations.png) 0 -22px no-repeat;
}

#find_jobs_form ul li.support a
{
	background: transparent url(../images/find-job-support.png) 0 0 no-repeat;
	height: 34px;
}

#find_jobs_form ul li.support a:hover
{
	background: transparent url(../images/find-job-support.png) 0 -34px no-repeat;
}

/*-- MAIN BODY CONTENT AREA --*/
#body-text 
{
	float: left;
	background-color: #FFF;
	width: 754px;
}

#body-text p
{
	line-height: 14px;	
}

#body-text #home
{
	background: transparent url(../images/home-bg.jpg) no-repeat;	
	height: 540px;
}

#body-text h1
{
	color:#FFF;	
	text-indent: -9999px;
	position: relative;
	left: 0;
	top: 0;
	text-transform: uppercase;
}

/* --- WHO WE ARE -- */
#body-text #who
{
	background: transparent url(../images/who-we-are-bg.jpg) no-repeat;	
	padding: 20px 0 10px 25px;

}

#body-text td.copy_holder
{
	width: 201px;
	padding: 20px 15px 0;
	margin: 0 10px 0 0;
	background: transparent url(../images/copy-bg-top.png) 0 0 no-repeat;
}

#body-text td.copy_holder_bottom
{
	height:17px;
	width:227px;
	background: transparent url(../images/copy-bg-bottom.png) 0 0 no-repeat;
}

#body-text #who h1
{
	background: transparent url(../images/headings/who-we-are.png) no-repeat;
	width: 160px;
	height: 23px;
	margin: 0 0 10px;
}

#body-text #who #video_container
{
	width: 685px;
	height: 260px;
	background: transparent url(../images/who-we-are-video-bg.png) no-repeat;
	margin: 0 0 20px;
}

#body-text #who #video_container #video-content
{
	float: left;
	margin: 25px 55px 0 25px;
}

#body-text #who #video_container p
{
	padding: 100px 0 0;
	font-size: 14px;
	line-height: 18px;
}

#body-text #who #video_container p span
{
	font-size: 14px;
	color: #860B00;
	font-style: italic;
	font-weight: bold;
}

#body-text h2
{
	font-size: 24px;
	color: #860b00;
	text-transform: uppercase;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

#body-text #who .copy_holder h2.industry
{
	background: transparent url(../images/headings/industry-giant.png) no-repeat;
	width: 119px;
	height: 41px;
}

#body-text #who .copy_holder h2.inclusive
{
	background: transparent url(../images/headings/inclusive-organization.png) no-repeat;
	width: 180px;
	height: 40px;
}

#body-text #who .copy_holder h2.approachable
{
	background: transparent url(../images/headings/approachable-leaders.png) no-repeat;
	width: 185px;
	height: 40px;
}
/* --- End WHO WE ARE -- */

/* --- WHAT WE OFFER -- */
#body-text #offer
{
	background: transparent url(../images/what-we-offer-bg.jpg) no-repeat;	
	padding: 20px 0 0 25px;
	height: 570px;
}

#body-text #offer h1
{
	background: transparent url(../images/headings/what-we-offer.png) no-repeat;
	width: 194px;
	height: 19px;
	margin: 0 0 80px;
}

#body-text #offer #body_area
{
	width: 490px;
	margin: 0 0 20px 100px;
}

#body-text #offer #body_area h2
{
	background: transparent url(../images/headings/real-career-potential.png) no-repeat;
	width: 282px;
	height: 19px;
}

#body-text #offer .copy_holder
{
	width: 309px;
	height: 158px;
	padding: 30px 15px 0;
	margin: 0 10px 0 0;
	float: left;
	background: transparent url(../images/offer-copy-bg.png) 0 0 no-repeat;
}

#body-text #offer .copy_holder h2.challenge
{
	background: transparent url(../images/headings/real-challenge.png) no-repeat;
	width: 196px;
	height: 18px;
}

#body-text #offer .copy_holder h2.rewards
{
	background: transparent url(../images/headings/real-rewards.png) no-repeat;
	width: 173px;
	height: 20px;
}
/* --- End WHAT WE OFFER -- */

/* --- CREW POSITIONS -- */
#body-text #crew
{
	background: transparent url(../images/crew-positions-bg.jpg) no-repeat;	
	padding: 20px 0 10px 25px;
}

#body-text #crew h1
{
	background: transparent url(../images/headings/crew-positions.png) no-repeat;
	width: 198px;
	height: 21px;
	margin: 0 0 30px;
}

#body-text #crew #body_area 
{
	padding: 0 0 0 30px;	
}

#body-text #crew #body_area h2
{
	background: transparent url(../images/headings/right-for-me.png) no-repeat;
	width: 310px;
	height: 25px;
	margin: 0 0 0 75px;
}

.reposition
{
	float: right;
	padding: 0 20px 0 0;
	position: relative;
	top: -17px;
}


#body-text #crew .copy_holder h2.designed
{
	background: transparent url(../images/headings/designed-for-you.png) no-repeat;
	width: 118px;
	height: 41px;
}

#body-text #crew .copy_holder h2.what
{
	background: transparent url(../images/headings/what-youll-learn.png) no-repeat;
	width: 159px;
	height: 41px;
}

#body-text #crew .copy_holder h2.ways
{
	background: transparent url(../images/headings/ways-to-grow.png) no-repeat;
	width: 106px;
	height: 41px;
}
/* --- End CREW POSITIONS -- */

/* --- CORPORATE -- */
#body-text #corporate
{
	background: transparent url(../images/crew-positions-bg.jpg) no-repeat;	
	padding: 20px 0 0 25px;
	height: 670px;
}

#body-text #corporate h1
{
	background: transparent url(../images/headings/corporate-and-field-support.png) no-repeat;
	width: 382px;
	height: 22px;
	margin: 0 0 30px;
}


#body-text #corporate #body_area h2
{
	background: transparent url(../images/headings/right-for-me.png) no-repeat;
	width: 310px;
	height: 25px;
	margin: 0 0 0 75px;
}

#body-text #corporate .copy_holder
{
	width: 201px;
	height: 329px;
	padding: 20px 15px 0;
	margin: 0 10px 10px 0;
	float: left;
	background: transparent url(../images/crew-copy-bg.png) 0 0 no-repeat;
}

#body-text #corporate .copy_holder h2.behind
{
	background: transparent url(../images/headings/behind-the-scenes.png) no-repeat;
	width: 138px;
	height: 42px;
}

#body-text #corporate .copy_holder h2.collaborate
{
	background: transparent url(../images/headings/collaboration-and-respect.png) no-repeat;
	width: 200px;
	height: 42px;
}

#body-text #corporate .copy_holder h2.growing
{
	background: transparent url(../images/headings/careers-that-keep-growing.png) no-repeat;
	width: 179px;
	height: 41px;
}
/* --- End CORPORATE -- */


/* --- RESTAURANT OPERATIONS -- */
#body-text #restaurant_operations
{
	background: transparent url(../images/crew-positions-bg.jpg) no-repeat;	
	padding: 20px 0 10px 25px;
}

#body-text #restaurant_operations h1
{
	background: transparent url(../images/headings/restaurant-operations.png) no-repeat;
	width: 307px;
	height: 21px;
	margin: 0 0 30px;
}

#body-text #restaurant_operations #body_area h2
{
	background: transparent url(../images/headings/right-for-me.png) no-repeat;
	width: 310px;
	height: 25px;
	margin: 0 0 0 75px;
}



#body-text #restaurant_operations .copy_holder h2.leaders
{
	background: transparent url(../images/headings/leaders-welcome.png) no-repeat;
	width: 120px;
	height: 42px;
}

#body-text #restaurant_operations .copy_holder h2.substantial
{
	background: transparent url(../images/headings/substantial-career.png) no-repeat;
	width: 157px;
	height: 42px;
}

#body-text #restaurant_operations .copy_holder h2.defined
{
	background: transparent url(../images/headings/defined-career.png) no-repeat;
	width: 153px;
	height: 42px;
}
/* --- End RESTAURANT OPERATIONS -- */

/* --- What WE BELIEVE IN -- */
#body-text #believe_in
{
	background: transparent url(../images/what-we-believe-bg.jpg) no-repeat;	
	padding: 20px 0 0 25px;
	height: 513px;
}

#body-text #believe_in h1
{
	background: transparent url(../images/headings/what-we-believe-in.png) no-repeat;
	width: 239px;
	height: 20px;
	margin: 0;
}

#body-text #believe_in #body_area
{
	position: relative;
	z-index: 1;
}

#body-text #believe_in #body_area #flashContent
{
	margin: 0 0 0 -15px;	
}

#body-text #believe_in #copy_container
{
	position: absolute;
	top: 320px;
	z-index: 500;
}

#body-text #believe_in .copy_holder
{
	width: 197px;
	height: 184px;
	padding: 20px 15px 0;
	margin: 0 10px 0 0;
	float: left;
	background: transparent url(../images/believe-copy-bg.png) 0 0 no-repeat;
}

#body-text #believe_in .copy_holder h2.people
{
	background: transparent url(../images/headings/people.png) no-repeat;
	width: 88px;
	height: 20px;
}

#body-text #believe_in .copy_holder h2.quality
{
	background: transparent url(../images/headings/quality.png) no-repeat;
	width: 104px;
	height: 19px;
}

#body-text #believe_in .copy_holder h2.action
{
	background: transparent url(../images/headings/action.png) no-repeat;
	width: 92px;
	height: 19px;
}
/* --- End What WE BELIEVE IN -- */

/*-- FLASH --*/
#flashcontent 
{	
	width: 100%;
	height: 100%;
	background: #fff;
}

#flashcontent p 
{
	float: right;
}

/*-- GENERAL STYLES --*/
.clear 
{
	clear: both;
}