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

* body {
		background-color: #fff;
		margin: 0;
		padding: 0;
		color: #555;
		font-family: Arial, Helvetica, sans-serif;
}

#mainContainer {
		width: 960px;
		margin: auto;
}

#contentContainer {
	 clear: both;
	 padding: 0px 0 20px 64px;
	 font-size: .85em;
	 line-height: 1.5em;
	 min-height: 375px;
}

#contentContainer a {
	text-decoration: none;
	border-bottom: 1px dashed #555;
	color: #555;
}

#contentContainer a:hover {
	color: #b3b300;
}

#logoTL {
	background-image: url(../images/logo-tl.jpg);
	background-repeat: no-repeat;
	width: 629px;
	height: 84px;
	float: left;
}
#logoBottom {
	background-image: url(../images/logo-bottom.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 960px;
	float: left;
	
}
#home, #projects, #people, #contact {
		float: left;
}

#home a {
	background: transparent url(../images/home-dual.jpg) no-repeat;
	width: 59px;
	height: 84px;
	display: block; 	
}

#homeSelected {
	background: transparent url(../images/home-dual.jpg) no-repeat;
	width: 59px;
	height: 84px;
	display: block;
	background-position: 0 -84px;
	float: left;	
}

#projects a {
	background: transparent url(../images/projects-dual.jpg) no-repeat;
	width: 95px;
	height: 84px;
	display: block;	
}

#projectsSelected {
	background: transparent url(../images/projects-dual.jpg) no-repeat;
	width: 95px;
	height: 84px;
	display: block;
	background-position: 0 -84px;
	float: left;	
}

#people a {
	background: transparent url(../images/people-dual.jpg) no-repeat;
	width: 87px;
	height: 84px;
	display: block;	
}

#peopleSelected {
	background: transparent url(../images/people-dual.jpg) no-repeat;
	width: 87px;
	height: 84px;
	display: block;
	background-position: 0 -84px;
	float: left;	
}

#contact a {
	background: transparent url(../images/contact-dual.jpg) no-repeat;
	width: 90px;
	height: 84px;
	display: block;	
}

#contactSelected {
	background: transparent url(../images/contact-dual.jpg) no-repeat;
	width: 90px;
	height: 84px;
	display: block;
	background-position: 0 -84px;
	float: left;	
}
#home a:hover {background-position: 0 -84px;}

#projects a:hover {background-position: 0 -84px;}

#people a:hover {background-position: 0 -84px;}

#contact a:hover {background-position: 0 -84px;}

label.error { color: #cb6120; padding-left: 8px; font-size: .85em;}

#footer {
	border-top: 1px solid #ccc;
	color: #999;
	text-align: center;
	font-size: .7em;
	margin-left: 16px;
	margin-right: 0;
	padding: 4px;
	clear: both;
	}

input[type="text"]:focus, textarea:focus {
		background-color: #FFFECF;
}