@import url(color.css);
@import url(typography.css);
/* ============== Normalize ===================================*/
/*margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
/* Remove list-style from lists */			table { border-collapse:collapse; border-spacing:0;}
/* Remove border from fieldset and img */	fieldset, img { border:0; }
/* Left-align textin caption and th */		caption, th {text-align:left;}
/* =============== Begin General ============================= */
#container {
	width: 916px;
	margin:10px auto;
	}
#content {
	clear:both;
	min-height:690px;
    padding-top:20px;
	}	
			
#main_content {
    padding-top: 25px;
	}
#home_page h1 {
	padding:20px 0 5px 0;
	}
.fixer {
    clear:both;
    }
/* ------ Navigation -------- */

#nav {
	padding-bottom:50px;
	}
#nav li {
	display:block;
    float: left;
	padding:0 15px;
	margin: 10px 0 20px 0;
	}
#logo {
    float:left;
	padding: 0 15px 0 0;
	}	
#logo img {
    display:block;
    }


/* ----- home: center column -----*/	
#middle_column {
	float:left;
	width:745px;
	text-align:center;	
	margin-bottom: 45px;
	}
#desc {
	margin:10px 0;
	text-align:center;
	}
#desc ul {
	padding:10px 0;
	}

/* -- left + right column -- */
#left_column, 
#right_column {
	width:75px;
	height:575px;
	float:left;	
	text-align:center;
	position:relative;
	}
#image_view,
#image_view_two {
    overflow: hidden;
    height: 468px;
	position: absolute;
	top:47px;
	left: 0;
	clip: rect(0, 75px, 468px, 0);
    }
#left_column h3,
#right_column h3 {
	padding-bottom: 7px;
	}

	
/* -- thumbnail -- 	*/
#image_view .image img,
#image_view_two .image img {
    padding-bottom:5px;
    }

/* -- down arrows --*/ 
#left_column .down_img,
#right_column .down_img  {
	position:relative;
	top:477px;
	left:0;
	}

/* ------------ About Page ------------ */
#about_page #main_content {
	width:770px;
	} 
#main_content_text {
	position:relative;
	left: 50px;
	width:390px;
	margin-bottom: 45px;
	}
#about_page h2 {
	padding:20px 0 5px 0;
	}
#about_page #main_content_text ul {
	padding: 2px 0 0 35px;
	}
#about_images {
	float:right;
	margin-bottom: 45px;
	width:265px;
	}
#about_images img {
	display:block;
	padding-bottom:15px;
	}

/* ------ large image versions page -------- */
#large_img_page #content {
	clear:both;
	min-height:0;
	}
#large_images {
	padding: 10px 0 50px 0;
	text-align: center;
	}
.back_button {
	padding-top:20px;
	}
/* ------ 404 -------- */
#not_found_page #content {
	clear:both;
	min-height:450px;
	}
#not_found_page #main_content_text p {
	padding-bottom: 15px;
	padding-top: 15px;
	}
#not_found_page #main_content_text ul {padding-left: 30px;}
#not_found_page #main_content_text li {padding-bottom: 10px;}

#not_found_page #main_content {
	width:770px;
	}
	
/* ------ Footer -------- */
#footer {
	padding-top: 5px;
	clear:both;
	text-align:center;
	}
#footer li {
	display:inline;
	padding:0 15px;
	margin:10px 0;
	}