@charset "utf-8";
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/media/fonts/bebasneue-webfont.eot');
    src: url('/media/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/bebasneue-webfont.woff') format('woff'),
         url('/media/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/media/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

strong, .highlight{
		font-weight: bold;
	}

body {
		background-position:0% 100%;
		padding:	0px;
		margin:		0px;
		width:		100%;
		height:		100%;
		background-position: top; 
		background-color:#fff;
		font-family: "BebasNeueRegular";
		font-size: 	100%;
		color:		#000;		
	 }
a {
	text-decoration:none;
	color:#000;
	}
p{
	margin:0px;
	padding:0px;
	line-height:42px;
	
	}
	
		
#outer {height: 100%; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner {position: relative; top: -50%} /* for explorer only */
#inner[id] {position: static;}

#photographySubcategories {
	line-height:12px;
}
    
#center {
		background-repeat: repeat;
		width: 640px; 
		margin: auto;
		text-align:center;
		margin-top:-200px;
}
		
#submit {
		margin-top: 22px;
		margin-bottom: 155px; 
		background-image: url(../media/images/submit_grey.png);
		width: 70px;
		height: 23px;
		background-repeat: none;
		border: 0px;
		float:right;
		position:relative;
		margin-right:-5px;
}
	
#submit:hover {
		margin-top: 22px;
		margin-bottom: 155px; 
		background-image: url(../media/images/submit_black.png);
		width: 70px;
		height: 23px;
		background-repeat: none;
		border: 0px;
}	



p.small {line-height:90%}
p.big {line-height:200%}		

          
.contactLabel{
	font-size:20px;
	margin-top:25px;
	margin-bottom:0px;
	float:left;
}
	
.contactInput{
	width:400px;
	height:28px;
	padding-top:8px;
	padding-left:4px;
	font-size:24px;
	font-family: "BebasNeueRegular";	
	border: 1px solid #c8c8c8;
	color:#c8c8c8;
}
	
.contactTextarea{
	width:396px;
	height:165px;
	border: 1px solid #c8c8c8;
	font-family: "BebasNeueRegular";
	padding:8px 4px;
	font-size:24px;
	line-height:28px;
	color:#c8c8c8;
}
		
		
#menu {
		position:fixed;
		left:60px;
		top: 60px;
		width:		200px;
		font-size:	38px;
		line-height:0.7;
		color: 	#c8c8c8;
}

#about{
		float:		left;
		width:		1400px;
		height:		700px;
		margin-top: 60px;
		margin-left:260px;
		
	}
	
#content_small_images{
	
		float:		left;		
		position: 	absolute;
		margin-left:310px;
		margin-top:	60px;
		height:		500px;
		
	}	
#mail{
		float:	   left;
		margin-top:36px;
		margin-left: 260px;
		width:		430px;
		height:		700px;
	}
	
#small_images{
		
		float:		left;
		margin:		5px;
		position: 	relative;
		width:		211px;
		
	}
	
#boy_image{
		float:		left;
		width:		427px;
		height:		519px;
		margin-top: 60px;
	}
	
#arrow{
		width:		36px;
		height:		56px;
		float:		left;
		margin-top:	390px;
		margin-left:117px;
		background-image: url(../media/images/arrow.png); 
	}
#start_screen{
		width:		642px;
		height:		287px;
		background: url(../media/images/start_screen.png) -201px -235px;
		position:	absolute;
		z-index:	1000;
		padding:	auto;
		margin-top:	-1px;
		margin-left:	-1px;
		overflow:hidden;
	}

	
/**
 * Slideshow style rules.
 */
#slideshow {
	margin:auto;
	width:100%;
	height:719px;
}
#slideshow #slidesContainer {
	  margin:auto;
	  height:1100px;
	  overflow:hidden; /* allow scrollbar */
	  position:relative;
}

 /*#slideshow #slidesContainer .slide {
  margin-left:350px;
 reduce by 20 pixels of #slidesContainer to avoid horizontal scroll 
  height:1100px;
  margin-top: 60px;
}*/

/**
 * Slideshow controls style rules.
 */
 
.leftControl {
  background: url('../media/images/control_prev.png') no-repeat 50% 50%;
  display:block;
  width:36px;
  height:56px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:0;
  left:350px;
  margin-top:425px;
}
.rightControl {
  background: url('../media/images/control_next.png') no-repeat 50% 50%;
  display:block;
  width:36px;
  height:56px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:0;
  right:0;
  margin-top:425px;
  margin-right:350px;
}
 
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
  font-size:			13px;
  font-weight:bold;
  color:#fff;
  letter-spacing:-1px;
}
.slide img {
  float:left;
}

.slide .content {
	color:		#fff;
	font-family:		Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size:			13px;
	line-height:		20px;
}

/****
Masonry
****/
	
.item {
	position: relative;
  	width: 211px;
  	margin: 4px;
  	float: left;
	display: none;
}

.white-overlay {
	position: absolute;
	background-color: white;
	width: 213px;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	opacity: 0;
	margin-top:-6px;
	margin-left:-1px;
}


/****
Resize 
****/
#content {
	padding-top: 60px;
	padding-bottom: 160px;
	padding-left: 250px;
	text-align:center;
	overflow:hidden;
}

.legend {
	position:	relative;
	top:		0px;
	left:		0px;
	text-align: left;
	color:#c8c8c8;
}

.legendwrapper {
	position:	absolute;
	bottom:		-40px;
	left:		0px;
	font-size:	20px;
	z-index:4000;
	height: 30px;
}

#container-fs {
  position: relative;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  margin:auto;
}

#container-fs.loading {
  background: transparent url(../gfx/loading_eee.gif) no-repeat 50% 50%;
}
#container-fs.loading .functions-left, #container-fs.loading .functions-right {
  visibility: hidden;
}

.functions-right, #img-container img {
  cursor: e-resize;
  cursor: url(../gfx/cursor2_right.gif), auto;
}