/*
Title:		screen_eco.css
Author: 	mlangenberg@vsapartners.com
--
Notes:
	= Controlling stylesheet for screen rendering used to import other sheets and
		defines rules for the highest-level layout containers
	= Generally definitions here should be limited to widths, heights, and padding
		since those are likely to change for different user agent types

Sections:
	= WRAPPER
	= MASTHEAD
	= CONTENT
	= FOOTER
*/

@import url("lib/baseline.css");
@import url("lib/typography.css");
@import url("lib/navigation.css");
@import url("lib/common.css");
@import url("lib/replacements.css");
@import url("lib/map.css");
@import url("lib/overlay.css");

/*  WRAPPER
	-------------------------------------- */
#body {
	width: 854px;
	position: absolute;
	left: 50%;
	margin-left: -420px;
}


/*   MASTHEAD
	-------------------------------------- */
/*
#masthead:hover {
	display:none;
}
*/

#masthead {
	position: relative;
	height: 165px;
	width: 854px;
}

#masthead img {
	position:absolute;
	top:40px;
	left:20px;
}

#subnav {
	position: relative;
	height: 35px;
	width: 827px;
	background:url(../i/bgnd_subnav.gif) no-repeat;
	top:-10px;
	margin:0 auto;
}

#flashdiv {
	position: relative;
	width: 805px;
	margin: 0 auto;
	padding: 0;
	margin-bottom:10px;
	margin-top:-10px;
}


#topbanner {
	position:absolute;
	top:45px;
	right:20px;
	background:url(../i/banner_homeinspired.gif) no-repeat;
	width: 193px;
	height: 43px;
}


/*   CONTENT
	-------------------------------------- */
#content {
	width: 735px;
	padding: 30px 30px 20px 30px;
	margin: 0 auto;
}
	#home #content {
		width: 805px;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		overflow:visible;
		margin:0 auto;
	}


h2 {
	margin-bottom: 19px;
}
h4 {
	margin-top: 24px;
	margin-bottom: 10px;
}
/* this illustration class is related to above rule ... 
 	margin-top values must remain in tandem */
	.illus-header {
		margin-top: 24px;
	}
#main {
	width: 450px;
	float: left;	
}
#locations #main {
	width: 100%;
}
	#locations h3 {
		margin-bottom: 24px;
	}

#sidebar {
	width: 266px;
	float: right;
	margin-top: 40px;
}

#mainwide {
	width: 712px;
}


/*   FOOTER
	-------------------------------------- */
#footer {
	margin-top: 20px;
	width: 100%;
	padding: 20px 0 0 0;
}
#home #footer {
	margin-top: 0;
}
	#footer ul {
		margin-bottom: 15px;
	}