/* 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; }

#content {
	width: 400px;
	background-color: #fff;
	border-left: #fff 250px solid;
	border-right: #fff 250px solid;
}

#primary {
	float: left;
	margin: 0 -650px 0 0;
	padding: 31px 55px 64px 0px;
	width: 375px;
	background-color: #fff;
}

#primary p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 1.25em 0 0 0;
	padding: 0;
}

#primary h3 {
	font-size: 1.1em;
	text-transform: none;
	margin: 0;
	padding: 0;
}

#secondary {
	float: left;
	margin-left: -250px;
	padding: 34px 25px 64px 25px;
	width: 200px;
	background-color: #fff;
	position: relative;
}

#tertiary {
	float: right;
	margin-right: -250px;
	width: 225px;
	padding: 34px 25px 64px 0;
	background-color: #fff;
	position: relative;
	text-align: left;
}

#tertiary p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 0 0 0;
}

#primary ul.project-specs {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}

#primary  ul#col1.project-specs {
	width: 115px;
	float: left;
}

#primary  ul#col2.project-specs {
	width: 235px;
	float: right;
}

#primary ul.project-specs li {
/*	display: inline; */
	background: none;
	margin: 0 0 0.05em 0;
	padding: 0 1em 0 0;
}

/*#primary ul.project-specs li:last-child {
	padding: 0;
}*/

.project-stat {
	color: #638b54;
}

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

img#project-image {
	margin: 0 0 0.1em 0;
	padding: 0;
}

p#image-caption {
	line-height: 1.45em;
}