body { background: #868686; margin: 0; }
* { font-family: Helvetica, Arial, Verdana; margin: 0; padding: 0; }

h1 { color: #444; font-size: 14pt; }
h2 { color: #444; font-size: 12pt; }
h3 { color: #666; font-size: 11pt; }
a {}
td { vertical-align: top; }
p { font-size: 10pt; color: #fff; width: 430px}


#panel { position: absolute; top: 50%; margin-top: -261px; width: 100%; height: 522px; }
#viewport { background: #c6c6c6; height: 476px; border-bottom: solid 8px #000; border-top: solid 8px #000;  }

#nav, #content, #project, #home { width: 934px; position: relative; margin: 0 auto; }
#content, #project, #home { height: 476px; overflow: hidden; }


/*text*/
div.bigtext {
	height: 476px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	right: 50%;
	margin-right: 467px;
}

/*nav*/
#nav { height: 30px;}
.nav ul{ list-style: none; }
.nav li { float: left; }
.nav li a { display: block; text-decoration: none; color: #fff; font-size: 18px; font-weight: bold; line-height: 30px; padding: 0 4px; }
.nav li.dark a { color: #000000; }
.nav li a:hover, .nav li a.on { color: #ffffff; background: #000000; }

#logo { position: absolute; left: 50%; margin-left: 289px; z-index: 10; bottom: 5px; }

/*leases*/
table.mapping { width: 100%; }
table.mapping h3 { font-weight: normal; font-size: 10pt; }

div.mapItem { width: 320px; padding: 8px;}
div.mapItem img { border: solid 3px #aaa; margin-right: 8px; }
div.mapItem h1 { font-size: 12pt; color: #555; }
div.mapItem p { margin: 4px 0; font-size: 9pt; color: #444; width:100% }
div.mapItem a { color: #1b9be5; font-size: 9pt; text-decoration: none; }

div.leases a { font-size: 9pt; text-decoration: none; color: #1b9be5; }

div.filters { background: #444; height: 26px; }
div.filters select { font-size: 9pt; color: #444; margin: 0 10px 0 4px; }
div.filters td { color: #fff; font-size: 10pt; font-weight: bold; line-height: 20px; }
div.filters input { height: 20px; border: solid 1px #fff; margin-top: 1px; line-height: 16px; }

div.leases { padding: 8px; }

h2.v-tog, h2.v-tog-active {
	cursor: pointer;
	padding-left: 20px;
	line-height: 20px;
}

div.leases h2.v-tog { background: url(/img/arrowRight.gif) no-repeat 4px 4px;  }
div.leases h2.v-tog-active { background: #cecece url(/img/arrowDown.gif) no-repeat 4px 4px;}

div.leases table:hover { background: #f7f7f7; }

td.name { width: 45%; }
td.sqft { width: 30%; }




/* projects */
#project { background: #444; }



div.left { position: relative; width: 700px; overflow: hidden; }
div.links, h1.big { position: absolute; right: 4px; z-index: 20;  }

h1.project { font-size: 32px; }
h1.big { font-size: 46px; z-index: 99; right: 8px; color: #666; top: 0; }

#photo, #plan, #info { height: 440px; overflow: hidden; vertical-align: middle; text-align: center;  }
#info p { color:#ffffff; margin: 67px 20px 0 20px; text-align: left; }
#plan { background: #444; }



div.squares { width: 100%; height: 36px; background: #333;  }
div.squares a { display: block; float:left;  width: 24px; height: 24px; background: #fff; margin: 6px 0 0 6px; }
div.squares a:hover { background: #ff9900; }
div.squares a.on { background: #444; } 

.tabs { }
.tabs a { display: block; float: left; height: 100%; width: 70px; text-align: center; text-decoration: none; color: #fff; line-height: 200px; font-weight: bold; }
.tabs a:hover { color: #1b9be5; }

.links { top: 60px; text-align: right; width: 230px; }
.links h1 { border-bottom: dotted 1px #555; color: #eee; font-size: 24px; }
.links a { text-decoration: none; margin: 0; }
.links a:hover h1 { color: #ff9900; }


.toggler {
	float: left; height: 476px; width: 60px; color: #fff; text-align: center; cursor: pointer; line-height: 150px;
}
.element {
	float: left; height: 476px; width: 520px; overflow: hidden; color: #fff;
}

/*home*/
#left { width: 450px; height: 450px; overflow: hidden; position: absolute;  top: 13px; }
#left img { position: absolute; }

#right { position: absolute; width: 460px; height: 450px; left: 460px; top: 13px; }
#right  .spin { position: absolute; left: 0; bottom: 10px; width: 160px;}
#right img.intro { margin-top: 10px; }

#right #slide { position: relative; height: 149px; width: 460px; overflow: hidden; }
#right #slide .vbar { position: absolute; height: 100%; width: 10px; background: #c6c6c6; top: 0; }
#right #slide img { position: absolute; }

/* method */
#method { position: relative; width: 934px; height: 449px; margin: 13px 0; overflow: hidden; }
#method div { position: absolute; background: #c6c6c6; }
#method .vbar { height: 449px; width: 10px; top: 0; left: 50%; margin-left:-5px; z-index:2; }
#method .hbar { height: 10px; width: 934px; top: 50%; left: 0%; margin-top:-5px; z-index:2; }
#method .content { right: 0; bottom: 0; width: 50%; height: 50%; background: #555; -moz-opacity:.9; }
#method .content p { margin: 20px; color: #fff; text-align:justify; }

/*team*/
#team { position: relative; width: 934px; height: 449px; margin: 13px 0; }
#team div.member { position: relative; height: 130px; width: 400px; margin-bottom: 24px; }
#team div.member a { position: absolute; z-index: 3; color: #fff; font-size: 30px; top: 45px; right: 45px; font-weight: bold; text-decoration: none; }
#team div.member a:hover { color: #ff9900; }
#team div.member div { position: absolute; z-index: 2; width: 150px; height: 130px; background: #777; right: 0; }

#bios { position: absolute; right: 0; top: 0; width: 400px; height: 449px; top: 150px; }
#bios div.bio { width: 400px; background: #777; font-weight: normal; font-size: 12px; }
#bios div.bio span { display: block; padding: 20px; color: #fff;  }
#bios h1 { color: #fff; }

/*tool tips*/
.Tips
{
	cursor: pointer;
	color: #222;
	font-size: 10pt;
	border-bottom: dashed 1px #fff;
	padding: 1px 0;
	width: 98%;
}

.tool-tip {
	color: #fff;
	min-width: 180px;
	width: auto;
	z-index: 13000;
	background: #000;
	-moz-opacity: .9;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}


div#info a { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
}
div#info a:hover { 
	color: #ff9900; 
}

div#social {
	width: 934px;
	margin: 0px auto;
}

div#social ul {
	list-style-type: none;
	float: right;
	clear: both;
	margin: 0px auto;
	margin-top: -30px;
	position: relative;
}

div#social ul li {
	float: left;
}

div#social ul li a img {
	border: none;
	width: 20px;
	height: 20px;
	margin: 3px;
}