/**
	*
	*	RESET
	**/
	
	* { outline:0; text-decoration:none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; line-height: 120%; }
	html { color:#000; }
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
	table{ border-collapse:collapse; border-spacing:0; } 
	fieldset,img { border:0; }
	address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
	del,ins { text-decoration:none; }
	li { list-style:none; }
	caption,th { text-align:left; }
	h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
	q:before,q:after { content:''; } 
	abbr,acronym { border:0; font-variant:normal; }
	sup { vertical-align:baseline; } 
	sub { vertical-align:baseline; }
	legend { color:#000; }
	input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
	input,button,textarea,select { font-size:100%; }
	br.clear { display:block; height:1px; overflow:hidden; clear:both; }
	







	/**
	*
	*	FRAMEWORK
	*
	**/
	
	html, body {
		overflow-x: hidden;
	}
	
	body {
		background: #D9D9D9 url(/css/imgs/bg_body.jpg) no-repeat left top;
		-webkit-background-size: 2500px 2540px; 
	}
	
	div#container {
		overflow-x: hidden;
		width: 100%;
	}
	
	div#body {
		padding-bottom: 300px;
	}
	
	h3 {
		display: none;
	}
	
	*::selection {
		background: #000;
		color: #fff;
	}
	
	*::-moz-selection {
		background: #000;
		color: #fff;
	}
	
	div#footer *::selection {
		background: #fff;
		color: #000;
	}
	
	div#footer *::-moz-selection {
		background: #fff;
		color: #000;
	}
	
	
	
	
	
	
	
	
	
	/**
	*
	*	HEAD
	*
	**/
	
	div#head {
		padding-top: 90px;
		border-top: 10px solid #6c6c6c;
		height: 270px;
	}
	
	div#head h1 {
		font-size: 18px;
		font-weight: bold;
		height: 50px;
	}
	
	div#head h2 {
		font-size: 18px;
		font-weight: bold;
		opacity: 0.3;
	}

	ul#nav li, ul#nav li a {
		display: block;
		float: left;
	}
	
	ul#nav li a {
		font-size: 18px;
		font-weight: bold;
		margin-right: 0.5em;
	}
	
	ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active, ul#nav li a.active {
		border-bottom: 2px solid #000;
	}












	/**
	*
	*	BODY > PROJECTS / SLOTS
	*
	**/
	
	div.project {
		background: url(/css/imgs/bg_project.png) repeat-x left top;
		_background: url(/css/imgs/bg_project_ie6.gif) repeat-x left top; /* IE6 */
		padding-top: 65px;
		width: 5000px;
		float: left;
		position: relative;
		clear: both;
		padding-bottom: 130px;
	}
	
	div.slot {
		padding-top: 20px;
		width: 2500px;
		float: left;
		position: relative;
		clear: both;
	}
	
	div.first-slot {
		background: url(/css/imgs/bg_project.png) repeat-x left top;
		_background: url(/css/imgs/bg_project_ie6.gif) repeat-x left top; /* IE6 */
		padding-top: 65px;
	}
	
	div.project div.col-1 h4, 
	div.slot div.col-1 h4 {
		font-size: 18px;
		font-weight: bold;
		height: 50px;
	}
	
	div.project div.col-1 p.meta {
		font-size: 18px;
		font-weight: bold;
		opacity: 0.3;
		height: 70px;
	}
	
	div.project div.col-1 p.meta strong {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: normal;
		font-style: italic;
	}
	
	div.project div.col-1 p.details-toggle a {
		/*font-size: 10px;
		text-transform: uppercase;
		opacity: 0.3;*/
		font-size: 10px;
		text-transform: uppercase;
		color: #fff;
		background: #373336;
		padding: 2px 6px;
		border: 1px solid transparent;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		opacity: 0.3;
		-webkit-transition: opacity 0.3s;
	}
	
	div.project div.col-1 p.details-toggle a:hover {
		/*opacity: 0.5;*/
		opacity: 1;
		-webkit-transition: opacity 0.3s;
	}
	
	div.project div.col-2,
	div.slot div.col-2 {
		width: 2000px;
	}
	
	div.project div.col-2 ul.tags {
		height: 50px;
	}

	div.project div.col-2 ul.tags li {
		display: block;
		float: left;
		font-size: 10px;
		text-transform: uppercase;
		font-style: italic;
		opacity: 0.3;
		margin-right: 7px;
		padding-top: 7px;
	}
	
	div.project div.col-2 div.details,
	div.slot div.col-2 div.details {
		width: 500px;
	}
	
	div.project div.col-2 div.details *,
	div.slot div.col-2 div.details * {
		color: #373336;
		font-size: 14px;
	}
	
	div.project div.col-2 div.details a,
	div.slot div.col-2 div.details a {
		border-bottom: 1px dotted #6F616C;
	}
	
	div.project div.col-2 div.details a:hover,
	div.slot div.col-2 div.details a:hover {
		border-bottom: 1px solid #000;
	}
	
	div.slot div.col-2 div.details * {
		line-height: 140%;
	}
	
	div.project div.col-2 div.details div,
	div.slot div.col-2 div.details div {
		padding-bottom: 30px;
	}
	
	div.project div.col-2 div.details p,
	div.slot div.col-2 div.details p {
		padding-top: 4px;
		margin-bottom: 15px;
	}
	
	div.project div.col-2 div.details ul {
		margin-bottom: 15px;
	}
	
	div.project div.col-2 div.details ul li strong {
		font-size: 10px;
		font-style: italic;
		text-transform: uppercase;
		padding-right: 2px;
	}
	
	div.project div.col-2 div.details p.url a,
	div.slot div.col-2 div.details p.url a {
		font-size: 10px;
		text-transform: uppercase;
		color: #fff;
		background: #373336;
		padding: 2px 6px;
		border: 1px solid transparent;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		opacity: 0.3;
		-webkit-transition: opacity 0.3s;
	}
	
	div.project div.col-2 div.details p.url a:hover,
	div.slot div.col-2 div.details p.url a:hover {
		opacity: 1;
		-webkit-transition: opacity 0.3s;
	}
	
	div.project div.col-2 div.gallery {
		width: 4000px;
	}
	
	div.project div.col-2 div.gallery ul li {
		display: block;
		float: left;
		margin-right: 10px;
		background: url(/css/imgs/bg_project_thumbs.png);
		_background: none; /* IE6 */
	}
	
	div.project div.col-2 div.gallery ul li img {
		display: block;
		float: left;
		width: 120px;
	}
	
	div.project div.col-2 div.gallery ul li a {
		display: block;
		float: left;
	}
	
	div#body table.resume {
		margin-left: -5px;
	}
	
	div#body table.resume th {
		text-align: left;
		vertical-align: top;
		font-size: 10px;
		text-transform: uppercase;
		padding: 8px 15px 5px 5px;
		border: 1px solid #6F616C;
		border-width: 0 0 1px 0;
		font-style: italic;
		white-space: nowrap;
	}
	
	div#body table.resume td {
		padding: 5px 5px 5px 0;
		border: 1px solid #6F616C;
		border-width: 0 0 1px 0;
	}
	
	div#body table.resume tr.last th,
	div#body table.resume tr.last td {
		border: 0;
	}
	
	div#body ul.clients span.place {
		font-size: 10px;
		text-transform: uppercase;
		font-style: italic;
		padding-left: 2px;
	}
	
	div.project a.btn-back-to-top {
		display: block;
		float: left;
		position: absolute;
		top: 67px;
		left: 0;
		background: url(/css/imgs/btn_back-to-top.png) no-repeat left top;
		_background: url(/css/imgs/btn_back-to-top_ie6.gif) no-repeat left top; /* IE6 */
		text-indent: 2000em;
		overflow: hidden;
		height: 17px;
		width: 32px;
	}
	
	div.project a.btn-back-to-top:hover {
		background-color: #000;
	}
	
	body.no-js div#body div.project div.col-2 div.details {
		display: block !important;
	}
	










	/**
	*
	*	FILTER NAVIGATION
	*
	**/
	
	div#body div.project-filter {
		height: 40px;
		margin-top: -40px;
		position: relative;
	}
	
	div#body div.project-filter * {
		font-size: 10px;
		text-transform: uppercase;
		font-style: italic;
	}

	div.project-filter ul li {
		float: left;
		display: block;
	}
	
	div.project-filter ul li a {
		margin-right: 7px;
		float: left;
		display: block;
		opacity: 0.3;
		padding-bottom: 1px;
	}
	
	div.project-filter ul li a:hover, div.project-filter ul li a.active {
		opacity: 0.5;
	}
	
	div.project-filter ul li a.active {
		border-bottom: 1px solid #000;
	}
	
	div.project-filter span.caption {
		display: block;
		float: right;
		opacity: 0.3;
		padding-bottom: 1px;
	}
	
	div.project-filter ul li a span {
		display: none;
	}

	div.project-filter ul li a.active span {
		display: inline;
	}
	
	body.no-js div#body div.project-filter {
		display: none;
	}










	/**
	*
	*	LAYOUT COLUMN SETS
	*
	**/
	
	div.layout-col-set div.col-1 {
		width: 320px;
		float: left;
		margin-right: 70px;
	}
	
	div.layout-col-set div.col-1, div.layout-col-set div.col-1 * {
		text-align: right;
	}
	
	div.layout-col-set div.col-2 {
		float: left;
	}
	










	/**
	*
	*	CURTAIN
	*
	**/
	
	div#curtain {
		position: fixed;
		left: 0;
		width: 100%;
		background-color: #000;
		height: 0;
		overflow: hidden;
		z-index: 1100;
		opacity: 0.9;
	}
	
	body.no-js div#curtain {
		display: none;
	}
	
	div.curtain-loading {
		background: #000 url(/css/imgs/loading.gif) center no-repeat;
	}












	/**
	*
	*	PAGE: ABOUT
	*
	**/

	body.site_about div#container {
		background: transparent url(/css/imgs/bg_about.jpg) no-repeat left 5px;
	}
	
	body.site_about div#body div.layout-col-set div.col-1 {
		width: 100px;
	}
	
	body.site_about div#body {
		padding-left: 220px;
	}













	/**
	*
	*	PAGE: CONTACT
	*
	**/
	
	body.site_contact div#body div.col-2 * {
	}
	
	body.site_contact div#body div.col-2 address {
		margin-bottom: 10px;
	}













	/**
	*
	*	FOOTER
	*
	**/
	
	div#footer {
		position: relative;
		background: #202020;
		padding: 30px 0 60px 0;
		clear: both;
		float: left;
		width: 100%;
	}
	
	div#footer * {
		color: #fff;
		font-size: 12px;
		line-height: 140%;
	}
	
	div#footer h4 {
		font-size: 17px;
		font-weight: bold;
		padding-bottom: 8px;
	}
	
	div#footer div.col-1 {
	}
	
	div#footer div.col-2 {
		width: 500px;
	}
	
	div#footer div.col-1, div#footer div.col-1 * {
		text-align: right;
	}
	
	div#footer address, div#footer address * {
		font-style: italic;
	}