@charset "utf-8";
@import url("../Webfont Set/stylesheet.css");
@import url("../Webfont Set/futura/futuraset.css");
/* CSS Document */


/* css reset. this sets resets all defaults to avoid browser inconsitency */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* topmost elements */

h1 {
	font-family:'FuturaStdLight';
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:.2em;
	color: #f74902
}
h2 {
	font-family:'FuturaStdLight';
	font-size:1em;
	letter-spacing:.1em;
	color: #f74902
}
p {
	text-align:left;
	text-decoration:none;
	font-family: 'AvenirLTStd45Book';
	font-size:.70em;
	letter-spacing: .1em;
	line-height:1.5em;
}
a {
	font-family:'FuturaStdMedium';
	font-size:.7em;
	letter-spacing:.2em;
	color:#999;
}

a:hover {
	color: #f74902;
	cursor: pointer;
}


/* This is for the Slideshow added anchor in the architecture section */

span.toggle a {

	font-family:'FuturaStdMedium';
	font-size: 1em;
	letter-spacing:.2em;
	color:#999;
	line-height: 2.2em;

}

span.toggle a:hover {

	color:#f74902;

}

/* anchors in the news section */

div.news a {

	font-size: inherit;
	color: #f74902;
}

div.news p {

	width: 420px;
}





.pdfLink {
	color: #f74902;
}
.pdfLink:hover {
	color: gray;
	cursor:pointer;
	margin-top:10px;
}
.pdfLink a {
	text-align:left;
	text-decoration:none;
	font-family: 'AvenirLTStd45Book';
	font-size:1em;
	letter-spacing: .1em;
	line-height:1.5em;
}
#footer {
	font-family:'FuturaStdMedium';
	font-size:.7em;
	position:fixed;
	bottom:25px;
	width:100%;
	text-align:center;
	letter-spacing:.2em;
	color:#999;
	background-color: white;
	padding: 10px
}
/* positioning for the top-level navigation strip */

#logo {
	
	margin: 8px;
	margin-top: 8px;
	
}
#nav {
	list-style-type: none;
	float: right;
	margin: 17px;
}
#nav li {
	display: inline;
}
#nav li a {
	margin: 10px;
}
/* positiong of main elements */

div#mainBox {
	/* all main content is within this box. use this to move everything a little up or down */
	width:1000px;
	height: 300px;
	z-index:0;
	margin:0 auto;
	position:relative;
	margin-top: 140px;
}
#navbox {
	border-right: solid thin #b5b2aa;
	margin-right: 15px;
	width:250px;
	height:420px;
	float:left;
}
#contentbox {
	float:left;
	width:40%;
	text-align:center;
	width:650px;
	height:400px;
	margin-left:15px;
	overflow: visible;
}
/* positioning of list within box */

ul.navlist {
	float:left;
	margin-top: 125px;
	margin-left: 23px;
}
span.toggle {
	font-family:'FuturaStdMedium';
	font-size:.7em;
	letter-spacing:.2em;
	color:#999;
	line-height: 2.2em;
}
span.toggle:hover {
	color: #f74902;
	cursor: pointer;
}
ul.minor li {
	margin-left: 30px;
	margin-top: 5px;
	letter-spacing: normal;
}
/* formatting for introduction slideshow */


.slides_container {
	width:650px;
	height:400px;
}
.slides_container div {
	width:650px;
	height:400px;
	display:block;
}
.slides_container div img {
	width:650px;
	height:400px;
	cursor: pointer;
}
.slides_container div h1 {
	display:block;
	background-color:#FFF;
	margin:4px;
	margin-top: 0px;
}
.next:hover, .prev:hover {
	cursor:pointer;
}
#slides .prev, #slides .next {
	position:absolute;
	top: 404px;
}
#slides .prev {
	background-image:url(../images/leftArrowThin.png);
	width:30px;
	height:30px;
	left: 280px;
}
#slides .prev:hover {
	background-image:url(../images/leftArrowFull.png);
}
#slides .next {
	background-image:url(../images/rightArrowThin.png);
	width:30px;
	height:30px;
	right: 63px;
}
#slides .next:hover {
	background-image:url(../images/rightArrowFull.png);
}
/* formatting for dynamically inserted content */

#contentbox p {
	text-align:left;
}

/* formatting for projects */


div.project h1 {
	position:absolute;
	padding: 10px;
	left:290px;
	top:0px;
}


div.project p {
	position: absolute;
	width:240px;
	left: 290px;
	top: 70px;
}

div.project p.noStats {


position: absolute;
width:240px;
left: 290px;
top: 150px;


}



/* use the paragraph class "stats" below to tweak the location of the statistics of each project */
div.project p.stats {
	position: absolute;
	left: 290px;
	top: 238px;
}

div.project p.inlineStats {




}



#slides_inner {
	width:400px;
	height:270px;
	margin-left: 280px;
	margin-top: 70px;
}
#slides_inner .slides_container {
	width:400px;
	height:270px;
	display: none;
}

#slides_inner img {

	width: auto;
	height: auto;
	margin: 0;
	float: left;


}

/* formatting of the small slide show "buttons" (pagination) */
.pagination {
	width:100px;
	list-style: none;
	position:absolute;
	left: 559px;
	top: 345px;
	right: 100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
	;
}
.pagination a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
/* formatting for "about us" */


div.aboutUs {
	margin-top: 55px;
}
div.aboutUs img {
	width: 300px;
	height: 300px;
	float: left;
}
div.aboutUs p {
	position: absolute;
	width:320px;
	left:600px;
	top: 85px;
}
div.aboutUs h1 {
	width: auto;
	position: absolute;
	left:600px;
	top:55px;
}
/* style for archive section */

div#archive p {
	text-align:left;
	float:left;
	font-size:.7em;
	color: black;
	line-height:2em;
	height:400px;
	width:200px;
	overflow:auto;
}
div#archive a {
	font-size:inherit;
}
/* style if no image */
#contentbox div.noImage p {
	margin-top:30px;
	width:600px;
}
div.noImage h1 {
	float:left;
	padding:10px;
}
/* style for news contact */

div.contact {
	height:400px;
	overflow:auto;
}
div.contact p {
	float:left;
}
div.contact h1, h2 {
	float:left;
	line-height:2.5em;
}
div.contact p {
	text-indent:30px;
}
div.contactInfo {
	margin-top:140px;
}

.hilite {

	color: #f74902;
	

}