@charset "UTF-8";
@import url(nav.css);

/* Colors:
Red: #660909
Text: #333333
Pink: #e9dcdc
*/

/* CSS Document */

html,body {
	font-size: 9px;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#outer {
	position: absolute;
	top: 0;
	width: 99%;
	text-align: center;
}
#main {
	position: relative;
	width: 960px;
}

/* HEADER */
#logo {
	position: absolute;
	left: 17px;
	top: 12px;
}	
#nav_bar {
	font-size: 11px;
}
/*#head_bar_intro {
	height: 127px;
	position: absolute;
	left: 587px;	width: 90px;
	top: 0;
	background: #e9dcdc;
}	
#head_bar_projects {
	height: 127px;
	position: absolute;
	left: 680px;	width: 136px;
	top: 0;
	background: #e9dcdc;
}	
#head_bar_press {
	height: 127px;
	position: absolute;
	left: 815px;	width: 57px;
	top: 0;
	background: #e9dcdc;
}	
#head_bar_principals {
	width: 83px;
	height: 127px;
	position: absolute;
	left: 874px;
	top: 0;
	background: #e9dcdc;
}*/





/*THE FOLLOWING WILL BE REPLACED BY THE COMMENTED CODE ABOVE WHEN THE PRESS SECTION IS BROUGHT BACK*/
/*BEGIN TEMP CODE*/
#head_bar_intro, #head_bar_projects, #head_bar_principals {
	position: absolute;
	height: 127px;
	top: 0;
	background: #eee;
}
#head_bar_intro {
	left: 583px;	width: 95px;
}	
#head_bar_projects {
	left: 678px;	width: 139px;
}	
#head_bar_principals {
	left: 815px;	width: 83px;
}
/*END TEMP CODE*/




/* BODY */
#project_main {
	position: absolute;
	top: 69px;	left: 36px;
	width: 531px;	height: 591px;
	/*background: no-repeat url(../_imgs/location_collage_bknd.gif);*/
}

#projectCollage {
	position: absolute;
	top: 60px;
	left: 0px;
}

#principals_main {
	position: absolute;
	top: 0;	left: 0;
	width: 531px;	height: 572px;
	
}
#principals_image {
	position: absolute;
	top: 250px;
	left: 37px;
}
/*#principals_text {
	position: absolute;
	top: 171px;
	left: 587px;
	width: 325px;
	
	text-align: left;
	font-size: 11px;
}*/
#projectCollage div {
	position: absolute;
	overflow: hidden;
	
	/*border: #666666 thin solid;*/
}
#projectCollage div #image_mag {
	top: 0;
	left: 0;
}

#intro_copy, #principals_text {
	position: absolute;
	top: 171px;
	left: 590px;
	width: 325px;
	
	text-align: left;
	font-size: 11px;
}

#press_article_list, #press_article_list2 {
	font-size: 11px;
	text-align: left;
	color: #666;
	position: absolute;
	left: 336px;
	top: 187px;
}
#press_article_list .press_bull_active, #press_article_list2 .press_bull_active {
	margin: 2px;
	position: absolute;
	left: 0;
}
#press .article_thumb {
	position: absolute;
	top: 187px; left: 47px;
	border: thin solid #ccc;
}
#press_article_list .article, #press_article_list2 .article {
	position: absolute;
	left: 18px;
	width: 225px;
}
#press_article_list .article a, #press_article_list2, .article a {
	color: #666;
}
#press_article_list .article .magazineName, #press_article_list2 .article .magazineName {
	text-transform: capitalize;
	text-decoration: none;
	color: #000000;
}
#press_article_list .article .articleDate, #press_article_list2 .article .articleDate {
	font-size: 10px;
	font-style: italic;
}
#press_article_list .article .articleName, #press_article_list2 .article .articleName {
	text-transform: capitalize;
	font-size: 10px;
}
#press_article_list .article .download, #press_article_list2 .article .download {
	text-decoration: none;
	font-size: 10px;
}
#nextprev1, #nextprev2 {
	position: absolute;
	left: 175px;
	top: 275px;
}

/* FOOTER */
#footer {
	position: absolute;
	left: 0px;
	top: 725px;
	
	text-align: left;
	font-size: 9px;
	color: #202020;
	
}
#footer a, #nextprev1 a, #nextprev2 a {
	color: #9d1717;
	text-decoration: none;
}
#footer a:hover, #nextprev1 a:hover, #nextprev2 a:hover {
	color: #d00b0b;
}
#enlarged_outer {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 600px;
}
#enlarged_image #large_image {
	background-color: white;
	border: 1px solid #666;
	padding: 10px;

}

#project_main.collage73 {
	background: no-repeat url(../_imgs/collage/bg_73.jpg);
}
#project_main.collage311 {
	background: no-repeat url(../_imgs/collage/bg_311.jpg);
}
#project_main.collage500 {
	background: no-repeat url(../_imgs/collage/bg_500.jpg);
}