@charset "UTF-8";
/* CSS Document */

/* MAIN PAGE COMPONENTS ---------- */
html {
	font-size:125%;
	}
body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#000000;
	background-image:url(../images/grunge-background.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50%;
	text-align:left;
	color:#ffffff;
	}
#content {
	margin:0 0 0 0;
	width:642px;
	position:absolute;
	top:70px;
	left:300px;
	}
#newsarticle ul {
	margin:10px 0 0;
	padding:0 0 0 20px;
	font-size:1.2em;
	line-height:1.3em;
	list-style:square;
	color:#999999;
	}
div.clearIt {
    clear: both;
	}
#linkPager {
	margin:0 0 0 0;
	}
#linkPager a.selected, #linkLabel a.selected {
    color:#ffffff;
	}
#linkLabel {
	position:absolute;
	top:362px;
	left:510px;
	margin:6px 10px 0 0;
	text-align:right;
	font-style:italic;
	text-transform:uppercase;
	color:#999999;
	}
#imgHolder {
	position:relative;
	width:640px;
	height:360px;
	border: 1px solid gray;
}
#pic1, #pic2 {
    position:absolute;
    top:0px;
    left:0px;
	width:640px;
	height:360px;
	}
#pic2 {
	display:none;
}
/* NAVIGATION ---------- */
#navigation {
	width:383px;
	height:26px;
	margin:0 0 0 0;
	padding:0 0 0 0;
    background: url('../images/nav.gif') top left no-repeat;
	position:absolute;
	top:28px;
	left:553px;
	z-index:3;
	}
#about {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 56px;
    height: 26px;
    background: url('../images/btn-about-on.gif') top left no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#work {
    position: absolute;
    display: block;
    top: 0px;
    left: 55px;
    width: 51px;
    height: 26px;
    background: url('../images/btn-work-on.gif') top left no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#sustainability {
    position: absolute;
    display: block;
    top: 0px;
    left: 106px;
    width: 120px;
    height: 26px;
    background: url('../images/btn-sustainability-on.gif') top left no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#news {
    position: absolute;
    display: block;
    top: 0px;
    left: 226px;
    width: 49px;
    height: 26px;
    background: url('../images/btn-news-on.gif') top left no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#collaborate {
    position: absolute;
    display: block;
    top: 0px;
    left: 275px;
    width: 106px;
    height: 26px;
    background: url('../images/btn-collaborate-on.gif') top left no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#about.current, #work.current, #sustainability.current, #news.current, #collaborate.current {
    filter: alpha(opacity=100);
    opacity: 1;
	}
#example.current {
	color:#ffffff;
	}
#linkWork a.selected {
    color: #ffffff;
	}
em.linkWork {
	font-style:italic;
	text-transform:uppercase;
	color:#999999;
	}

/* GENERAL TEXT AND FORMATTING ---------- */
h1 {
	color:#ffffff;
	font-size:1.8em;
	line-height:1.4em;
	}
p {
	font-size:1.2em;
	line-height:1.3em;
	color:#ffffff;
	}
.pageimage1 {
	margin:0 0 0 0;
	}
.copy {
	margin:40px 15px 30px 15px;
	}
.copyshort {
	margin:25px 45px 30px 15px;
	}
.copynopic {
	margin:10px 45px 30px 15px;
	}
.workcopy {
	margin:20px 15px 30px 15px;
	}
.popup {
	margin:10px 15px 20px 15px;
	}
.divider {
	margin:0 0 0 0;
	width:642px;
	height:6px;
	background-image:url(../images/divider-horizontal.gif);
	background-repeat:no-repeat;
	}
.copy h1, .copynopic h1, .copyshort h1, .workcopy h1, .popup h1 {
	margin:10px 0 0 0;
	font-size:1.8em;
	line-height:1.2em;
	}
.copy p, .copynopic p, .copyshort p, .workcopy p, .popup p {
	margin:10px 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}
.popup h2 {
	margin:10px 0 0 0;
	font-size:1.8em;
	line-height:1.3em;
	color:#ffffff;
	font-weight:bold;
}
.copyshort ul {
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	list-style-type:none;
	list-style:none;
	color:#999999;
	}
em.date {
	color:#666666;
	font-size:0.9em;
	line-height:1.0em;
	font-style:italic;
	}
em.pipe {
	padding:0 3px 0 3px;
	color:#333333;
 	}
#feature {
	margin:10px 15px 30px 15px;
	}
#feature h1 {
	margin:10px 0 10px 0;
	font-size:1.2em;
	line-height:1.2em;
	text-transform:uppercase;
	}
#feature h2 {
	margin:15px 0 5px 0;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:normal;
	}
#feature p {
	color:#999999;
	font-size:1.0em;
	line-height:1.1em;
	font-style:italic;
	}
.featureDivider {
	float:left;
	margin:0 20px 0 20px;
	width:4px;
	height:210px;
	background-image:url(../images/divider-vertical.gif);
	background-repeat:no-repeat;
	}
.featureColumn {
	float:left;
	width:172px;
	margin:0 0 0 0;
	}
#feature ul {
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	list-style-type:none;
	list-style:none;
	color:#999999;
	font-style:italic;
	}
/* ABOUT TEXT AND FORMATTING ---------- */
#biography {
	margin:30px 15px 20px 15px;
	}
#biography h1 {
	margin:0 0 0 0;
	font-size:1.4em;
	line-height:1.2em;
	text-transform:uppercase;
	}
#biography h2 {
	margin:0 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}
#biography p {
	margin:8px 0 8px 0;
	font-size:1.1em;
	line-height:1.2em;
	color:#999999;
	}
#bio1, #bio2, #bio3 {
	clear:both;
	margin:25px 0 45px 0;
	}
#col1, #col2, #col3 {
	float:left;
	margin:15px 30px 30px 30px;
	width:130px;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	font-style:italic;
	}

/* WORK TEXT AND FORMATTING ---------- */
#workvideo {
	margin:0 0 0 0;
	border: 1px solid gray;
	}
#worksection {
	margin:10px 15px 30px 15px;
	}
#worksection h1 {
	margin:10px 0 10px 0;
	font-size:1.2em;
	line-height:1.3em;
	text-transform:uppercase;
	}
#worksection h2 {
	margin:10px 0 10px -6px;
	padding:0 0 0 16px;
	font-size:1.2em;
	line-height:1.3em;
	text-transform:uppercase;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:left;
	color:#FFFFFF;
	}
#worksection ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	list-style:none;
	font-size:1.2em;
	line-height:1.6em;
	}
#worksection a, #worksection a:active, #worksection a:link, #worksection a:visited {
	text-decoration:none;
	color:#990000;
	}
#worksection a:hover, #worksection a.selected {
	text-decoration:none;
	color:#FFFFFF;
	}
#worknav a, #worknav a:active, #worknav a:visited, #worknav a:link, #worknav a:visited {
	color:#990000;
	margin:0 0 0 3px;
	text-decoration:none;
	font-style:italic;
	}
#worknav a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
.workColumn {
	float:left;
	width:280px;
	margin:0 0 0 0;
	clear:right;
	color:#999999;
	}
.workListing {
	margin:0 0 0 20px;
	color:#999999;
	line-height:1.6em;
	}
#worksection h2 a, #worksection h2 a:active, #worksection h2 a:link, #worksection h2 a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
#worksection h2 a:hover {
	text-decoration:none;
	color:#999999;
	}

/* SUSTAINABILITY TEXT AND FORMATTING ---------- */


/* NEWS TEXT AND FORMATTING ---------- */
#newssection {
	margin:15px 15px 15px 15px;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}
#newsheader {
	margin:0 15px 15px 15px;
	}
#newsarchive {
	margin:0 0 0 15px;
	position:relative;
	}
#newsarchive a, #newsarchive a:active, #newsarchive a:link, #newsarchive a:visited {
	color:#990000;
	text-decoration:none;
	}
#newsarchive a:hover {
	color:#FFFFFF;
	}
#newsarticle {
	margin:40px 40px 30px 120px;
	}
#newssection h1, #newsheader h1, #newsarticle h1 {
	font-size:1.8em;
	line-height:1.2em;
	margin:10px 0 0 0;
	}
#newssection p {
	margin:0 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}
#newsarticle p {
	margin:10px 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}
#newssection ul {
	margin:10px 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	list-style:none;
	}
#newssection a, #newssection a:active, #newssection a:link, #newssection a:visited {
	color:#FFFFFF;
	margin:0 0 0 0;
	text-decoration:none;
	}
#newssection a:hover {
	color:#990000;
	text-decoration:none;
	}
#newssection a.selected {
	color:#999999;
	text-decoration:none;
	}


/* COLLABORATE TEXT AND FORMATTING ---------- */
#collaboratesection {
	margin:40px 15px 30px 15px;
	}
#collaboratesection h1 {
	font-size:1.8em;
	line-height:1.2em;
	margin:10px 0 0 0;
	}
#collaboratesection p {
	margin:10px 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
	color:#999999;
	}

/* LINKS ---------- */
#linkback {
	border:0;
	position:absolute;
	top:40px;
	left:1px;
	}
a, a:link, a:visited, a:active {
	color:#990000;
	text-decoration:none;
	}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
#biography a, #biography a:active, #biography a:link, #biography a:visited {
	color:#990000;
	margin:0 0 0 0;
	font-style:italic;
	text-decoration:none;
	}
#biography a:hover {
	color:#FFFFFF;
	margin:0 0 0 0;
	font-style:italic;
	text-decoration:none;
	}
#feature a, #feature a:active, #feature a:link, #feature a:visited {
	margin:0 0 0 0;
	font-size:0.9em;
	line-height:1.0em;
	color:#990000;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
	}
#feature a:hover {
	margin:0 0 0 0;
	font-size:0.9em;
	line-height:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
	}

/* IMAGES ---------- */
.gray-border {
	border: 1px solid gray;
	}
.black-border {
	border: 1px solid black;
	}
.portrait {
	border: 1px solid gray;
	float:left;
	margin:0 20px 30px 0;
	clear:both;
	}
.newssection {
	border: 1px solid gray;
	margin:10px 10px 10px 0;
	clear:both;
	}

/* FOOTER ---------- */
#footer {
	position:absolute;
	bottom:15px;
	left:105px;
	text-align:right;
	font-size:1.0em;
	color:#999999;
}
em.label {
	font-style:normal;
	}
em.phone {
	font-style:normal;
	font-size:1.2em;
	}
em.address {
	font-style:normal;
	font-size:1.2em;
	}
em.copyright {
	color:#666666;
	font-style:italic;
	}

/* DIALOG ---------- */
#dialogClose {
    cursor:pointer;
	text-align:right;
}
#screen {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000000;
	filter:alpha(opacity=75);
	opacity:.75;
	display:none;
}
#dialog {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-275px;
	padding:2px;
    background:#000000;
	background-image:url(../images/grit.gif);
	background-repeat:no-repeat;
	background-position:right;
	border: 1px solid gray;
	border-collapse:collapse;
	display:none;
    width:520px;
    height:250px;
    text-align:left;
}