/* LAYOUT */
#page-container {margin:0 auto; position:relative; width:960px;}

/* LAYERS */
#logo, #site-switch, #site-search {z-index:100;}
#our-company, #our-brands, #our-people,
.btn-company, .btn-brands, .btn-people,
.btn-company a, .btn-brands a, .btn-people a {z-index:50;}
.our-company, .our-brands, .our-people {z-index:40;}
#nav-global, #nav-global-sections, #landing_anchor {z-index:30;}
#header-wave {z-index:20;}
#hero-brand {z-index:10;}

/* ----- HEADER SECTION ----- */
#header {position:relative; overflow:hidden;}
	.hero-vector {height:169px;}
	.hero-half {height:384px;}
	.hero-full {height:498px;}
	.hero-landing {height:635px;}
	.hero-full-people {height:599px;}
	.hero-half-people {height:460px}
	.hero-brands {background: url(../images/hero/brand/flash/01.jpg) no-repeat 0 0; height:544px;}
	#header-wave {height:155px; left:0; position:absolute; top:0; width:960px;}
	#header-wave-ie {background:url(../images/layout/bg-header.gif) no-repeat; height:155px; left:0; position:absolute; top:0; width:960px;}
		#logo {position:absolute; left:0; top:29px; height:49px; width:304px;}
		#site-switch {position:absolute; left:590px; top:12px;}
		#site-search {position:absolute; left:770px; top:12px;}
		#nav-global {position:absolute; left:60px; top:90px;}
		#nav-global-sections {position:absolute; left:618px; top:108px; width:325px; height:39px;}
			#nav-global div, #nav-global-sections div {float:left;}
			#nav-global div#our-brands {margin:0 75px;}
			
/* HOME NAV */
#our-company, #our-brands, #our-people {height:368px; overflow:hidden; position:relative; width:228px;}
	.btn-company, .btn-brands, .btn-people {display:block; height:368px; width:228px;}
		.btn-company a, .btn-brands a, .btn-people a {cursor:pointer; display:block; height:340px; left:0; position:absolute; text-indent:-9999em; top:341px; width:228px;}
	.nav-our-company, .nav-our-brands, .nav-our-people {height:368px; left:2px; padding:2px; position:absolute; top:342px; width:220px;}
	.nav-our-company .side-nav, .nav-our-brands .side-nav, .nav-our-people .side-nav {margin-left:2px;}
		.landing-nav {margin-left:4px;}
	#hero {left:0; position:absolute; top:0;}
		#hero-brand {left:8px; height:364px; position:absolute; top:150px; width:944px;}
			#hero-brand a {position:relative; top:94px; left:415px;}

/* ----- MAIN SECTION ----- */
#main {width:940px; padding:0 0 20px 20px;}
	.side-col {float:left; width:215px; margin-right:20px;}
		.side-panel {margin-bottom:14px; padding:7px 10px;}
	.middle-col {float:left; width:450px; margin-right:20px;}
		.middle-col .article {clear:left; display:block; width:450px;}
			.middle-col .article-left, .middle-col .article-right {float:left;}
			.middle-col .article-left {width:115px; text-align:left;}
			.middle-col .article-right {width:335px;}
	.main-col {float:left; width:685px; margin-right:20px;}
		.main-col .timeline-item {clear:left;}
			.main-col .timeline-date {float:left; width:90px;}
	.full-col {width:700px;}
#agecheck {position:relative; top:250px; left:200px; z-index:500; width:650px;}
	
/* ----- LOGOS SECTION ----- */
#logos {width: 960px; height: 62px; margin: 0px auto; background: #787878;}
	#logos a {display: block;float: left;outline: none;text-indent: -9999px;margin: 0px auto;height:62px !important;color:transparent;}
	#logos ul {background:#787878;}
	#logos ul li {background:#787878;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px auto;padding:0;display:inline;height: 62px !important;}
	
/* ----- FOOTER SECTION ----- */
#footer {height:90px; width:960px;}
	#footer-links {background:url(../images/layout/bg-footer-links.gif) repeat-x; display:block; height:17px; padding-top:7px; width:960px;}
		#footer-links ul {display:inline-block; width:565px; margin:0 auto;}
		#footer-links ul li {float:left;}
			#footer-links ul li .separator {line-height:0.5em; padding:0 8px;}
	#responsibly {clear:left; display:block; padding:20px 0; width:960px;}