/* -------------------------------------------------------------- 
  
   Isagenix CSS Framework Screen Styles
   * Version:   11.2007
   * Website:   Top Achievers 2008
   
-------------------------------------------------------------- */

/* Baseline elements established in the imported CSS below.  
All other site specific elements will be detailed with the
'screen' or medium based sheet. 
*/

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';


/* ------ GENERAL ----- */

   
/*body { background: #6f6996 url(../img/bg.png) no-repeat center top; }*/

body { background: #dfdfdf }

/* ----- HEADER ------ */


#mastHead { 
	background: url(../img/header_Walk_Out.png) no-repeat left top;
	height: 220px;
	position: relative; 
}

#mastHeadLeaderShip { 
	background: url(../img/leadershipHeader.png) no-repeat left top;
	height: 220px;
	position: relative; 
}



h1 { text-indent: -9999px; height: 162px }

a.logo { 
	display: block;
	height: 160px;
	width: 400px; 
}

a.logo:hover { background: none; }

/*-----COUNTDOWN TIMER-----*/

#countTimer { margin: 22px 0 -24px 12px; }

/*-----NAVIGATION-----*/

#navMenu{
	
	top:180px;
	width: 595px;
	height: 40px;
	margin:5px 0 0 4px;
	padding:0;
}

#navMenu span{
	display: none;
}

#navMenu li, #navMenu a{
	height: 40px;
	display:block;
}

#navMenu li{
	float: left;
	display: inline;
	list-style:none;
}

#navMenu-first a { width:77px; margin-left: 0; background: url('../img/nav.png') no-repeat; }
#navMenu-second a { width:77px; margin-left: 8px; background: url('../img/nav.png') -84px 0 no-repeat; }
#navMenu-third a { width:77px; margin-left: 8px; background: url('../img/nav.png') -169px 0 no-repeat; }
#navMenu-fourth a { width:77px; margin-left: 8px; background: url('../img/nav.png') -253px 0 no-repeat; }
#navMenu-fifth a { width:77px; margin-left: 8px; background: url('../img/nav.png') -336px 0 no-repeat; }
#navMenu-sixth a { width:77px; margin-left: 8px; background: url('../img/nav.png') -420px 0 no-repeat; }
#navMenu-seventh a { width:77px; margin-left: 8px; background: url('../img/nav.png') -504px 0 no-repeat; }


#navMenu-first a:hover { background: url('../img/nav.png') 0 -40px no-repeat; }
#navMenu-second a:hover { background: url('../img/nav.png') -84px -40px no-repeat; }
#navMenu-third a:hover { background: url('../img/nav.png') -169px -40px no-repeat; }
#navMenu-fourth a:hover { background: url('../img/nav.png') -253px -40px no-repeat; }
#navMenu-fifth a:hover { background: url('../img/nav.png') -336px -40px no-repeat; }
#navMenu-sixth a:hover { background: url('../img/nav.png') -422px -40px no-repeat; }
#navMenu-seventh a:hover { background: url('../img/nav.png') -504px -40px no-repeat; }


/*-----END NAVIGATION-----*/ 


/* ----- MAIN CONTENT ------ */


#content { background: #fff }
#contentLeader { background: #d8d9dc }
 
#mainContent { 
	margin-left: 10px;
	padding-bottom: 10px; 
	background:white no-repeat left top;
}

#mainContent h4 { font-size: 18px; font-weight: bold; text-transform: uppercase line-height: 1.25; margin: 2.25em .8em 1.25em; border-top: 5px solid #000; padding-top: 8px; }

#mainContent p, #mainContent ul, .vcard, #mainContent h5, h6, dl { padding-left: 10px; padding-right: 10px; }

#mainContent li { margin-left: 30px;}

#mainContent a:hover { background: #eee; }

#mainContent a { color:#8FAF3D }

/*-----Leadership Page-----*/

#mainContentLeader { 
	margin-left: 10px;
	padding-bottom: 10px; 
	background:#d8d9dc no-repeat left top;
}


#mainContentLeader h4 { font-size: 18px; font-weight: bold; text-transform: uppercase line-height: 1.25; margin: 2.25em .8em 1.25em; border-top: 5px solid #000; padding-top: 8px; }

#mainContentLeader p, #mainContent ul, .vcard, #mainContent h5, h6, dl { padding-left: 10px; padding-right: 10px; }

#mainContentLeader li { margin-left: 30px;}

#mainContentLeader a:hover { background: #eee; }

#mainContentLeader a { color:#8FAF3D }

hr{ background-color:#000000; height: 5px; width: 95%; margin-top: 41px; margin-left:15px;}


/*-----HOTEL / TRAVEL-----*/

#hotelTravel .directions { color:#000; text-decoration: none;  }
#hotelTravel .HotelDistance { margin-left: 30px; }


/*-----RIGHT SIDE BAR INFORMATION-----*/

.vcard { margin-bottom: 2.50em; }
.vcardLeadership { margin-bottom: 2.50em; color: #fff}

dt { margin-top: 20px; }
dd { line-height: 2.2em; }

dl#store dt { margin-top: 3px; float: left; }
.title { float: left; }

dd.time { padding-left: 200px; }
dd.hours { padding-left: 150px; }

table.agendaEvent { table-layout:fixed; margin-left: 16px; margin-top: -18px; }
td.event { width: 80%; margin-left: 20px;}
td.time { width: 85%; margin-left: 20px;}
p.smalltext { margin: -20px 0 0 7px; font-size: 10px; line-height: 1.875em; color: #666; }

img.restImg { float: right; margin-top: 50px;}

.restInfo { float: left; }

.sideBtn { margin:-15px 0 0 -3px; width: 160px;}

#sideBar { background: #000 ; width: 175px; height: 700px; margin-left: 10px; margin-top: 0px}

#sideBarLeader { background: #fff ; width: 175px; height: 700px; margin-left: 10px; margin-top: 0px}

#sideBarHotel { background: #000 ; width: 175px; height: 2800px; margin-left: 10px; margin-top: 0px}

#sideBarStore { background: #000 ; width: 175px; height: 800px; margin-left: 10px; margin-top: 0px}

#sideBar p, #sideBarHotel p, #sideBarStore p { padding-left: 10px; padding-right: 10px; }

#sideBar h4, #sideBarHotel h4, #sideBarStore h4 { font-size: 14px; font-weight: bold; text-transform: uppercase line-height: 1.25; margin-bottom: 1.25em; border: none;  padding: .8em 0 1em .8em; margin-left: 5px; }

#sideBarLeader h4 { font-size: 14px; font-weight: bold; text-transform: uppercase line-height: 1.25; margin-bottom: 1.25em; border: none;  padding: .8em 0 1em .8em; margin-left: 5px; color:#000;}

#leadership .org, #leadership .street-address, #leadership .locality, #leadership .style1, #leadership .tel, #leadership a { color: #000 }

.registerBtn {
	background: url(../img/registerNowButton.png) center;
	width: 170px;
	height: 38px;
	
	cursor: pointer; /* IE6 */
	margin-left: 0px;
}

.registerBtn:hover {
	border: 1px solid #333;
	color: #333;
	background: white none repeat scroll 0 0;
}


/* ----- FOOTER ------ */


#footer { clear: both; background: url(../img/footer_newOne.png) no-repeat left bottom; height: 90px; }
#footerLeadership { clear: both; background: url(../img/leadershipFooter.png) no-repeat left bottom; height: 90px; }