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

body {
	background-color:#FFFFFF;
}

@font-face {
	font-family: Gotham-light;
	src: url('/fonts/Gotham-Light.ttf');
}

@font-face {
	font-family: Gotham-Medium;
	src: url('/fonts/Gotham-Medium.ttf');
}

@font-face {
	font-family: FranklinGotCdITCTT;
	src: url('/fonts/FranklinGotCdITCTTBook.ttf');
}

@font-face {
	font-family: CenturySchoolbook-Italic;
	src: url('/fonts/CenturySchoolbook-Italic.ttf');
}

#container {
	width: 900px;
	margin: 0 auto;
}

#menu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Gotham-light, Helvetica, Symbol, sans-serif;
	font-size: 12px;
	color: #8EB3AD;
}

#menu li {
	display: inline;
	padding-right: 0px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#menu a {text-decoration: none; color: #8EB3AD}

#menu a:visited {text-decoration: none; color: #8EB3AD}

#menu a:active {text-decoration: none}

#menu a:hover {text-decoration: none; color: #B6502C}

#sidenav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Gotham-light, Helvetica, Symbol, sans-serif;
	font-size: 12px;
}

#sidenav li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 25px;
}

#sidenav a {text-decoration: none; color: #000000}

#sidenav a:visited {text-decoration: none; color: #000000}

#sidenav a:active {text-decoration: none}

#sidenav a:hover {text-decoration: none; color: #B6502C}

#folionav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: FranklinGotCdITCTT, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #B6502C;
}

#folionav li {
	padding-top: 14px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 32px;
}

#folionav a {text-decoration: none; color: #B6502C}

#folionav a:visited {text-decoration: none; color: #B6502C}

#folionav a:active {text-decoration: none}

#folionav a:hover {text-decoration: none; color: #B6502C}

#header {
	width: 900px;
	height: 28px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	margin-top: 142px;
}

#top_navigation {
	width: 900px;
	height: 12px;
}

#content {
	width: 900px;
	margin: 0px;
	padding-top: 20px;
}

#side_navigation {
	width: 215px;
	float: left;
	position: fixed;
}

#portfolio {
	width: 215px;
	float: left;
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	background-position: 25px top;
}

#panels {
	width: 645px;
	height: auto;
	float: left;
	margin-top: 40px;
	padding-left: 235px;
	padding-right: 20px;
}

#panels h1 {
	font-family: CenturySchoolbook-Italic, Georgia, serif;
	font-size: 12px;
	font-style: italic;
	color: #3D2319;
	display: inline;
}

#panels h2 {
	font-family: Gotham-Medium, Helvetica, Symbol, sans-serif;
	font-size: 12px;
	color: #B6502C;
	display: inline;
}

#panels h3 {
	font-family: Gotham-Medium, Helvetica, Symbol, sans-serif;
	font-size: 12px;
	color: #3D2319;
	display: inline;
}

#panels h4 {
	font-family: Gotham-Light, Helvetica, Symbol, sans-serif;
	font-size: 12px;
	color: #B6502C;
	display: inline;
}

#panels h5 {
	font-family: CenturySchoolbook-Italic, Georgia, serif;
	font-size: 12px;
	font-style: italic;
	color: #B6502C;
	display: inline;
}

#panels h6 {
	font-family: Gotham-Light, Helvetica, Symbol, sans-serif;
	font-size: 12px;
	color: #3D2319;
	display: inline;
}

#panels a {text-decoration: none; color: #3D2319}

#panels a:visited {text-decoration: none; color: #3D2319}

#panels a:active {text-decoration: none}

#panels a:hover {text-decoration: none; color: #B6502C}