/* About style sheet */

@import url("layout.css");
@import url("typography.css");
@import url("nav.css");

#header {
	background: url(../images/about/hd-ab-tp.jpg) top left no-repeat;
}

#hd-left {
	background-image: url(../images/about/hd-ab-l.jpg);
}

#hd-right {
	background-image: url(../images/about/hd-ab-r.jpg);
}

/* nominal */
#nav-top li#menu-hom { left: 0px; }
#nav-top li#menu-srv { left: 55px; }
#nav-top li#menu-prj { left: 133px; }
#nav-top li#menu-abt { left: 213px; }
#nav-top li#menu-nws { left: 274px; }
#nav-top li#menu-res { left: 340px; }
#nav-top li#menu-pcp { left: 430px; }
#nav-top li#menu-cnt { left: 520px; }

#nav-top li#menu-hom a span { background: url(../images/about/nv-ab-hm.jpg); width: 55px; }
#nav-top li#menu-srv a span { background: url(../images/about/nv-ab-sv.jpg); width: 78px; }
#nav-top li#menu-prj a span { background: url(../images/about/nv-ab-pr.jpg); width: 80px; }
#nav-top li#menu-abt a span { background: url(../images/about/nv-ab-ab.jpg) -61px 0; width: 61px; }
#nav-top li#menu-nws a span { background: url(../images/about/nv-ab-nw.jpg); width: 66px; }
#nav-top li#menu-res a span { background: url(../images/about/nv-ab-rs.jpg); width: 90px; }
#nav-top li#menu-pcp a span { background: url(../images/about/nv-ab-pc.jpg); width: 90px; }
#nav-top li#menu-cnt a span { background: url(../images/about/nv-ab-ct.jpg); width: 70px; }

/* hover */
#nav-top li#menu-hom a span:hover, #nav-top li#menu-hom a span.sfhover { background-position: -55px 0; }
#nav-top li#menu-srv a span:hover, #nav-top li#menu-srv a span.sfhover { background-position: -78px 0; }
#nav-top li#menu-prj a span:hover, #nav-top li#menu-prj a span.sfhover { background-position: -80px 0; }
#nav-top li#menu-abt a span:hover, #nav-top li#menu-abt a span.sfhover { background-position: -61px 0; }
#nav-top li#menu-nws a span:hover, #nav-top li#menu-nws a span.sfhover { background-position: -66px 0; }
#nav-top li#menu-res a span:hover, #nav-top li#menu-res a span.sfhover { background-position: -90px 0; }
#nav-top li#menu-pcp a span:hover, #nav-top li#menu-pcp a span.sfhover { background-position: -90px 0; }
#nav-top li#menu-cnt a span:hover, #nav-top li#menu-cnt a span.sfhover { background-position: -70px 0; }

#primary {
	padding-top: 30px;
	width: 550px;
}

#primary p {
	font-size: 1em;
	margin: 8px 0 0 0;
	padding: 0;
	line-height: 1.32em;
}

#primary p.run-in {
	font-size: 1.1em;
	line-height: 1.65em;
}

#secondary a {
	color: #638b54;
}

#secondary li a {
	font-size: 1em;
}

#secondary a:hover {
	color: #757e80;
}

h2 {
	font-size: 1em;
	margin: 0;
	padding: 1px 0 1px 0;
	font-weight: bold;
}

h2.person {
	text-transform: none;
}

h2#hd-about, #hd-about span {
	background: url(../images/about/hd-about.gif) no-repeat;
	padding: 0;
	height: 11px;
	width: 45px;
}

h3 {
	font-size: 1em;
	margin: 8px 0 1px 0;
	padding: 0;
	text-transform: none;
}

p.small {
	margin-top: 1px;
	width: 350px;
}

p.tiny {
	margin: -3px 0 4px 0;
}

#primary ul {
	font-size: 1em;
	line-height: 1.32em;
	padding: 0 0 8px 0;
}

#primary ul li {
	background: none;
	margin: 0;
	padding: 0;
}

ul#person-list {
	line-height: 1.65em;
	margin: 6px 0 0 0;
	padding: 0;
}

ul#col1 {
	float: left;
	width: 250px;
	margin: 8px 0 0 0;
}

ul#col2 {
	float: right;
	width: 250px;
	margin: 8px 0 0 0;
}

ul#col1 ul {
	margin: 0;
	padding: 0 0 0 1em;	
}

ul#col2 ul {
	margin: 0;
	padding: 0 0 0 1em;
}

img#headshot {
	float: left;
	padding: 4px 25px 0 0;
}

div#bio {
	width: 400px;
	float: right;
}