@import url('/_include/paging.css');
@import url('/_include/expstickybar.css');

@font-face{
	font-family: 'MuseoRoman';
	src: url('/_include/webfonts/MuseoSans_500-webfont.eot');
	src: url('/_include/webfonts/MuseoSans_500-webfont.eot?iefix') format('eot'), url('/_include/webfonts/MuseoSans_500-webfont.woff') format('woff'), url('/_include/webfonts/MuseoSans_500-webfont.ttf') format('truetype'), url('/_include/webfonts/MuseoSans_500-webfont.svg#webfont') format('svg'); } 




body {
 margin: auto;
 background-color: #1f1f21;
 font-family: verdana, sans-serif; font-size: 12px;
 letter-spacing: 0.05em; line-height: 130%;
}

a:link, a:visited {
 color: #00bed4;
 }
 
 a:hover {
 color: #e7f77e;
 }
 
 ul {margin: 0; padding: 0 20px;}
 li {margin: 0; padding: 2px 0;}

#wrapper {
 margin: 50px auto 0 auto; padding: 0;
 width: 850px;
}

#header {
 width: 850px;
 background-color: #0097a9;
}

#nav-bar {
 margin-bottom: 50px; padding: 0;
 font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,"Trebuchet MS",serif;
 font-size: 14px; font-weight: bold; color: #435152;
 text-transform: uppercase; text-align: right;
}

	#navigation li {display: inline; list-style: none;}
		#navigation li a {background-color: #cfff77; color: #333; text-decoration: none; padding: 4px 10px;}
		#navigation li a:hover {background-color: #FFF; color: #0097a9;}
	
#section-header {
	margin-bottom: 10px;
	font-family: 'MuseoRoman', sans-serif;
	font-size: 16px; font-weight: bold; color: #004851; text-align: right; text-transform: uppercase;
}

#content-wrapper {
 width: 830px;
 background-color: #343437;
 padding: 10px;
}

	.content-text {
		font-size: 12px; color: #BBB;
		line-height: 18px; letter-spacing: 0.02em;
	}
			
			.static-left {float: left; width: 500px;}
			.static-right {float: right; width: 280px; padding: 0 10px;}
				.static-title {font-family: century gothic; font-size: 14px; color: #e7f77e;}

	.node {
		padding: 10px; margin: 0 0 30px 0;
		background-color: #435152;
	}

		.node-image { 
			float: left;
			width: 500px;
		}
		
		.node-paging {
			padding: 0 0 1px 10px; margin: 3px 0 0 0;
			font-size: 12px; font-style: italic;
			letter-spacing: 0.2em;
		}
	
			.node-paging a:link, .node-paging a:visited {
				color: #000;
				text-decoration: none;
			}

			.node-paging a:hover {
				color: #FFF;
				text-decoration: none;
			}

		.node-caption {
			float: right;
			width: 300px;
			padding: 0 0 0 10px;
			font-size: 11px; color: #bbb;
		}
		
			.project-title {
				font-family: 'MuseoRoman', sans-serif;
				font-size: 18px; font-weight: bold;
				letter-spacing: 0.07em;
			}
			
			.project-info {
				font-family: 'MuseoRoman', sans-serif;
				font-size: 14px; font-weight: normal;
				line-height: 18px; letter-spacing: 0.1em; color: #EEE;
			}
			
#footer { background: url('/_include/img/footer-bg.gif') repeat-x #00626c top;  width:850px;}
	#footer-copyright {margin: 4px 0 0 16px; color: #FFF;}
	.footer-icons {margin: 0 auto; width: 587px;}
	.footer-thumb {width: 100px; border: 2px solid #cfff77;}
	
	
	
	
#sticky-left {float: left; width: 50%; padding: 0 0 0 30px; font-size: 12px;}
	.sticky-left-header {margin: 20px 0 0 0; padding: 0; font-size: 24px; color: #cfff77;}
	.sticky-left-content {margin-top: 6px; font-content: 14px; color: #b3f8ff;}

#sticky-right {float: right; width: 40%; padding: 0 10px;}
	.sticky-right-header {margin: 20px 0 0 0; padding: 0; font-size: 16px; font-weight: bold; color: #0fe7ff;}
	.sticky-right-content {margin-top: 6px; color: #e3ffb0;}

	
	

#back-to-top {text-align: center;}
			
.clear {clear: both;}