/*

Title:    ALACS - Clean Air Initiative - Home Page screen styles
Date:     1/1/2008

*/

@import "lib/reset.css";
@import "lib/typography.css";
@import "cleanair.css";


/* =structure homepage-specific
------------------------------------------------------ */

#wrap {
	background: #fff url(../images/site/wrap-bg-home.gif) repeat-y 0 0;
}
#wrap-inner {
	background: url(../images/site/grass-tile-home.jpg) repeat-x bottom left;
}
#main {	
	width: 967px;
	background: url(../images/site/main-bg-home.jpg) no-repeat top left;
	overflow: hidden;	
}
#main-inner {
	padding: 35px 0 0 361px;
	background: url(../images/site/horizon-home.jpg) no-repeat bottom left;
	min-height: 512px;
	position: relative;
}

#primary {
	float: left;
	width: 295px; /*318*/
	padding: 0 30px 0 0;
	margin-bottom: 115px;
	border-right: 1px solid #c2c2c2; /* replace this and the padding with a bg image! */
}

#secondary {
	float: right;
	width: 265px;
	padding-bottom: 115px;
}


/* =primary content
------------------------------------------------------ */

#primary .module {
	padding: 0 0 0 30px;
}
.module h2 {
	font-size: 15px;
	margin-bottom: .2em;
	line-height: 1.2em;
}


/* =secondary content
------------------------------------------------------ */
/*
.chesapeak {
	margin-bottom: 1.5em;
	padding: 10px;
	background: #e5f2f7;
	line-height: 1.4em;
}
.chesapeak .mod-inner {
	border: 1px solid #fff;
	padding: 10px 10px 0 10px;
}
.chesapeak img {
	float: right;
}
.chesapeak h2 {
	font-size: 14px;
	line-height: 1.3em;
}
*/
p.last {
	margin-bottom: 0;
}
.feature-ad {
	margin-bottom: 1.5em;
}

#tips {	
	width: 262px; height: 197px;
	overflow: hidden;
}
/* clean air nav */
#ca-nav {
	position: absolute;
	bottom: 35px; left: 361px;
	height: 45px;
	width: 100%;
}
#ca-nav ul {
	height: 45px; width: 639px;
	margin: 0; padding: 0;
	background: url(../images/site/ca-nav.gif) no-repeat 0 0;
	list-style: none;	
}
#ca-nav ul li {
	float: left;
	margin: 0; padding: 0;
}
#ca-nav ul li a {
	float: left;
	display: block;
	height: 45px;
	text-indent: -9999px;
}
#ca-business a { width: 100px; margin-left: 100px; }
#ca-home a { width: 110px; }
#ca-community a { width: 130px; }