@charset "utf-8";
/* 
	document    : general.css
	author		: YURR.nl
*/
		

/* Reset all styles */
	body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol, a, img {margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {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;}


/* GRID*/
	#canvas									{ position:relative;  height: 100%; margin: 0 auto; padding: 0; }
	* html > #container 					{ height: 100%;} /*IE Hack, thanks to Jasper/ Kevin http://ep2.nl*/
	#sidebar-left							{ float: left; width: 100%; display: inline; height: 100%; margin-top: 415px; }
		#navigation							{ bottom: 0; height: 100%; padding: 10px; }
		#projects							{ position: absolute; top: 0; overflow-x: scroll; width: 100%; height: 418px; background: #000; }
			#project						{ /*margin: 10px;*/ }
	#sidebar-right							{ float: right; width: 160px; margin: 10px; margin-right: -170px; display: inline; height: 100%; }
	

/* GENERAL */
	html									{ height: 100%; background-color:#eef9fe; }
	body 									{ height: 100%; font-family: Monaco, sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px; color:#9EA2A0; margin-right:180px; }
	h1										{ display: none; }
	h2										{ font-family: "Times New Roman", Times, serif; font-size: 10px; font-style: italic; line-height: normal; font-weight: normal;	text-transform: capitalize;	letter-spacing: 0.5px; }
	p										{ padding:0 0 15px 0; }
	em										{ font-family: "Times New Roman", Times, serif; font-size: 10px; font-style: italic; line-height: normal; font-weight: normal;	text-transform: capitalize;	letter-spacing: 0.5px;  }
	hr										{ width: 350px; heigth: 0px;  border: 0px;  background-color:black; color: black; }
	td 										{ vertical-align: top; min-width: 15px; padding: 0px; }
	.textwidth								{ min-width: 500px; }
	* html > .textwidth						{ width: 500px; } /*IE Hack, thanks to Jasper/ Kevin http://ep2.nl*/


/* MAIN NAV */
	a 										{ text-decoration:none; color: #9EA2A0 }
	a:link									{ }
	a:hover 								{ color: #3366cc; text-decoration:underline; }
	a:active								{ color: #999999 }
	a:visited 								{ }
	a.rollover 								{ display: block; text-decoration:underline; width: 50px; height: 50px; background: 0 0 no-repeat; text-decoration: none; float: left; margin: 2px; }
	a.rollover span							{ display: none; }