/*
This website is a product of Economy-x-Talk, Nijmegen, the Netherlands
http://economy-x-talk.com
Copyright (c) 2015 by Economy-x-Talk
All right reserved, world-wide.

Design and script (c) 2015 by Economy-x-Talk
Photos (c) 2015 by Tomasz Walkiewicz
Some photos are licensed under Creative Commons License, see source code for more info.
James Paul web font (c) 2007 by James Fajardo, see below

 @license
 MyFonts Webfont Build ID 3091470, 2015-09-15T07:32:14-0400
 The fonts listed in this notice are subject to the End User License
 Agreement(s) entered into by the website owner. All other parties are
 explicitly restricted from using the Licensed Webfonts(s).
 You may obtain a valid license at the URLs below.
 Webfont: James Paul by Fajardo
 URL: http://www.myfonts.com/fonts/fajardo/james-paul/regular/
 Copyright: James Paul© James Fajardo. 2007 All Rights Reserved
 Licensed pageviews: 10,000
 License: http://www.myfonts.com/viewlicense?type=web&buildid=3091470
 © 2015 MyFonts Inc
 */

/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/2f2c0e");

@font-face {
	font-family: 'klus';
	src: url('klus.eot'); /* IE9 Compat Modes */
	src: url('klus.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('klus.woff') format('woff'), /* Modern Browsers */
	url('klus.ttf') format('truetype'), /* Safari, Android, iOS */
	url('klus.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
	background: #001900;
	font-family: klus;
	font-size: 150px;
	line-height: 120%;
	margin: 0px;
	color: #EDFFED;
	font-size: 18pt;
}

.main {
	width: 950px;
	margin: auto;
}

div.logo {
	position: relative;
	top: 0px;
	left: 0px;
	background: url('logo.gif');
	background-repeat: no-repeat;
	width: 560px;
	height: 250px;
}

div.nav {
	height: 133px;
	width: 100%;
	clear: both;
	font-size: 32px;
	text-align: right;
}

div#contact {
	width: 200px;
	height: 133px;
	float: right;
	line-height: 133px;
	text-align: center;
}

div#photos {
	width: 200px;
	height: 133px;
	float: right;
	line-height: 133px;
	text-align: center;
}

div#service {
	width: 200px;
	height: 133px;
	float: right;
	line-height: 133px;
	text-align: center;
}

div#about {
	width: 200px;
	height: 133px;
	float: right;
	line-height: 133px;
	text-align: center;
}

.nav a {
	color: white;
	text-decoration: none;
	height: 133px;
	width: 100%;
	float: right;
	line-height: 133px;
	text-align: center;
}

#contact a {
	width: 100%;
	background: url('nav1.gif');
	background-repeat: no-repeat;
}

#photos a {
	width: 100%;
	background: url('nav2.gif');
	background-repeat: no-repeat;
}

#service a {
	width: 100%;
	background: url('nav3.gif');
	background-repeat: no-repeat;
}

#about a {
	width: 100%;
	background: url('nav4.gif');
	background-repeat: no-repeat;
}

.content a {
	text-decoration: none;
	color: #34AE21;
}

a:hover {
	color: yellow;
}

a:active {
	color: #005000;
}

div.content {
	margin: 32px;
}

form#form-contact input[type=field], textarea {
	font-size: 28px;
	font-family: klus, sans-serif;
	width: 100%;
	border: 0px;
	line-height: 150%;
	margin-bottom: 16px;
	background: #B6FFB0;
}

form#form-contact textarea {
	height: 500px;
	background: url('textbackground.gif')
}

form#form-contact input[type=Submit], input[type=button] {
	width: 140px;
	line-height: 200%;
	float: right;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	background: green;
	color: white;
	border: 0px;
	font-size: 28px;
	font-family: klus, sans-serif;
	margin-bottom: 16px;
}

div#photopage {
	text-align: center;
}

.content img {
	border: 0px;
	margin-bottom: 16px;
	text-align: center;
}

.copyright {
	clear: both;
	width: 100%;
	border-top: 1px solid white;
	font-family: sans-serif;
	/*font-style: italic;*/
	font-size: 7pt;
	line-height: 100%;
	color: #62775A;
	padding-bottom: 16px;
	padding: 8px;
}

.copyright a {
	text-decoration: none;
	color: #8FAD83;
	font-style: italic;
}

.copy-left {
	float: left;
	width: 50%;
}

.copy-right {
	float: right;
	width: 50%;
}