* { margin: 0; padding: 0; } a img { border: 0; background: transparent; }  fieldset { border: 0; } html { height: 100% } body { min-height: 101% }


/* =TEXT STYLES
======================================================== */
p { margin: .1em 0 .6em 0; line-height: 150%; }
p strong { color: #555; }
h1, h2, h3, h4 { letter-spacing: -.03em; }
h1 { font-weight: bold; font-size: 210%; margin: .2em 0 .3em; letter-spacing: -.05em; }
h1.homeH1 { text-indent: -9999px; }
h2 { font-size: 145%; margin: .6em 0; }
h3 { font-size: 125%; color: #3F8700; margin: 1em 0 .3em 0; }
strong { font-weight: bold; }

.date { color: #A2CE82; font-size: 90%; font-weight: bold; margin: 0 0 1.3em 0; }
.darker { color: #555; }
.inline { display: inline; }


/* =COMMON ELEMENTS
======================================================== */
body {
	font: 76%/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0; padding: 0;
	text-align: left;
	background: #FFF url(../img/home-bg.jpg) no-repeat 0 0; 
}
body#anthology { background: #FFF url(../img/anthology-bg.jpg) no-repeat 0 73px; }
body#foundation { background: #FFF url(../img/foundation-bg.jpg) no-repeat 0 73px; }
body#communicate { background: #FFF url(../img/communicate-bg.jpg) no-repeat 0 73px; }
body#discover { background: #FFF url(../img/discover-bg.jpg) no-repeat 0 73px; }


#content {
	position: relative;
	padding-top: 205px; left: 20px;
	width: 800px;
	margin-bottom: 1.25em;
}
#content-narrow {
	position: relative;
	padding-top: 205px; left: 240px;
	width: 540px;
	margin-bottom: 1.25em;
	height: 1%;
}
#content-narrow li {
	padding-left: 10px; margin: 0 0 .1em 0;
	line-height: 130%;
	background: url(../img/bullet-plus.gif) no-repeat 0 .35em;
	list-style-type: none;
	position: relative;
}
#content-narrow ul { margin: 0 0 1.5em 0; }
#content a, #content-narrow a { color: #6BA83B; text-decoration: underline; }
#content a:hover, #content-narrow a:hover { color: #519020; text-decoration: none; }


#sidebar {
	position: absolute;
	top: 212px; left: 20px;
}
#sidebar p {
	margin-bottom: .5em;
}
#sidebar a:link, #sidebar a:visited { color: #6BA83B; text-decoration: none; border-bottom: 1px solid #D8F0C8; } 
#sidebar a:hover, #sidebar a:active { color: #519020; text-decoration: none; border-bottom: 1px solid #6BA83B; background: #F1FAEC; }

#sidebar h3 { color: #888; font-size: 120%; margin: .3em 0 .7em 0; }
#sidebar h2 { color: #555; font-size: 100%; margin: 0 0 .2em 0; }
#sidebar p.map { background: url(../img/arrow_gr.gif) no-repeat 0 .5em; padding-left: 8px; font-size: 95%; line-height: 1.2; margin-top: .5em; }
#sidebar p.map a strong { color: #6BA83B; }

#sidebar p.sep { margin: 18px 0 16px; }


#logo {
	width: 305px; height: 65px;
	position: absolute;
	top: 26px; left: 30px;
}
#logo a { display: block; }

#content #footer, #content-narrow #footer {
	position: relative;
	width: 775px;
	border-top: 4px solid #999;
	margin-top: 1em;
	padding-top: 1em;
	clear: both;
}
#content-narrow #footer {
	margin-top: 2em;
	left: -210px;
}

#footer-home {
	position: absolute;
	top: 444px; left: 30px;
}
#footer p, #footer-home p {
	color: #7AC142;
	font-size: 96%;
	font-weight: bold;
	margin: .2em 0;
	line-height: 120%;
}
#footer p a:link, #footer-home p a:link, #footer p a:visited, #footer-home p a:visited { color: #7AC142; text-decoration: none; border: none; }
#footer p a:hover, #footer-home p a:hover, #footer p a:active, #footer-home p a:active { color: #90EE3D; text-decoration: underline; border: none; background: none; }

#footer p.copyright, #footer-home p.copyright {
	font-size: 94%;
	color: #777;
	font-weight: normal;
	margin: .3em 0 0;
	padding-bottom: 1em;
}


/* =PORTFOLIO NEW 05/07
======================================================== */
dl.port_web { float: left; display: inline; width: 180px; margin: 0 18px 30px 0; font-size: 94%; }
dl.port_web dt a { background-color: #FFF; border-bottom: none; }
dl.port_web dt a img { padding: 5px; border: 1px solid #CCC; margin-bottom: .3em; }
dl.port_web dt a:hover img { border-color: #6BA83B; }



#portfolio { margin: 0; width: 900px; }
#portfolio dl, #portfolio-outdoor dl {
	float: left; display: inline;
	width: 110px;
	margin: 8px 40px 25px 0;
}
#portfolio-outdoor dl, #portfolio-outdoor dl { width: 200px; }

#portfolio dt, #portfolio-outdoor dt {
	font-size: 120%; margin: 0 0 10px; font-weight: bold; 
	letter-spacing: -.03em;
	color: #3F8700;
}
#portfolio dd, #portfolio-outdoor dd {
	margin-top: .3em;
	font-size: 98%;
}
#portfolio dd strong { color: #555; }



/* NAVIGATION (main)
======================================================== */
#navs {
    width: 449px; height: 24px;
	background-image: url(../img/nav-main.jpg); 
    margin: 0 auto; padding: 0;
	position: absolute; z-index: 15;
	top: 125px; left: 329px;
}
#SubNavs li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
	top: 0;
	text-indent: -9999px;
}
#SubNavs li, #SubNavs a { height: 24px; display: block; }
#sub1 { left: 0px; width: 105px; }
#sub2 { left: 105px; width: 115px; }
#sub3 { left: 220px; width: 133px; }
#sub4 { left: 353px; width: 96px; }

#sub1 a:hover, #sub1 a.selected {
    background: transparent url(../img/nav-main.jpg)
	0px -24px no-repeat; }
#sub2 a:hover, #sub2 a.selected {
    background: transparent url(../img/nav-main.jpg)
    -105px -24px no-repeat; }
#sub3 a:hover, #sub3 a.selected {
    background: transparent url(../img/nav-main.jpg)
    -220px -24px no-repeat; }
#sub4 a:hover, #sub4 a.selected {
    background: transparent url(../img/nav-main.jpg)
    -353px -24px no-repeat; }



/* =ANTHOLGY MENU
_________________________________________________________________ */
#worktype {
	margin: 15px 0 0 0;
	font-weight: bold;
}
#worktype li {
	display: inline;
	line-height: 1%;
	list-style: none;
	position: relative;
	color: #9DA33A;
	margin: 0 20px 0 0;
	padding: 0 0 0 17px;
	background: url(../img/arrow-green.gif) no-repeat 0 50%;
}
#worktype li a:link, #worktype li a:visited { color: #53A54B; text-decoration: none; border-bottom: none; background: none; }
#worktype li a:hover, #worktype li a:active, #worktype li a.selected { color: #777; text-decoration: none; background: none; border-bottom: 1px solid #D8F0C8; }
#worktype li a.selected { border-bottom: none; }