@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200);

body {
	font-family: 'Helvetica', sans-serif;
	/*font-family: 'Raleway', 'Helvetica', sans-serif;*/
	font-weight: 300;
}

.navi {
    width: 190px;
    margin-bottom: 30px;
}

.dot > .menu__item:nth-child(4) {
	margin-top: 30px;
}

.dot {
	border: none;
}

.solid {
	border: none;
}

.header {
	margin-bottom: 60px;
}

.menu {
	text-align: 	right;
	vertical-align: top;
	display: inline-block;
	width: 190px;
	padding-left: 20px;
	position: fixed;  
	z-index: 2;
	background: #FFF;  
	height: 100%;  
	padding-right: 60px;
}

.menu--left {
	margin-top: 60px;
}

.menu__item {	
	display: block;
	font-size: 100%;
	color: #3F3F3F;
	margin: 3px 0;
}

.gallery {
	min-height: 750px;
	margin-bottom: 60px;
	margin-top: 60px;
}

.gallery ul li {
	margin-right: 60px;
}

a.active, a:hover {
	background: none;
	font-weight: 900;
}

#page .caption {
	//position: fixed;
	//top: 870px;
	//left: 270px;
	font-size: 84%;
	margin-top: -14px;	
}

.gallery-controls {
	width: 176px;
	display: none;
}

.gallery img {
	height: 750px;
}

.border-top {
	height: 60px;
	position: fixed;
	width: 100%;
	background-color: white;
	z-index: 10;
}

.fadein { 
	position:relative; 
	height:750px; 
}

.fadein img { 
	position:absolute; 
	left:190px; 
}

.fadelinks { 
	position:relative; 
	height:750px; 
}

.fadelinks > * { 
	position:absolute; 
	left:190px;
}