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


/*HTML RESET*/
body, duv, h1, a, img, p {
	margin: 0px;
	padding: 0px;
	border-color: white;
	border: none;
	display: block;
	font-family: Verdana;
}

.clearfix {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.bold {
	font-weight: bold;
}
.mail-link {
	text-decoration: none;
	color: rgb(10,130,222);
	display: inline;
}
body {
	background-color: rgb(254,247,179);
}

#container {
	width: 650px; 
	margin-left: auto; 
    margin-right: auto;

}

#header {
	background-image: url(images/header-background.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 650px;
	padding-top: 10px;
}

#logo {
	float: left;
	width: 295px;
	height: 56px;
	margin-left: 30px;
}

#logo a {
	height: 56px;
	width: 295px;
}

#logo img {
	height: 56px;
	width: 295px;
}
#main-menu {
	float: left;
		padding-right: 0px;

}
#main-menu ul {
	list-style-type: none;
	margin-top: 25px;
}

#main-menu ul a {
	float: left;
	height: 10px;
	width: 50px;
	padding-right: 0px;

}

#main-menu ul li {
	list-style-type: none;
	float: left;
	background-repeat: no-repeat;
}

#main-menu ul li.who {
	background-image: url(images/who-button.png);
	width: 47px;
	height: 10px;
}

#main-menu ul li.who:hover {
	background-image: url(images/who-button-yellow.png);
}
#main-menu ul li.who.active {
	background-image: url(images/who-button-yellow.png);
}
#main-menu ul li.what {
	background-image: url(images/what-button.png);
	width: 38px;
	height: 10px;
}

#main-menu ul li.what:hover {
	background-image: url(images/what-button-yellow.png);
}

#main-menu ul li.what.active {
	background-image: url(images/what-button-yellow.png);
}
#main-menu ul li.where {
	background-image: url(images/where-button.png);
	width: 48px;
	height: 10px;
	width: 47px;
	height: 10px;
}

#main-menu ul li.where:hover {
	background-image: url(images/where-button-yellow.png);
}
#main-menu ul li.where.active {
	background-image: url(images/where-button-yellow.png);
}

#facebook {
	width: 33px;
	float: left;
	margin-top: 10px;
	margin-left: 68px;
}

#facebook a {
	height: 33px;
	width: 33px;
}

#facebook img {
	height: 33px;
	width: 33px;

}
#content {
	margin-top: 50px;
}
body.who #content {
	background-image: url(images/who-yellowfield.png);
	background-image: no-repeat;
	width: 650px;
	height: 423px;
	
}
#left {
	width: 250px; 
	float: left;
}
body.who #left {
	float: left;
	width: 160px;
	height: 387px;
}
body.what #left {
	float: left;
	width: 250px;
	height: 387px;
	background-image: url(images/what-yellowfield.png);
	background-image: no-repeat;
}
body.what #left h1 {
	margin-left: 20px;
	margin-top: 33px;
	font-size: 14px;
	text-transform: uppercase;
}
body.what #left ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}
body.what #left ul li {
	list-style-type: none;
	float: left;
	padding-right: 5px;
	margin-left: 5px;
	border-right: 1px solid black;
}
body.what #left ul li.first {
	margin-left: 0px;
}
body.what #left ul li.last {
	border-right: none;
}
body.what #left ul li.last.active {
	border-right: none;
	font-weight: bold;
}
body.what #left ul li a {
	text-decoration: none;
	font-size: 12px;
	color: black;
}
body.what #left ul li a.active {
	font-weight: bold;
}
body.what #left ul li a:hover {
	font-weight: bold;
}
body.what #left p {
	font-size: 12px;
	margin: 0px;
	margin-left: 20px;
	line-height: 16px;
}

#right {
	width: 366px; 
	float: left;
	height: 387px;
	background-image: url(images/yellowfield.png);
	padding-left: 19px;
	padding-right: 14px;
	padding-top: 37px;
}

body.who #right {
	background-image: none;
	width: 417px;
	padding: 0px;
	margin-left: 41px;

}

body.who #right p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 30px;
}

body.what #right #project-image {
	height: 305px;
	width: 370px;
}

body.what #right #project-image img.enlarge {
	margin-top: -300px;
	margin-left: 341px;
	height: 24px;
	width: 24px;
}
body.what #right #project-buttons a {
	margin-top: 10px;
	margin-left: 150px;	
	float: left;
}
body.what #right #project-buttons a.right {
	margin-left: 25px;	
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 24px;
	margin-top: 18px;
}
#footer {
	width: 650px; 
	margin-top: 15px;
	background-image: url(images/dotted-line.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#footer .copyright {
	float: left;
	margin-top: 10px;

}
#footer .email {
	float: right;
	display: block;
	margin-right: 13px;
	margin-top: 10px;
}
#footer .phone {
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 5px;

}