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

html, body {
	margin:0;
	padding:0;
	height:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

 p{margin:0;
	padding:0;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

img {
	clear: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.lightbox {
	border-right-width: 3px;
	border-right-style: solid;

	float: left;
}

.heading {
	font-size: 17px;
	margin:0;
	padding:0;

}


.sub-heading {
	margin:0;
	padding:0;

}

a { text-decoration:none;
	}
	a:link{
	
	
	
	
}
a:visited{

	
	
}
a:hover{
	
	 

}
a:active{

	
	
}

 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-250px;
	width:1px;
}
 
#centered {
	position:absolute;
	overflow: visible;
	top: 50%;
	height: 1px;
	width: 100%;
}
#container {
	position: absolute;
	height:462px;
	top: -250px;
	width: 100%;
}
#grey-container {

	height: 409px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 53px;
	text-align: left;
}


#header{
	clear:left;
	text-align: left;
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
}
 
#logo {
	position:absolute;
	right:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;

	top: 0px;
}
#people-image-box {
	position: absolute;
	top: 0px;
	left: 400px;
	height: 409px;
	width: 412px;

}
#people-image    {
	float: left;
	height: 103px;
	width: 103px;
}

 
 
#bottom {
	position:absolute;
	bottom:0; right:0;
}

img#index {
	border-right-width: 3px;
	border-right-style: solid;
	
}#index-left {
	position: absolute;
	left: 0px;
	top: 0px;
}


img#portfolio {
	border-right-width: 3px;
	border-right-style: solid;
	
}
#portfolio-image {
	position: absolute;
	left: 403px;
}
#right-content {
	position: absolute;
	left: 403px;
}



 
 
 #nav {
	padding-top: 10px;
	float: left;
}
#nav-right {padding-top: 10px;
	float: right;
	margin-right: 20px;
}


 
#navbox {
	width: 100%;

	position: absolute;
	top: 465px;
	left: -3px;
}
#left-text {
	height: 330px;
	width: 330px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 95%;
}


#left-text-narrow {
	height: 349px;
	width: 250px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 95%;
}
#left-text_test {
	width: 330px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 95%;
}
#menu {
	line-height: 150%;
	font-size: 13px;
	
}


#menu a{
	
	font-weight: bold;

	

}

#menu  a:link{
	color: #cccccc;
	
	
	
}
#menu  a:visited{

	
	
}
#menu  a:hover{
	
	 

}
#menu  a:active{

	
	
}
#menu  a#current{
	
	
	
}
#menu  a#fls{

	
	
}

#navbox a{
	
	font-weight: bold;
	margin-left: 18px; 	text-decoration:none; 
	

}
#navbox  a:link{

	
	
	
}
#navbox  a:visited{

	
	
}
#navbox  a:hover{

	 

}
#navbox  a:active{

	
	
}

#navbox  a#current{

	
}
#content {
	position: relative;
	height: 400px;
	
}
#portfolio-left {
	float: left;
	height: 400px;
	width: 400px;
}

#tab-box {
	height: 409px;
	width: 16px;
	float: right;
	margin-right: 3px;
	position: absolute;
	left: 384px;
	top: 0px;
}

#tab-box ul {

	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 8pt;
}
#tab-box ul li {
margin: 0px;
padding: 0px;


	


}

#tab-box ul li #current {

}

#tab-box ul li a {
	display: block;
	height:15
px;
	
	margin-bottom: 3px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}


#tab-box ul li a:link{
}


#tab-box ul li a:visited{
}


#tab-box ul li a:hover,  {
	
}

#tab-box ul li a:active {
	
}

#tab-box ul li a.current {

}
#menu-nav {
	height: 20px;
	width: 170px;
	float: left;
	margin-left: 20px;
	position: absolute;
	left: 0px;
	top: 369px;
}
#menu-nav a{
	font-size: 95%;
	display: block;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#menu-nav a:hover, #menu-nav ul li a:focus {

}



#menu-back {
	height: 20px;
	width: 170px;
	float: left;

}
#photo-creds {
	height: 20px;
	width: 150px;
	float: left;
	position: absolute;
	left: 215px;
	top: 369px;
	font-size: 95%;
	text-align: right;
}

#index-right {
	position: absolute;
	top: 0px;
	height: 409px;
	width: 500px;
	vertical-align: bottom;
	left: 615px;
}
#portfolio-thumbs-box {
	position: relative;
	top: 0px;
	left: 0px;
	height: 409px;
	width: 1170px;
}
#portfolio-thumbs {
	float: left;
	height: 82px;
	width: 150px;
	
}
#portfolio-thumbs p {
	margin: 5px;
	font-size: 16px;
	text-align: left;
}
#content-700 {
	position: absolute;
	left: 650px;
	width: 200px;
}
#scroll-buttons {
	height: 30px;
	width: 20px;
	float: left;
	position: absolute;
	left: 350px;
	top: 320px;
}
#content-leftcol-scroll
{
	height: 310px;
	width: 330px;
	float: left;
	margin-left: 20px;
	font-size: 95%;
	position: absolute;
	top: 56px;
}
#content-leftcol-scroll-top
{
	height: 30px;
	width: 24px;
	float: left;
	position: absolute;
	left: 340px;
	top: 314px;
}

#content-leftcol-scroll-top div
{
    cursor:pointer;
}

#content-leftcol-scroll-bottom
{
    clear:both;
    float:left;
}

#content-leftcol-scroll-bottom div
{
    cursor:pointer;
}
#wwd-left-text {
	height: 409px;
	width: 200px;
	float: left;
	font-size: 95%;

}
#wwd-main-content {
	position: absolute;
	top: 0px;
	left: 200px;
	height: 409px;
}
#grey-container-timeline {
	height: 409px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 53px;
	text-align: left;
}
#scroll-project-title {
	height: 30px;
	width: 330px;
	float: left;
	margin-left: 20px;
	font-size: 95%;
	position: absolute;
	top: 0px;
	margin-top: 20px;
}
#scroller { float: left; overflow: hidden; height: 282px; width: 310px}
#scroll-up {background-image: url(../images/scroll_arrow_up.gif); width: 25px; height: 14px;}
#scroll-down {background-image: url(../images/scroll_arrow_down.gif); width: 25px; height: 14px;}
#grey-container-timeline2 {
	
	height: 409px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 53px;
	text-align: left;
	
	background-repeat: repeat-x;
}