@import url(reset.css);
@import url(fonts.css);

/*
 *
 * STRUCTURE
 *
 */

body {
	background: #DED9D1 url('../images/bg.gif') no-repeat fixed top left; 
	font-family: TrebuchetMS, Trebuchet, "Trebuchet MS", Arial, sans-serif;
	font-style: normal;
}
#portfolioNav {
	clear: both;
	float: left;
	width: 200px;
	margin-left: 70px;
}
#imageArea {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
	width: 490px;
	height: 380px;
	float: left;
}
#imageNav {
	margin-top: 74px;
	padding-left: 32px;
	float: left;
	background: transparent url('../images/navActiveBG.gif') repeat-x scroll center left;
}
#description {
	clear: both;
	padding-top: 13px;
	margin-left: 270px;
	width: 490px;
	margin-top: 380px;
}
#footer {
	margin-left: 270px;
	margin-top: 45px;
	color: #867F6D;
	font-size: 85%;
	clear: both;
}

/*
 *
 * #header
 *
 */

#logo {
	margin-top: 58px;
	margin-left: 82px;
	float: left;
}
img.disciplines {
	margin-top: 5px;
}
#nav ul {
	display: block;
	float: left;
	padding-left: 11px;
	margin-top: 83px;
}
#nav ul li {
	display: inline;
	text-transform: uppercase;
	font-size: 95%;
	margin-left: 33px;
	color: #4A2632;
}
#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited {
	color: #867F6D;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #4A2632;
}


/*
 *
 * #portfolioNav
 *
 */

#categoryNav {
	margin-left: 13px;
	padding-top: 73px;
}
#portfolioNav ul {
	margin-top: 20px;
}
#portfolioNav ul li {
	display: block;
	font-size: 95%;
	margin: 5px 0;
	padding-right: 30px;
}
#portfolioNav ul li a:link,
#portfolioNav ul li a:visited {
	display: block;
	padding: 1px 13px;
	margin: 3px 0;
	color: #867F6D;
	text-decoration: none;
}
#portfolioNav ul li a:hover,
#portfolioNav ul li a:active {
	color: #4A2632;
}
li.portfolioNavActive {
	background: transparent url('../images/navActiveBG.gif') repeat-x scroll center left;
}
li.portfolioNavActive p {
	padding: 1px 13px;
	margin: 3px 0;
	border: 1px solid #9CC5CA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: white;
	color: #4A2632;
}


/*
 *
 * #imageArea
 *
 */

#images {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	white-space: nowrap;
	width: 4900px;
}
#images ul {
	white-space: nowrap;
}
#images ul li {
	float: left;
	white-space: nowrap;
}


/*
 *
 * #imageNav
 *
 */

#imageNav p {
	padding: 1px 3px 2px 3px;
	border: 1px solid #9CC5CA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: white;
}
#imageNav a {
	text-decoration: none;
}
#imageNavLeft {
	color: #fff;
}
#imageNavRight {
	color: #4A2632;
}


/*
 *
 * #description
 *
 */

#description h1 {
	font: normal bold 156% "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #4A2632;
}
#description p {
	font-size: 110%;
	color: #867F6D;
}
#description a:link,
#description a:active,
#description a:visited {
	color: #867F6D;
}
#description a:hover {
	color: #4A2632;
}



/*
 *
 * #footer
 *
 */

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #867F6D;
}