/* BEGIN: General Formatting */
body {
	padding: 0;
	margin: 80px 14px 0 14px;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #848484;
	background-color: black;
}

div#site_container {
	width: 942px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #8b8989;
}

a:hover { text-decoration: underline; }
a:active,
a.active {
	color: white;
}
/* END: General Formatting */

/* BEGIN: Header */
div#header {
	float: left;
	width: 123px;
	height: 461px;
	padding-right: 21px;
	background: transparent url(../images/vertical_bar.gif) no-repeat right top;
}
	/* BEGIN: Logo */
	h1 {
		width: 123px;
		height: 42px;
		margin: 0;
	}
	
	h1 a {
		display: block;
		overflow: hidden;
		width: 123px;
		height: 37px;
		text-indent: -999em;
		background: transparent url(../images/logo.gif) no-repeat left top;
	}
	/* END: Logo */
	
	/* BEGIN: Side Nav */
	ul#nav_side {
		padding-left: 0;
		margin: 0;
		border-top: 1px #292929 solid;
		font-size: 110%;
		list-style: none;
	}

	ul#nav_side li {
		clear: both;
		float: left;
		width: 123px;
		padding: 8px 0;
		border-bottom: 1px #292929 solid;
	}

	ul#nav_side li a {
		display: block;
		overflow: hidden;
		height: 12px;
		text-indent: -999em;
		background: transparent no-repeat left top;
	}
	
	ul#nav_side li a:hover { background-position: left -12px; }
	ul#nav_side li a:active,
	ul#nav_side li a.active {
		background-position: left -24px;
	}
	
	ul#nav_side li ul {
		padding-left: 0;
		margin: 0;
		list-style: none;
	}
	
	ul#nav_side li ul li {
		padding: 4px 0;
		border-bottom: none;
	}
	
		/* BEGIN: Sub (Expandable) Nav */
		ul#nav_side li ul.sub {
			display: none;
			float: left;
			padding-top: 5px;
			font-size: 90%;
		}
		/* END: Sub (Expandable) Nav */
	
		/* BEGIN: Small Nav Elements */
		ul#nav_side li ul.small li { padding: 5px 0; }
		ul#nav_side li ul.small li a { height: 10px; }
		ul#nav_side li ul.small li a:hover { background-position: left -10px; }
		ul#nav_side li ul.small li a:active,
		ul#nav_side li ul.small li a.active {
			background-position: left -20px;
		}
		/* END: Small Nav Elements */

	ul#nav_side li ul li#nav_side_wwd a {
		width: 29px;
		background-image: url(../images/nav_side/wwd.gif);
	}

	ul#nav_side li ul li#nav_side_wwd_mens a {
		width: 87px;
		background-image: url(../images/nav_side/wwd_mens.gif);
	}

	
	ul#nav_side li ul li#nav_side_wwdmagazines a {
		width: 87px;
		background-image: url(../images/nav_side/wwdmagazines.gif);
	}

	ul#nav_side li ul li#nav_side_wwdcom a {
		width: 56px;
		background-image: url(../images/nav_side/wwwdcom.gif);
	}

	ul#nav_side li ul li#nav_side_fn a {
		width: 13px;
		background-image: url(../images/nav_side/fn.gif);
	}
	
		ul#nav_side li ul li#nav_side_summits a {
			width: 93px;
			background-image: url(../images/nav_side/summits.gif);
		}
	
		ul#nav_side li ul li#nav_side_books a {
			width: 78px;
			background-image: url(../images/nav_side/books.gif);
		}
		
		ul#nav_side li ul li#nav_side_fashioncareers a {
			width: 103px;
			background-image: url(../images/nav_side/fashioncareers.gif);
		}
	
	ul#nav_side li#nav_side_press a {
		width: 77px;
		background-image: url(../images/nav_side/press.gif);
	}
	
		/* BEGIN: Press Center Sub Nav */
		ul#nav_side li ul li#nav_side_press_contact a {
			width: 101px;
			background-image: url(../images/nav_side/press_contact.gif);
		}
		
		ul#nav_side li ul li#nav_side_press_recent a {
			width: 70px;
			background-image: url(../images/nav_side/press_recent.gif);
		}
		
		ul#nav_side li ul li#nav_side_press_bios a {
			width: 56px;
			background-image: url(../images/nav_side/bios.gif);
		}
		/* END: Press Center Sub Nav */
	
	ul#nav_side li#nav_side_contact a {
		width: 101px;
		background-image: url(../images/nav_side/contact.gif);
	}
	
		/* BEGIN: Contact Sub Nav */
		ul#nav_side li ul li#nav_side_contact_locations a {
			width: 50px;
			background-image: url(../images/nav_side/locations.gif);
		}
	
		ul#nav_side li ul li#nav_side_contact_syndication a {
			width: 62px;
			background-image: url(../images/nav_side/syndication.gif);
		}
		
		ul#nav_side li ul li#nav_side_contact_reprints a {
			width: 122px;
			background-image: url(../images/nav_side/reprints.gif);
		}
		
		ul#nav_side li ul li#nav_side_contact_research a {
			width: 105px;
			background-image: url(../images/nav_side/research.gif);
		}
		/* END: Contact Sub Nav */
	
	ul#nav_side li#nav_side_advertise a {
		width: 57px;
		background-image: url(../images/nav_side/advertise.gif);
	}

	ul#nav_side li#nav_side_subscribe a {
		width: 60px;
		background-image: url(../images/nav_side/subscribe.gif);
	}
	/* END: Side Nav */
/* END: Header */

/* BEGIN: Body */
div#body {
	width: 777px;
	padding-left: 21px;
	float: left;
}
/* END: Body */

/* BEGIN: Footer */
div#footer {
	clear: both;
	float: left;
	width: 777px;
	padding: 60px 0 60px 165px;
	text-align: center;
	color: #35373a;
}

	/* BEGIN: Bottom Nav */
	div#footer ul#nav_bottom {
		width: 665px;
		padding: 0 0 30px 0;
		margin: 0 auto;
		text-transform: uppercase;
		list-style: none;
	}
	
	div#footer ul#nav_bottom li {
		float: left;
		padding: 0 12px;
	}
	
	div#footer ul#nav_bottom li a {
		display: block;
		overflow: hidden;
		height: 12px;
		text-indent: -999em;
		background: transparent no-repeat left top;
	}
	
	div#footer ul#nav_bottom li a:hover { background-position: left -12px; }
	div#footer ul#nav_bottom li a:active { background-position: left -24px; }
	
	div#footer ul#nav_bottom li#nav_bottom_subscriptions a {
		width: 146px;
		background-image: url(../images/nav_bottom/fairchild_subscriptions.gif);
	}
	
	div#footer ul#nav_bottom li#nav_bottom_careers a {
		width: 122px;
		background-image: url(../images/nav_bottom/conde_nast_careers.gif);
	}

	div#footer ul#nav_bottom li#nav_bottom_cnsubscriptions a {
		width: 161px;
		background-image: url(../images/nav_bottom/conde_nast_subscriptions.gif);
	}

	div#footer ul#nav_bottom li#nav_bottom_mediakit a {
		width: 134px;
		background-image: url(../images/nav_bottom/conde_nast_media_kits.gif);
	}
	/* END: Bottom Nav */
	
	/* BEGIN: Copyright */
	div#footer p#copyright {
		clear: both;
		width: 665px;
		margin: 0 auto;
		font-size: 80%;
	}
	div#footer p#copyright a { color: #777777; }
	div#footer p#copyright a:active { color: white; }
	/* END: Copyright */
/* END: Footer */
