/* Projects style sheet */

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

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

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

#hd-right {
	background-image: url(../images/projects/hd-pr-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/projects/nv-pr-hm.jpg); width: 55px; }
#nav-top li#menu-srv a span { background: url(../images/projects/nv-pr-sv.jpg); width: 78px; }
#nav-top li#menu-prj a span { background: url(../images/projects/nv-pr-pr.jpg) -80px 0; width: 80px; }
#nav-top li#menu-abt a span { background: url(../images/projects/nv-pr-ab.jpg); width: 61px; }
#nav-top li#menu-nws a span { background: url(../images/projects/nv-pr-nw.jpg); width: 66px; }
#nav-top li#menu-res a span { background: url(../images/projects/nv-pr-rs.jpg); width: 90px; }
#nav-top li#menu-pcp a span { background: url(../images/projects/nv-pr-pc.jpg); width: 90px; }
#nav-top li#menu-cnt a span { background: url(../images/projects/nv-pr-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;
}

#primary p:first-child {
	display: inline;
}

#secondary a {
	color: #638b54;
}

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

#secondary a:hover {
	position: relative;
	color: #757e80;
	width: 200px;
	display: block;
}

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

h3 {
	margin-top: 2.0em;
}

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

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

#primary img {
	margin: 23px 0 0 0;
}

.thumbcaption img {
position: absolute;
background-color: #757e80;
padding: 7px;
left: -1600px;
visibility: hidden;
text-decoration: none;
}

#secondary a.thumbcaption:hover img, #secondary a.thumbcaption.sfhover img {
visibility: visible;
top: -60px;
left: 201px;
z-index: 999;
}