/* author: Adrian Trif */
*		 { margin: 0; }
a		 { text-decoration: none; outline: none; }
a:active { outline: none;}
a:hover  { text-decoration: underline; }
img		 { border: 0; }
.clear	 { clear: both; }
body
{
	background: #fff url("images/bg.gif") 0px 100px repeat-x;
	font: normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
}
#wrapper
{
	margin: 0 auto;
	width: 770px;
}
	#header
	{
		height: 100px;
	}
		#header #logo
		{
			float: left;
			width: 290px;
			height: 100px;
			padding: 0 0 0 20px;
		}
		#header #logo h1 a
		{
			display: block;
			float: left;
			width: 220px;
			height: 36px;
			padding: 0 70px 0 0;
			margin: 20px 0 0;
			background: url("images/mono.gif") no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		#header #logo h1 a:hover
		{
			background-position: 0px -36px;
		}
		#header #logo strong
		{
			font: 300 italic 17px/1.7 georgia, serif;
			letter-spacing: 2px;
			text-transform: lowercase;
			color: #376392;
		}
		#header #info
		{
			float: right;
			width: 440px;
			height: 42px;
			padding: 58px 20px 0 0;
			text-align: right;
			font: 300 italic 17px/1.5 georgia, serif;
			color: #376392;
		}
			#header #info span
			{
				font-style: normal;
				color: #000;
			}
	#topnav
	{
		width: 760px;
		height: 100px;
		margin: 0 0 30px;
		border-left: 5px solid #fff;
		border-right: 5px solid #fff;
		background: url("images/topnav_bg.jpg") 0px 0px no-repeat;
	}
	#about #topnav
	{
		background-position: 0px -100px;
	}
	#projects_page #topnav
	{
		background-position: 0px -200px;
	}
	#references #topnav
	{
		background-position: 0px -300px;
	}
	#contact #topnav
	{
		background-position: 0px -400px;
	}
		#topnav .t1,
		#topnav .t1_last
		{
			display: block;
			float: left;
			width: 148px;
			height: 100px;
			border-right: 5px solid #fff;
		}
		#topnav .t1_last
		{
			border: none;
		}
		#topnav .t2
		{
			height: 64px;
			border-top: 7px solid #376392;
		}
			#topnav .t2 a
			{
				display: block;
				width: 134px;
				height: 16px;
				padding-left: 14px;
				background: #376392;
				font: 300 normal 11px/0.9 georgia, serif;
				color: #fff;
			}
			#topnav .t2 a:hover,
			#topnav .t2 a.active
			{
				background: #376392 url("images/arrow.gif") 6px 2px no-repeat;
				text-decoration: none;
				color: #91b0d5;
			}
		#topnav .t3
		{
			height: 29px;
			background: url("images/dot.png");
		}
			#topnav .t3 a
			{
				display: block;
				width: 134px;
				height: 29px;
				padding-left: 14px;
				font: 300 italic 17px/1.7 georgia, serif;
				color: #000;
			}
			#topnav .t3 a:hover,
			#topnav .t3 a.active
			{
				background: #000;
				text-decoration: none;
				color: #fff;
			}
			.hide
			{
				display: none;
			}
	#content
	{
		width: 760px;
		margin: 0 5px 30px;
	}
		#content .left_img
		{
			float: left;
			padding: 4px;
			margin: 0 0 30px;
			border: 1px solid #c0c0c0;
		}
		#content h2
		{
			font: normal 20px/1.2 Helvetica, Arial, Verdana, sans-serif;
			margin: 0 0 10px;
			color: #376392;
		}
			#content h2 a
			{
				color: #376392;
			}
		#content p
		{
			margin: 0 0 10px;
		}
		#content ul
		{
			padding: 0;
			margin: 0 0 10px 30px;
		}
		#content #right_content
		{
			float: right;
			width: 430px;
			padding: 0 10px 20px 0;
		}
		/* projects */
		#content .project_overview
		{
			float: left;
			width: 760px;
			margin: 0 0 30px;
			clear: both;
		}
			#content .project_overview img
			{
				margin: 0;
			}
			#content .project_overview img:hover,
			#content .project_overview img.over
			{
				padding: 0;
				border: 5px solid #c0c0c0;
			}
		#content .project_info
		{
			float: right;
			width: 430px;
			padding: 0 10px 20px 0;
		}
		#projects_page #content #right_content
		{
			width: 440px;
			padding: 0 0 20px 0;
		}
			#slides img
			{
				margin-right: 20px !important;
			}
			#slides img.selected
			{
				display: block !important;
			}
			#thumbs
			{
				float: left;
				margin: 0 0 10px;
			}
			#thumbs img
			{
				float: left;
				padding: 4px;
				margin: 0 10px 10px 0;
				border: 1px solid #c0c0c0;
			}
			#thumbs img:hover,
			#thumbs img.over
			{
				padding: 0;
				border: 5px solid #c0c0c0;
			}
			#thumbs img.last
			{
				margin: 0 0 10px 0;
			}
		/* end projects */
	#footer
	{
		clear: both;
		width: 740px;
		margin: 0 5px 30px;
		padding: 3px 10px;
		border-top: 1px solid #dedede;
		font-size: 11px;
		color: 515151;
	}
		#footer p
		{
			float: left;
			width: 550px;
		}
		#footer span
		{
			float: right;
			color: #376392;
		}
		#footer span a
		{
			color: #000;
		}