body {
	background: #fff;
	color: #484848;
	font-size: 62.5%;
	margin-top: 0;
	line-height: 1.2;
}

/* general type rules */

h1, h2, h3, h4, h5, h6, ul, ol, dl, p {
	color: #484848;
}

p a, li a {
	color: #F1592A;
	text-decoration: none;
}

p a:hover, li a:hover {
	background: #000; color: #F1592A;
}

p.intro a {
	color: #000;
}

p.intro a:hover {
	color: #F1592A;
}

/* layout */

#page {
	
}

#extra {

}

/* header */

#header {
	position: fixed; height: 140px; z-index: 50;
	background-color: rgb(255,255,255);
	/* background: transparent url(img/header-bg.png) 0 0 repeat-x; */
}

#logo {
	margin-top: 45px;
}

#quick-contact {
	margin-top: 45px;
}

#quick-contact {
	color: #E2E2E2;
}

	#quick-contact ul.contact {
		margin: 0; padding: 0;
		list-style-type: none;
		text-align: right; font-size: 1.2em;
		color: #E2E2E2;
	}
	
		#quick-contact ul.contact li {
			display: inline;
		}
			#quick-contact ul.contact li a {
				color: #E2E2E2;
			}
			
	#quick-contact ul.services {
		margin: 0; padding: 0;
		list-style-type: none;
		text-align: right; font-size: 1.1em;
		color: #E2E2E2;
	}
	
		#quick-contact ul.services li {
			display: inline;
		}
		
			#quick-contact ul.services li + li:before {
				content: '/';
			}
		
			#quick-contact ul.services li a {
				color: #E2E2E2;
			}

/* content */

#content {
	position: relative;
	z-index: 10;
}

#sidebar {
	position: fixed; margin-top: 140px; z-index: 100;
}

#main {
	margin-top: 140px; margin-left: 240px; z-index: 10;
}

#content h1 {
	font-size: 1.2em; font-weight: bold;
}

#content p.intro {
	font-size: 2em;
}

h1#page-title {
	display: none;
}

#copy {
	
}

#copy p, #copy ul, #copy ol {
	font-size: 1em;
}

#copy h1 {
	font-size: 3em; font-weight: bold;
}

#copy h2, #copy h3, #copy h4, #copy h5, #copy h6 {
	font-size: 1em; font-weight: bold;
}

#copy ul {
	margin-left: 10px;
	list-style-type: square;
}

#images {
	margin-bottom: 2em;
	text-align: center;
}

#images .image {
	margin-bottom: 50px;
}

#images .image img {
	margin-bottom: 10px;
}

#images .image .caption {
	text-align: center;
}

ul.projects-list {
	margin: 0; padding: 0;
	list-style-type: none;
}

ul.projects-list h3 {
	padding-bottom: 5px; margin-bottom: 10px;
	border-bottom: 1px dotted #e2e2e2;
	font-size: 1em; text-transform: uppercase;
}

ul.projects-list li {
	float: left; margin: 0 0 30px 0;
	
}

ul.projects-list li.left {
	margin-right: 10px; clear: both;
}

/* ul.projects-list li .thumb {
	width: 188px; height: 170px; overflow: hidden;
	background-color: #e2e2e2; border: 1px solid #d2d2d2;
	text-align: center;
} */

ul.projects-list li .thumb {
	width: 188px; height: auto; overflow: hidden;
	text-align: center;
}

/* project-details */

#project-details p, #project-details ul, #project-details ol {
	font-size: 1em;
}

#project-details h2 {
	padding-bottom: 0; margin-bottom: 0em;
	font-size: 2em; font-weight: bold; 
}

#project-details h3, #project-details h4, #project-details h5, #project-details h6 {
	font-size: 1em; font-weight: bold;
}

#project-details ul {
	margin-right: 0px;
}

/* home */

#home-copy p, #home-copy ul, #home-copy ol {
	font-size: 1em; line-height: 1.5;
}

#home-copy p strong {
	background-color: #010101; color: #fff;
	text-transform: uppercase; font-weight: normal;
}

#home-copy h2 {
	padding-bottom: 0; margin-bottom: 0em;
	font-size: 2em; font-weight: bold; 
}

#home-copy h3, #home-copy h4, #home-copy h5, #home-copy h6 {
	font-size: 1em; font-weight: bold;
}

#home-copy ul {
	margin-right: 0px;
}

/* extra */

#extra p, #extra ul, #extra ol {
	font-size: 1em;
}

#extra h2 {
	padding-bottom: 1em; margin-bottom: 2em;
	font-size: 1em; font-weight: bold; text-transform: uppercase;
	border-bottom: 1px dotted;
}

#extra h3, #extra h4, #extra h5, #extra h6 {
	font-size: 1em; font-weight: bold;
}

#extra ul {
	margin-right: 0px;
}

.news-list {
	list-style-type: none;
	margin-left: 0;
}

.news-list li {
	clear: both; margin-bottom: 0.5em;
}

.news-list li span.date {
	float: left; width: 50px;
}

.news-list li span.title {
	float: left; width: 100px;
}

.recent-news-list {
	list-style-type: none;
	margin-left: 0;
}

.recent-news-list li {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted;
}

.recent-news-list li h3 {
	display: block; margin: 0 0 1em 0;
	font-size: 1em; font-weight: bold; text-transform: uppercase;
}

.recent-news-list li h4 {
	display: block; margin: 0 0 1em 0;
	font-size: 1em; font-weight: bold; text-transform: uppercase;
}

#extra .recent-news-list li p {
	margin-left: 0;
}

/* sidebar */

.menu {
	margin: 0;
	list-style-type: none;
	line-height: 1.2;
}

.menu li {
	margin-bottom: 1em;
	text-transform: uppercase;
}

.menu li a {
	color: #383838;
	text-decoration: none;
}

.menu li a:hover {
	background: #000; color: #F1592A;
}

.menu li a.active {
	background: #000; color: #fff;
}

.menu li.email {
	text-transform: none;
}

.menu li.email a {
	color: #F1592A;
}

.menu li ul {
	margin-bottom: 2em; margin-left: 20px;
}

.menu li ul li {
	margin-bottom: 0em;
	text-transform: none;
	list-style-type: none;
}

	.menu li ul li span {
		color: #989898;
	}

.menu li ul li a {
	color: #383838;
	text-decoration: none;
}

.menu li ul li a:hover {
	background: #000; color: #F1592A;
}

/* footer */

#footer {
	position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;
}

	#footer div {
		position: absolute; bottom: 0; left: 0; right: 0;
		background-color: #030303;
	}

		#footer div p {
			display: block; margin: 0 auto; padding: 0.75em 0 0.75em 0; width: 790px;
			font-size: 1em; line-height: 1;
			color: #fff;
		}

#top-border {
	position: fixed; top: 0; left: 0; right: 0; height: 1.5em; z-index: 200;
	background: #030303;
}

/*
	v2 Styles
*/

#main .posts {
	margin: 0; padding: 0;
	list-style-type: none;
}

	#main .posts li {
		display: block; clear: both; margin-bottom: 1.5em;
		border-top: 1px dotted #494949;
	}
	
		#main .posts li .details {
			float: right; margin-left: 45px; width: 150px;
		}
		
			#main .posts li .details .date {
				display: block; margin-top: 0.375em; margin-bottom: 0.75em;
				font-size: 1em; text-transform: uppercase;
				color: #484848;
			}
		
			#main .posts li h2 {
				font-size: 1em; text-transform: uppercase;
				color: #393939;
			}
			
				#main .posts li h2 a {
					font-weight: bold;
					color: #393939;
				}
				
					#main .posts li h2 a:hover
					{
						color: #F1592A;
					}
			
		#main .posts li .image {
			float: left; width: 395px; margin-top: 0.75em;
		}
		
			#main .posts li .image img {
				margin: 0; padding: 0;
			}
			
		#main .posts li .categories {
			clear: both; float: left; width: 395px; margin-top: 0.75em;
		}
		
			#main .posts li .categories h3 {
				display: inline; margin-right: 0;
				font-size: 0.8em; font-style: italic;
				color: #989898;
			}

			#main .posts li .categories ul {
				display: inline; margin: 0; padding: 0;
				font-size: 0.8em; font-style: italic;
				color: #989898;
			}

				#main .posts li .categories ul li {
					display: inline;
					border: none;
				}

					#main .posts li .categories ul li a {
						border-bottom: 1px solid;
						color: #989898;
						text-decoration: none; 
					}
					
						#main .posts li .categories ul li + li:before {
							content: '|';
						}
						
		#main .posts li .permi-link {
			display: block; float: right; margin-left: 45px; margin-top: 0.75em; width: 150px;
		}
		

.post .details {
	float: right; margin-left: 45px; width: 150px;
	border-top: 1px dotted #494949;
}

	.post .details .date {
		display: block; margin-top: 0.375em; margin-bottom: 0.75em;
		font-size: 1em; text-transform: uppercase;
		color: #484848;
	}

	.post .details h1 {
		font-size: 1em; text-transform: uppercase;
		color: #393939;
	}
	
.post .images {
	float: left; width: 395px; margin-top: 0.75em;
}

	.post .images img {
		margin: 0 0 1.5em; padding: 0;
	}
	
.post .categories {
	clear: both; margin-top: 0.75em;
}

	.post .categories h3 {
		display: inline; margin-right: 0;
		font-size: 0.8em; font-style: italic;
		color: #989898;
	}

	.post .categories ul {
		display: inline; margin: 0; padding: 0;
		font-size: 0.8em; font-style: italic;
		color: #989898;
	}

		.post .categories ul li {
			display: inline;
			border: none;
		}

			.post .categories ul li a {
				border-bottom: 1px solid;
				color: #989898;
				text-decoration: none; 
			}
			
				.post .categories ul li + li:before {
					content: '|';
				}