/* CSS Reset */

* {
	margin: 0;
}

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, cite,
em, img, strong, sub, sup, tt, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
}

/*	Base Styles */
	
.access {
	display: none;
}

body {
	line-height: 1;
	background-color:#6D635C;
	color: #fff;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	/* Base font size for sizing with ems */
	font-size: 76%;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	Basic Text Styles */

ol, ul, li {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.5em;
}

dt, dd {
	line-height: 1.5em;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0.2em 0em;
}

h1 {
	font-size: 1.9em;
	margin: 0.8em 0em 0em 0em;
	font-weight: bold;	
}

h2 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

#content a:link { color: #9e9792; text-decoration: none; }
#content a:visited	{ color: #9e9792; text-decoration: none; }
#content a:active { color: #fff; text-decoration: none; }		
#content a:hover { color: #fff; text-decoration: none; }

/*	Document Structure */

#page {
	width: 908px;
	margin: 34px auto;
	background-color:#6D635C;	
}

	#content {
		height: 592px;
		background-color: #5A514B;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

/* Site Navigation */

#nav {
	margin-top: 34px;
	text-transform: lowercase;
}

#nav li {
	display: block;
	float: right;
	margin: 0.1em 0 0 2em;
}

	#nav a:link { color: #9e9792; text-decoration: none; }
	#nav a:visited	{ color: #9e9792; text-decoration: none; }
	#nav a:active,
	#nav li.on a { color: #fff; text-decoration: none; }		
	#nav a:hover { color: #cfcac6; text-decoration: none; }

	#nav li.logo {	
		float: left;
		margin: 0;
	}

		#nav li.logo a {
			background: url('../images/ldaLogo.png') no-repeat left top;
			width: 47px;
			height: 34px;
			display: block;
			text-indent: -9999px;
		}
		
/* Slide Navigation */

#slidenav {
	height: 45px;
	width: 908px;
	background-color: #5A514B;
	z-index: 1000;
	position: absolute;
	top: 548px;
	left: 0px;
	overflow: hidden;
}

#slidenav li {
	display: inline;
}

/* Intro */

#wordmark {
	background:url(../images/introLogo.png) no-repeat center;
	margin: 327px auto 0;
	height: 20px;
}

/* Projects */

#desc {
	background-color: #FFFFFF;
	overflow: hidden;
	position: absolute; 
	left: 133px;
	top: 548px;
	height: 120px;
	width: 580px;
	z-index: 999; 
	padding: 0 30px;
	color: #000;
}

#desc.descPop {
	top: 418px;
	overflow: hidden;
}

	#desc p {
		margin: 0.7em 0em;
	}

/* Project List */

.projectlist {
	width: 433px;
	margin: 155px 10px 0 0;	
}

	.projectlist li {
		line-height: 1.8em;
		font-size: 1.2em;
	}

	.projectlist a:link { color: #9e9792; text-decoration: none; }
	.projectlist a:visited	{ color: #9e9792; text-decoration: none; }
	.projectlist a:active { color: #fff; text-decoration: none; }		
	.projectlist a:hover { color: #fff; text-decoration: none; }

.leftcol {
	float: left; 
	text-align: right;
}

.rightcol {
	float: right; 
	text-align: left;
}

/* Projects */

.slide {
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-color: #5A514B;
	border-style: solid;
	border-width: 10px 10px 0;
	height: 538px;
}

	.slide ul {
		height: 538px;
		position: absolute;
		left: 0px;
	}

	.slide li {
		height: 538px;
		width: 888px;
		overflow: hidden;
		display: block;
		float: left;
	}

/* About */

.tpl-about { color:#9e9792;}

.tpl-about #content {
	padding: 35px;
	height: 522px;
}

	.tpl-about h1 {
		font-size: 1.3em;
		line-height: 1.5em;
		margin: 0 0 1em 0em;
		color: #fff;
	}

	.tpl-about p { 
		color: #fff;
		margin: 0 0 1em 0em;
		text-align: justify;
	}

.staff dt {
	margin-top: 0.6em;
}

	.staff .name,
	.staff .title {
		font-weight: bold;
	}
	
	.staff .title {
		text-transform: uppercase;
	}
	
.tpl-staff-member h1, h2 {font-size:1em; line-height:1em;}
.tpl-staff-member h2{text-transform:uppercase;}

/* Contact */

.tpl-contact #content {
	padding: 35px;
	height: 522px;
}

	.contact dt  {
		margin-top: 2em;
		text-transform: uppercase;
		color: #9E9792;
	}

	.contact dd.short {
		margin: 0;
	}
	
	.contact #email  {
		margin-top: 2em;
	}