* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {displaylock;}
/* End hide from IE Mac */

a:focus {
	outline:none;
	}
	
/* ——————————————HOME PAGE———————————————————*/

#home_page #container {
	width: 1050px;
	height: 775px;
	background-image: url(images/home_background.gif);
	background-repeat: no-repeat;
}

#home_page #who_button {
	position: absolute;
	left: 273px;
	top: 700px;
	width: 262px;
	height: 65px;
	background-image: url(images/home_who_off.gif);
	text-indent: -9999px;
}

#home_page #who_button:hover {
	position: absolute;
	left: 273px;
	top: 700px;
	width: 262px;
	height: 65px;
	background-image: url(images/home_who_over.gif);
	text-indent: -9999px;
}

#home_page #what_button {
	position: absolute;
	left: 580px;
	top: 295px;
	width: 195px;
	height: 73px;
	background-image: url(images/home_what_off.gif);
	text-indent: -9999px;
}

#home_page #what_button:hover {
	position: absolute;
	left: 580px;
	top: 295px;
	width: 195px;
	height: 73px;
	background-image: url(images/home_what_over.gif);
	text-indent: -9999px;
}

#home_page #where_button {
	position: absolute;
	left: 197px;
	top: 140px;
	width: 205px;
	height: 53px;
	background-image: url(images/home_where_off.gif);
	text-indent: -9999px;
}

#home_page #where_button:hover {
	position: absolute;
	left: 197px;
	top: 140px;
	width: 205px;
	height: 53px;
	background-image: url(images/home_where_over.gif);
	text-indent: -9999px;
}
	
/* ——————————————NAVIGATION———————————————————*/

/* WHO LINKS */
#what_page #who_link {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_off_gray.gif);
	display: block;
	float: left;
}	
#what_page #who_link:hover {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_over_gray.gif);
	display: block;
	float: left;
}	
#where_page #who_link {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_off_orange.gif);
	display: block;
	float: left;
}	
#where_page #who_link:hover {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_over_orange.gif);
	display: block;
	float: left;
}	
#who_link_current {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_page_btn.gif);
	display: block;
	float: left;
}
/* WHAT LINKS */
#who_page #what_link {
	height: 130px;
	width: 95px;
	background-image: url(images/what_off_red.gif);
	display: block;
	float: left;
}
#who_page #what_link:hover {
	height: 130px;
	width: 95px;
	background-image: url(images/what_over_red.gif);
	display: block;
	float: left;
}
#where_page #what_link {
	height: 130px;
	width: 95px;
	background-image: url(images/what_off_orange.gif);
	display: block;
	float: left;
}
#where_page #what_link:hover {
	height: 130px;
	width: 95px;
	background-image: url(images/what_over_orange.gif);
	display: block;
	float: left;
}
#what_link_current {
	height: 130px;
	width: 95px;
	background-image: url(images/what_page.gif);
	display: block;
	float: left;
}
/* WHERE LINKS */
#who_page #where_link {
	height: 130px;
	width: 95px;
	background-image: url(images/where_off_red.gif);
	display: block;
	float: left;
}
#who_page #where_link:hover {
	height: 130px;
	width: 95px;
	background-image: url(images/where_over_red.gif);
	display: block;
	float: left;
}
#what_page #where_link {
	height: 130px;
	width: 95px;
	background-image: url(images/where_off_gray.gif);
	display: block;
	float: left;
}
#what_page #where_link:hover {
	height: 130px;
	width: 95px;
	background-image: url(images/where_over_gray.gif);
	display: block;
	float: left;
}
#where_link_current {
	height: 130px;
	width: 95px;
	background-image: url(images/where_page.gif);
	display: block;
	float: left;
}

/* PROJECT LINKS */
#project #who_link {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_off_gray.gif);
	display: block;
	float: left;
}	
#project #who_link:hover {
	height: 130px;
	width: 95px;
	margin-left: 282px;
	background-image: url(images/who_over_gray.gif);
	display: block;
	float: left;
}	

#project #where_link {
	height: 130px;
	width: 95px;
	background-image: url(images/where_off_gray.gif);
	display: block;
	float: left;
}
#project #where_link:hover {
	height: 130px;
	width: 95px;
	background-image: url(images/where_over_gray.gif);
	display: block;
	float: left;
}

#project_link_current {
	height: 130px;
	width: 95px;
	background-image: url(images/what_page.gif);
	display: block;
	float: left;
}

/* ——————————————WHO PAGE———————————————————*/

#who_page #container {
	width: 1050px;
	background-image: url(images/who_background.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: solid 2px #a42c22;
}
#who_page #header {
	height: 130px;
	width: 1050px;
	left: 0px;
	top: 0px;
	background: url(images/who_header_line.gif)  no-repeat 28px 119px;
}

#header ul li {
	text-indent: -9999px;
	list-style-type:none;
	}

#left_col {
	width: 850px;
	float: left;
}
#who_page #left_col h1 {
	background:url(images/who_headline.gif) no-repeat;
	width: 432px;
	height: 69px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 22px 18px;
}
#who_page h3 {
	color: #a42c22;
	}
#left_col h3, #left_col p {
	margin: 0 0 6px 80px;
	font-size: 1.5em;
}
#left_col p {
	 margin-bottom:10px;
	 width:600px;
	 font-size: 1.4em;
	 line-height: 1.5em;
 }
#img_area {
	width: 390px;
	margin:40px 0 80px 420px;
	}
	
#img_area img {
	float:left;
	clear:left;
	border:solid 2px #a42c22;
	margin:0 10px 10px 0;
	}
	
#img_area #large_img {
	clear:none;
	margin:-84px 0 0 0;
	}
	
#who_page #right_col {
	width: 160px;
	float: left;
	margin:90px 0 0 0;
	padding:0 0 195px 15px;
	border-left:solid 2px #a42c22;
}

#right_col ul {
	list-style-type:none;
	font-size: 1.4em;
	line-height:1.5em;
	}

#right_col h3 {
	font-size: 1.5em;
	margin: 0 0 6px 0;
	}
	
/* ——————————————WHAT PAGE———————————————————*/


#what_page #container {
	width: 1050px;
	background-image: url(images/what_background.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: solid 2px #9eaace;
}
#what_page #header {
	height: 130px;
	width: 1050px;
	left: 0px;
	top: 0px;
	background: url(images/what_header_line.gif)  no-repeat 28px 119px;
}

#what_page #left_col h1 {
	background:url(images/what_headline.gif) no-repeat;
	width: 432px;
	height: 69px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 22px 18px;
}
#what_page h3 {
	color: #9eaace;
	}
	
#what_page #right_col {
	width: 160px;
	float: left;
	margin:90px 0 0 0;
	padding:0 0 279px 15px;
	border-left:solid 2px #9eaace;
}

#what_page #right_col a {
	color: #000000;
}

#what_page #right_col a:hover {
	color: #9eaace;
}

/* ——————————————WHERE PAGE———————————————————*/


#where_page #container {
	width: 1050px;
	background-image: url(images/where_background.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 2px solid #d16a28;
}
#where_page #header {
	height: 130px;
	width: 1050px;
	left: 0px;
	top: 0px;
	background: url(images/where_header_line.gif)  no-repeat 28px 119px;
}

#where_page #left_col h1 {
	background:url(images/where_headline.gif) no-repeat;
	width: 432px;
	height: 69px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 22px 18px;
}

#where_page h3 {
	color: #d16a28;
	}
	
#where_page #right_col {
	width: 160px;
	float: left;
	margin:90px 0 0 0;
	padding:0 0 15px 15px;
	border-left:solid 2px #d16a28;
}

/* ——————————————PROJECT PAGES———————————————————*/


#project #container {
	width: 1050px;
	background-image: url(images/what_project_background.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: solid 2px #9eaace;
}
#project #header {
	height: 130px;
	width: 1072px;
	left: 0px;
	top: 0px;
	background: url(images/what_header_line.gif)  no-repeat 28px 119px;
}

#project #left_col {
	width: 580px;
	float: left;
}

#project #left_col h1 {
	background:url(images/what_headline.gif) no-repeat;
	width: 432px;
	height: 69px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 22px 18px;
}

#project #left_col p {
	 margin-bottom:10px;
	 width:400px;
	 font-size: 1.4em;
	 line-height: 1.5em;
 }
 
#project h3 {
	color: #9eaace;
	}
 
#project #right_col ul {
	list-style-type:none;
	font-size: 1.4em;
	line-height:1.5em;
	text-align: right;
	}
	
#project #right_col li {
	display: inline;
}
	
#project #right_col {
	width: 445px;
	float: left;
	margin:20px 0 0 0;
	padding:0 0 25px 15px;
}

#project #right_col img {
	border: 2px solid #9eaace;
}

#project #right_col a {
	color: #000000;
}

#project #right_col a:hover {
	color: #9eaace;
}