/** General CSS start **/
body {
	background-color:  #FFFFFF;
	font-family:  Helvetic, Arial, sans-serif;
	}
p {
	color:  #565656;
	}
.Input_Text {
	font-family:  Helvetic, Arial, sans-serif;
	font-size:  1em;
	color:  #8a8a8a;
	border:  1px solid #ff3333;
	}
.Footnote {
	font-size:  0.7em;
	}
.thumb {
	width:  90px;
	height:  90px;
	margin-right:  1px;
	}
.Divider_Line {
	width:  500px;
	height:  1px;
	margin-left:  30px;
	margin-top:  30px;
	margin-bottom:  30px;
	}

h1 {
	color:  #434343;
	font-size:  1.3em;
	margin-bottom:  -5px;
	}

#Images {
	width:  275px;
	line-height:  0.9em;
	}
#Text {
	width:  560px;
	position:  relative;
	font-size:  0.8em;
	top:  5px;
	}


#All_Content {
	width:  850px;
	margin:  auto;
	}
#Left {
	float:  left;
	}
#Right {
	float:  right;
	}
/** General CSS end **/	
	
/** Home page start **/	
#Home_Images {
	width:  850px;
	position:  relative;
	line-height:  0.9em;
	top:  10px;
	}
#Home_Text {
	width:  850px;
	background: url(design_images/background_white.png);
	background-repeat:	repeat-x;
	position:  relative;
	top:  -6px;
	float:  left;
	margin-bottom:  -20px;
	}
#Home_Text p {
	position:  relative;
	top:  10px;
	left:  5px;
	font-size:  0.8em;
	}
#Home_Text b {
	font-size:  1.2em;
	color:  #ff3333;
	line-height:  1.0em;
	}
#Home_Left {
	float:  left;
	width:  530px;
	position:  relative;
	top:  10px;
	}
#Home_Right {
	float:  right;
	width:  300px;
	position:  relative;
	top:  10px;
	}
/** Home page end **/

.Values {
	margin-bottom:  40px;
	}

/** Client Resources page start **/		
.Resources_Text {
	width:  415px;
	font-size:  0.8em;
	position:  relative;
	top:  20px;
	margin-bottom:  35px;
	}
/** Client Resources page end **/

/** People page start **/		
#Images_People {
	margin-top:  36px;
	}
#Text_People {
	margin-top:  31px;
	margin-bottom:  150px;
	}
.thumb_people {
	width:  90px;
	height:  90px;
	margin-right:-3px;
	}
/** People page end **/

/** Contact page start **/		
#Images_Contact {
	margin-top:  36px;
	}
#Text_Contact {
	margin-top:  31px;
	margin-bottom:  150px;
	}
/** People page end **/

/** Work page start **/	
.Work_Left_A {
	float:  left;
	}
.Work_Left_B {
	float:  left;
	}
.Work_Right_B {
	float:  right;
	}
.Work_Left_C {
	float:  left;
	}
.Work_Right_C {
	float:  right;
	}
#Work_Top {
	width:  850px;
	margin-top:  15px;
	}
#Work_Bottom {
	width:  850px;
	position:  relative;
	top:  -40px;
	margin-bottom:  250px;
	}
.bg {
	background: url(design_images/transparent_white_bg.png);
	background-repeat:	repeat;
	height:  30px;
	width:  170px;
	margin-bottom:  -5px;
	}
#Work_Box1 {
	width:  170px;
	}
#Work_Box2 {
	width:  170px;
	}
#Work_Box3 {
	width:  170px;
	}
#Work_Box4 {
	width:  170px;
	}
#Work_Box5 {
	width:  170px;
	}
.Work_Content {
	width:  169px;
	font-size:  0.9em;
}
.Work_Content h1 {
	position:  relative;
	top:  -32px;
	color:  #ffffff;
	margin-bottom:  -35px;
	background:  #ff3333;
	width:  212px;
	}
.Work_Content h2 {
	font-size:  1.1em;
	color:  #434343;
	position:  relative;
	top:  3px;
	padding-left:  2px;
	}
.Work_Text {
	width:  600px;
	font-size:  0.8em;
}
.Work_Content p {
	width:  169px;
	font-size:  0.8em;
	padding-left:  2px;
}

.Projects {
	margin-bottom:  100px;
	margin-top:  100px;
	}
.Project_Listing {
	font-size:  1em;
	color:  #434343;
	margin-bottom:  -5px;
	}


/** Footer start **/	
#Footer_Left {
	float:  left;
	width:  310px;
	margin-top:  -5px;
	}
#Footer_Right {
	float:  right;
	width:  500px;
	margin-top:  -5px;
	}
#Footer {
	width:  850px;
	height:  35px;
	background: url(design_images/footer_line_light.jpg);
	background-repeat:	repeat-x;
	float:  left;
	margin-top:  75px;
	margin-bottom:  30px;
	padding:  0px;
	font-size:  0.7em;
	}
#Footer p {
	color:  #808080;
	}
#Footer_Address {
	line-height:  13px;
	}
#Footer_Contact {
	line-height:  13px;
	position:  relative;
	left:  -25px;
	}
#Footer_Email {
	line-height:  13px;
	}
#Footer_Info {
	line-height:  13px;
	text-align:  right;
	}

/** Main navigation start **/	
#Top_Nav {
	width:  850px;
	height:  35px;
	background: url(design_images/main_navbar.jpg);
	background-repeat:	no-repeat;
	position:  relative;
	top:  10px;
	margin-top:  50px;
	padding:  0px;
	}

#Top_Nav li {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
    position:  absolute; 
    top: 0px;
	}

#Top_Nav li, #Top_Nav a {
    height: 35px; 
    display: block;
	}

#Name {
	left:  4px;
	width:  284px;
	}
#Name a:hover {
	background: url(design_images/main_navbar.jpg) -4px -35px no-repeat;
	}
#Values {
	left:  291px;
	width:  60px;
	}
#Values a:hover {
	background: url(design_images/main_navbar.jpg) -291px -35px no-repeat;
	}
#Work {
	left:  359px;
	width:  51px;
	}
#Work a:hover {
	background: url(design_images/main_navbar.jpg) -359px -35px no-repeat;
	}
#People {
	left:  418px;
	width:  61px;
	}
#People a:hover {
	background: url(design_images/main_navbar.jpg) -418px -35px no-repeat;
	}
#Learning {
	left:  487px;
	width:  77px;
	}
#Learning a:hover {
	background: url(design_images/main_navbar.jpg) -487px -35px no-repeat;
	}
#Blog {
	left:  572px;
	width:  47px;
	}
#Blog a:hover {
	background: url(design_images/main_navbar.jpg) -572px -35px no-repeat;
	}
#Client_Resources {
	left:  627px;
	width:  137px;
	}
#Client_Resources a:hover {
	background: url(design_images/main_navbar.jpg) -627px -35px no-repeat;
	}
#Contact {
	left:  772px;
	width:  73px;
	}
#Contact a:hover {
	background: url(design_images/main_navbar.jpg) -772px -35px no-repeat;
	}

/** Sub-navigation start **/		
#Sub_Nav {
	width:  850px;
	height:  20px;
	position:  relative;
	top:  -6px;
	text-align:  right;
	font-size:  0.8em;
	color:  #ff3333;
	}
#Sub_Nav li {
	list-style: none;
    position:  absolute; 
	}
#Sub_Nav li, #Sub_Nav a {
    height: 20px; 
    display: block;
	}
#Sub_Sustainability {
	left:  548px;
	}
#Sub_Accessibility {
	left:  660px;
	}
#Sub_Volunteerism {
	left:  770px;
	}
	
#Sub_Research {
	left:  624px;
	}
#Sub_Teaching {
	left:  718px;
	}
#Sub_Travel {
	left:  808px;
	}

#Sub_Nav_Work {
	width:  850px;
	height:  20px;
	position:  relative;
	top:  -6px;
	text-align:  right;
	font-size:  0.8em;
	color:  #ff3333;
	}
#Sub_Nav_Work li {
	list-style: none;
    position:  absolute; 
	}
#Sub_Nav_Work li, #Sub_Nav_Work a {
    height: 20px; 
    display: block;
	}
#Sub_Work1 {
	left:  347px;
	}
#Sub_Work2 {
	left:  483px;
	}
#Sub_Work3 {
	left:  590px;
	}
#Sub_Work4 {
	left:  680px;
	}
#Sub_Work5 {
	left:  780px;
	}

/** Links start **/	
a:link {
	color: #ff3333;
	text-decoration:  none;
	}
a:visited {
	color:  #ff3333;
	text-decoration:  none;
	}
a:active {
	color:  #ff3333;
	text-decoration:  none;
	}
a:hover {
	color:  #4384c1;
	text-decoration:  none;
	}
	

/** Lightbox start **/	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #a6a6a6; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }