body, h1, h2, h3, h4, h5, h6,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
	margin: 0;
	padding: 0;
}

a, a:visited { text-decoration: none;}	
fieldset, img { border: none; }
li { list-style: none; }

a {
	outline: none;
}

:-moz-any-link:focus {
  outline: none;
}


body {
	background: #171717 url('../images/bg.jpg') top left no-repeat;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #b3b3b3;
	line-height: 20px;
}

body, html, #wrapper, #left, #right {
	height: 100%;
}

a:link {
	color: #b3b3b3;
}

a:visited {
	color: #b3b3b3;
}

a:hover {
	color: #007dab;
}

a.blue:link {
	color: #007dab;
}

a.blue:visited {
	color: #007dab;
}

a.blue:hover {
	color: #b3b3b3;
}

#wrapper {
	
}

#left {
	position: relative;
	width: 280px;
	float: left;
	display: block;
	height: 100%;
}

h1 a{
	text-indent: -1000em;
	display: block;
	width: 150px;
	height: 60px;
	position: absolute;
	top: 110px;
	left: 40px;
}

#nav {
	position: absolute;
	top: 264px;
	left: 0px;
}

	#nav ul li a{
		display: block;
		height: 20px;
		text-indent: 40px;
		width: 200px;
	}

	#nav ul li a.active{
		display: block;
		height: 43px;
		background: url('../images/nav_active.png') 0px 17px no-repeat;
		text-indent: 50px;
		padding-top: 18px;
	}
	
#nav-swap {
	position: absolute;
	top: 643px;
	margin-left: 40px;
}

	#nav-swap a, #nav-swap .clicked{
		display: block;
		float: left;
		width: 15px;
		height: 15;
	}
	
	#nav-swap a:link {
		color: #007dab;
	}
	
	#nav-swap a:visited {
		color: #007dab;
	}
	
	#nav-swap a:hover {
		color: #b3b3b3;
	}

#music {
	position: absolute;
	top: 705px;
	margin-left: 40px;
	font-size: 10px;
}

#adress {
	position: absolute;
	top: 745px;
	margin-left: 40px;
	font-size: 10px;
}

	#adress p {
		float: left;
	}
	

#right {
	width: 700px;
	position: relative;
	float: left;
}
	
	#prevProject {
		display: block;
		width: 45px;
		height: 135px;
		position: absolute;
		top: 359px;
		left: -80px;
		text-indent: -1000em;
		background: url('../images/prev.png') top left no-repeat;
	}
	
	#prevProject a, #nextProject a{
		display: block;
		width: 45px;
		height: 135px;
	}
	
	#nextProject {
		display: block;
		width: 45px;
		height: 135px;
		position: absolute;
		top: 359px;
		left: 730px;
		text-indent: -1000em;
		background: url('../images/next.png') top left no-repeat;
	}
	
	#prevProject a:hover , #nextProject a:hover {
		background-position: 100% 0;
	}
	
	#projectTitle {
		font-size: 10px;
		position: absolute;
		top: 126px;	
	}
	
	#projectUrl {
		font-size: 10px;
		top: 126px;	
		position: absolute;
		left: 550px;
		text-align: left;
		float: right;
	}
	
	#projectImages {
		position: absolute;
		top: 191px;
		text-align: center;
	}
	
	#projectImages img {
		margin-bottom: 20px;
		margin: 0 auto;
		clear: both;
		display: block;
		margin-bottom: 20px;
	}
	
	#projectInfo {
		padding-top: 12px;
		margin-bottom: 80px;
		float: left;
		text-align: left;
	}
	
	.image-holder{
		background: url(../images/loading.gif) 50% 50% no-repeat;
	}

.even {
	
}
	
.blue {
	color: #007dab;
}	
	
.white {
	color: #b3b3b3 !important;
}
	
.none {
	display: none;
}

.both {
	clear: both;
}

.fixed {
  position: fixed;
  top: 0;
}