body {
	/*background-color:#2F2B24;*/
	background: #3c372e url(/images/bg.gif) repeat-y top left;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	padding: 0;
	text-align: center;
	}
	
#containter {
	position: absolute;
	top: 0;
	left: 180px;
	text-align: left;
	width: 840px;
	}
a { outline: none;}
	
/* ---- HEADER ----------------------------------------------------------------
---------------------------------------------------------------------------- */

#header {
	/*background: transparent url(../images/header-bg.gif) repeat-x top left;*/
	background-color:#2F2B24;
	height: 110px;
	border-bottom: 4px solid #e6e6e6;
	}
.logo {
	position:absolute;
	top:0;
	left:30px;
	z-index:1000;
	}
	
/* ---- NAVIGATION --------------------------------------------------------- */

.nav {
	height:30px;
	float:right;
	margin-top:80px;
	}
	.nav ul {
		margin: 0 0 0 30px;
		}	
	.nav ul li {
		float: left;
		text-transform: uppercase;
		font-size: 11px;
		list-style: none;
		margin-left:1px;
		background-color:#423c32;
		}
	.nav ul li a:link, .nav ul li a:visited {
		display: block;
		height: 20px;
		padding: 10px 25px 0 25px;
		color: #fff;
		/*background-color:#423c32;*/
		text-decoration:none;
		}
	.nav ul li a:hover {
		color: #fff;
		/*background-color: #847b64;*/
		}
	.nav ul li a.active {
		color: #2f2b24;
		background-color: #fff;
		border-bottom: 4px solid #fff;
		}
		.menu {
			top:110px; 
			position:absolute; 
			background:url(/images/bg-subnav.png) repeat-x bottom left; 
			padding:0;
			margin:0;
			border:none;
			z-index: 9999;
			}
			.menu ul.sub_nav {float:left;}
			.menu ul.sub_nav {
				margin:0; 
				padding:0; 
				width:130px;
				}
			.menu ul.sub_nav li {
				float:none; 
				background-image:none;
				background-color:#847b64;
				margin:0;
				}
			.menu ul.sub_nav li a, .menu ul.sub_nav li a:link, .menu ul.sub_nav li a:visited {
				font-size:11px; 
				font-weight:normal; 
				line-height:17px; 
				color:#fff; 
				text-decoration:none; 
				padding:5px 10px; 
				height:100%;
				background-color:transparent;
				}
			.menu ul.sub_nav li a:hover {
				color:#fff; 
				text-decoration: none; 
				background-color:#423c32;
				}
			.menu ul.sub_nav li a:active {
				color:#fff; 
				text-decoration: none; 
				background-color:transparent;
				}
			li .menu {display:none;}
			li:hover .menu {display:block;}
			li.hover-nav:hover, li.hover-nav_over { background-color:#847b64; }
			/*li.work-nav, li.work-nav_over {background-color:#847b64;}*/
			.clear {
				overflow:hidden; 
				clear:both; 
				height:4px; 
				margin:0; 
				padding:0; 
				font-size:1px; 
				display:block;
				}

		
/* ---- CONTENT ---------------------------------------------------------------
---------------------------------------------------------------------------- */

.inner {
	width: 780px;
	margin: 30px 0 0 20px;
	padding: 0 10px;
	overflow:hidden;
	}
	.inner p {
		/*float: left;*/
		font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
		color:#847b64;
		}
#flash-container {
	width: 770px;
	height: 300px;
	border: 1px solid #ddd;
	padding:4px;
	overflow: hidden;
	z-index: 0;
	}
h1 {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:28px;
	width:500px;
	height:40px;
	overflow:hidden;
	}		
h3 {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size: 18px;
	width:300px;
	height:30px;
	overflow:hidden;
	}	
.left-column {
	float: left;
	width: 520px;
	margin: 20px 0 0 0;
	background: transparent url(/images/divider.gif) repeat-y top right;
	}
	.left-column p {
		font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
		color: #2f2b24;
		padding: 0 18px 18px 0;
		}
.right-column {
	float: left;
	width: 246px;
	margin: 20px 0 0 0;
	padding: 0 0 0 14px;
	}
	.right-column ul {
		list-style-type:none;
		}
		.right-column li {
			font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
			color: #2f2b24;
			background: transparent url(/images/bullet.gif) no-repeat center left;
			padding: 0 0 0 10px;
			}
		.right-column li.projects {
			font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
			color: #2f2b24;
			padding: 7px 0 7px 0;
			border-bottom: 1px solid #ddd;
			background:none;
			}
.rich-network {
	float:right;
	margin-left:18px;
	margin-bottom:18px;
	border: 5px solid #ddd;
	}
.light-brown {
	color:#847b64;
	font-style:italic;
	}

/* ---- LINKS ---------------------------------------------------------------- */
a {
	color:#768a21;
	text-decoration: none;
	}
a:hover  {
	color:#726951;
	}	
	
a.block:link, a.block:visited {
	background:#768a21 url(/images/white-arrow.gif) no-repeat center right;
	color:#fff;
	font-size:12px;
	padding:10px 25px 10px 10px;
	}
a.block:hover {
	background-color:#726951;
	}
	
/* ---- FEATURES CONTAINER -------------------------------------------------------- */

.feature-container {
	background: transparent url(/images/gradient.gif) repeat-x top left;
	overflow: hidden;
	width:780px;
	}

.feature-container .feature-holder {
	float: left;
	width: 240px;
	padding: 0;
	margin: 10px;
	}
	
.before-after {
	width:520px;
	}

/* ---- FILTER ------------------------------------------------------------------- */

ul#filter { 
	float: left; 
	font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, Verdana;
	list-style: none; 
	width: 100%; 
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color:#2f2b24;
	padding:15px 0;
	margin:10px 0 30px 0;
	}
	ul#filter li { 
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #dedede;
		}
	ul#filter a {text-decoration: none; }
	ul#filter li:last-child, ul#filter li:first-child { border-right: none;}
	ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
	ul#filter li.current a { color: #2f2b24; }

ul#portfolio { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	width: 780px;
	font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, Verdana;
	}
	ul#portfolio li { 
		float: left; 
		border-bottom: 1px solid #ddd; 
		margin: 0 10px 10px 0; 
		padding: 4px;
		width: 240px;
		}
	ul#portfolio p {
		margin:0;
		color:#2f2b24;
		font: normal 11px/17px "Trebuchet MS", Arial, Helvetica, Verdana;
		}
	ul#portfolio a { display: block; width: 100%; font-size:12px; }
	ul#portfolio a:hover { text-decoration: none; }
	ul#portfolio img { display: block; margin:0 0 10px 0; border:5px solid #ddd; }
	
/* ---- FOOTER ----------------------------------------------------------------
---------------------------------------------------------------------------- */	
	
#footer {
	overflow:hidden;
	background-color:#e2ded4;
	margin:50px 0 0 0;
	}
.bottom-nav {
	clear:both;
	margin:20px 20px 20px 0;
	border-top: 1px solid #c6c1b3;
	padding: 10px 0;
	height:50px;
	}
	.bottom-nav p {
		font: normal 10px/12px "Trebuchet MS", Arial, Helvetica, Verdana;
		color: #2f2b24;
		padding:5px 0;
		}
	.bottom-nav a:link, .bottom-nav a:visited {
		font: normal 10px/12px "Trebuchet MS", Arial, Helvetica, Verdana;
		text-transform: uppercase;
		}
	.bottom-nav .left {
		float:left;
		width:50%;
		}
		.bottom-nav .left a {
			text-transform: none !important;
			}
	.bottom-nav .right {
		float:right;
		width:50%;
		text-align:right;
		}
	
/* ---- Quotes -------------------------------------------------------- */				

.anyClass ul {
	list-style-type:none;
	}
	.anyClass li {
		overflow: hidden;
		font: normal 11px/11px "Trebuchet MS", Arial, Helvetica, Verdana;
		padding: 0;
		margin: 0;
		background-image:none;
		width:245px;
		height: 175px;
		}
		.anyClass li p.comment {
			font: italic 11px/17px "Trebuchet MS", Arial, Helvetica, Verdana;
			margin: 0;
			background-color:#ebeae7;
			padding:10px;
			color:#2f2b24;
			}
		.anyClass li p {
			font: italic 11px/15px "Trebuchet MS", Arial, Helvetica, Verdana;
			margin: 5px 0 0 0;
			}
.prev, .next {
	float:left;
	width: 22px;
	height: 20px;
	margin: 0 1px 20px 0;
	padding: 0;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	}
	.prev {background: transparent url(/images/backB.gif) no-repeat top left;}
	.next {background: transparent url(/images/forwardB.gif) no-repeat top left;}

/* ---- CONTACT FORM ----------------------------------------------------------
---------------------------------------------------------------------------- */		
.form {
	text-align:left;
	}
	.form p {
		font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
		color: #2f2b24;
		margin:5px 0;
		}
input:focus, textarea:focus {
	background-color: lightyellow;
	}	
input {
	border:1px solid #E2DED4;
	font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
	color:#2f2b24;
	height:15px;
	padding:5px;
	}
input.button {
	font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
	color:#fff;
	background-color:#768a21;
	padding:5px;
	height:auto;
	}
textarea {
	border:1px solid #E2DED4;
	font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, Verdana;
	color:#2f2b24;
	}