/* Author: Evert Slagter - 1020concepts.nl
 * Project: 1020concepts
 * Date: 28-11-2008
 *
 * reset.css, reset all browsers to default values
 *
 */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

abbr[title] {
	cursor:help;
}


body {
	font: 100%/1.25 'Lucida Sans', "Lucida", sans-serif;
	color:rgb(84,84,84);
	background: url('../images/body_bg.jpg') no-repeat top center #eeede4 fixed;
	text-align: center;
}

h1, h2, h3 {
	font-weight: normal;
}

h1 {
	font-family:'Josefin Slab';
	letter-spacing: -0.09em;
	text-shadow: 1px 1px 1px #fff, 1px 1px 1px #cecec7;

	font-weight: 900;
	font-size: 22px;
	line-height: 25px;
}

h2 {
	font-family: 'Josefin Slab';
	letter-spacing: -0.09em;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
}

h3 {
	color: #204E76;
	font-size: 15px;
}


.subh3 {
	font-size: 12px;
	color: #dedede;
}

/* TYPOGRAPHY */
p,ol,ul,dl,address {
	font-size: .875em; /* 16 / 14 = 0.875 */
	line-height: 1.429em;
	padding-bottom: 1.429em;
}

ol,ul {
	list-style:none;
}

figure img,figure object,figure embed {
	max-width:100%;
	display:block;
}

img, object, embed {
	max-width:100%;
	display:block;
	margin: 0 auto;
}



.message {
	border: 1px solid #fff06c;
	background: #fffcdc;
}


span.blue {
	letter-spacing: -0.08em;
	color: #112256;
	font-weight: bold;
}

a, label {
	color: #2b5f88;
	text-decoration: none;
}

div#doc {
	text-align: left;
}

	

	#header {
		position: relative;
		text-align: left;
		background: url('../images/hr_bg.png') no-repeat center bottom;
		padding-bottom: 10px;
	
	}
	
		#logo {
			padding: 50px 20px 20px;
			text-align: center;

		}
		
		#logo img {
			display: inline;
		}
		
		
	div#header ul li a {
		white-space: nowrap;
	}
	

	.block {
		padding: 50px 20px 50px;
		background: url('../images/hr_bg.png') no-repeat center bottom;
	}


	div#portfolio ul {
		background: #fff;
		padding: 5px 10px;
		-moz-box-shadow: 5px 5px 5px #ccc;	
		-webkit-box-shadow: 5px 5px 5px #ccc;	
		-ms-box-shadow: 5px 2px 5px #ccc;
		-o-box-shadow: 5px 5px 5px #ccc;	
		box-shadow: 5px 5px 5px #ccc;
		min-height: 60px;
	}

	div#portfolio ul li {
		float: left;
		margin: 0 5px 0 0; 
	}
	
	
	
	div#portfolio div  {
		margin: 20px auto;
	}
	
	div#portfolio div a {
		display: block;
		border: 5px solid #fff;
		-moz-box-shadow: 5px 5px 5px #ccc;	
		-webkit-box-shadow: 5px 5px 5px #ccc;	
		-ms-box-shadow: 5px 5px 5px #ccc;
		-o-box-shadow: 5px 5px 5px #ccc;	
		box-shadow: 5px 5px 5px #ccc;	
		text-align: center;
	}
	
	div#portfolio ul a {
		display: inline;
		border: none;
		text-align: left;
		box-shadow: none;
	}

	
		
	div#portfolio h3 {
		padding: 5px 10px;
		background: #fff;
		-moz-box-shadow: 5px 5px 5px #ccc;	
		-webkit-box-shadow: 5px 5px 5px #ccc;	
		-ms-box-shadow: 5px 2px 5px #ccc;
		-o-box-shadow: 5px 5px 5px #ccc;	
		box-shadow: 5px 5px 5px #ccc;	
	}

	div#tweets li {
		padding: 20px 0 18px 0;
		border-bottom: 2px dotted #fff;
	}
	
	div#tweets li:first-child {
		padding-top: 0;
	}
	
	div#tweets li:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	


	div#footer {
		padding: 50px;
	}
	
	div#footer .right {
		text-align: right;
	}


	div#footer p,
	div#footer fb,
	div#footer iframe {
		float: left;
		margin: 0 20px 0 0;
	}

	div#footer div.tags,
	div#footer div.vcard {
		display: none;
	}


p.top {
	display: block;
	text-align: right;
}

p.floattop {
	text-align: center;
	padding: 10px 0;
	display: block;
}

/* contact */

input, textarea {
	color: #ccc;
}

#name {
	display: block;
	width: 100%;
	height: 30px;
	border: 0;
	line-height: 30px;
	font-size: 15px;
	padding: 0 5px;
	font-weight: bold;
}

#email {
	display: block;
	width: 100%;
	height: 30px;
	border: 0;
	line-height: 30px;
	font-size: 15px;
	padding: 0 5px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

textarea#message {
	width: 100%;
	height: 225px;
	border: 0;
	line-height: 30px;
	font-size: 15px;
	padding: 0 5px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#submit {
	margin: 10px 0 0 0;
	border: 0;
	background: transparent;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	color: #4f4f4f;
}

.send {
	padding: 0 0 0 75px;
	background: url('../images/ok.png') no-repeat 0px 0px;
	font-size: 15px;
	line-height: 50px;
	min-height: 50px;
}


.catch22 {
	display: none;
}

div#message {
	padding: 50px;
	background: url('../images/hr_bg.png') no-repeat center bottom;

}

.error {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 15px;
	padding: 0 0 0 100px;
	background: url('../images/error.png') no-repeat 0px 0px;
	
}






/* GLOBAL OBJECTS */
.clearfix {
	zoom:1;
}

.clearfix:before,.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}

.clearfix:after {
	clear:both;
}


	
/* VENDOR-SPECIFIC */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

a:link {
	-webkit-tap-highlight-color:rgb(236,240,244)
}

::-webkit-selection {
	background:rgb(236,240,244)
	color:rgb(221,39,53);
	text-shadow:none;
}

::-moz-selection {
	background:rgb(236,240,244);
	color:rgb(21,39,53);
	text-shadow:none;
}

::selection {
	background:rgb(0,87,159);
	color:rgb(250,250,250);
	text-shadow:none;
}


	
input[type=search] {
-webkit-appearance : none; 
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
display : none; 
}

::-webkit-input-placeholder {
	font-size: .875em; /* 16 / 14 = 0.875 */
	line-height: 1.429em;
}

input:-moz-placeholder {
	font-size: .875em; /* 16 / 14 = 0.875 */
	line-height: 1.429em;
}

.ie7 img,.iem7 img {
	-ms-interpolation-mode:bicubic;
}

div,input,textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

/* Non-semantic helper classes */

	
/* Image replacement */
.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
}


	
/* Hide for screenreaders and visual browsers */
.hidden {
	display:none;
	visibility:hidden;
}
	
/* Hide visually */
.visuallyhidden {
	position:absolute;
	clip:rect(0000);
	overflow:hidden;
	margin:-1px;
	padding:0;
	height:1px;
	width:1px;
	border:0;
}


	
/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	position:static;
	clip:auto;
	overflow:visible;
	height:auto;
	margin:0;
	width:auto;
}

/* Hide but maintain layout */
.invisible {
	visibility:hidden;
}


	
/* 16.TEMPLATE SPECIFICS */
#goog-fixurl ul {
	list-style-type:none;
}

#goog-fixurl input {
	margin-bottom:1.5em;
}


.fb-like {
	display: inline-block;
}

.gpage img {
	width: auto;
	max-width: none;
	display: inline-block;
}

/* 17.MOD

/*Print __________________________________________________________________________________________________________ */
@media print {
	* {
		background:transparent!important;
		color:black!important;
		text-shadow:none!important;
		filter:none!important;
		-ms-filter:none!important;
	}
	
	a,a:visited {
		color:#444!important;
		text-decoration:underline;
	}
	
	a[href]:after {
		content:" (" attr(href) ")";
	}
	
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	
	a[href^=javascript:]:after,a[href^=#]:after {
		content:"";
	}
	
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	
	thead {
		display:table-header-group;
	}
	
	tr,img {
		page-break-inside:avoid;
	}
	
	@page {
		margin:.5cm;
	}
	
	p,h2,h3 {
		orphans:3;
		widows:3;
	}
	
	h2,h3 {
		page-break-after:avoid;
	}
}


@media only screen and (max-width: 479px) {

	div#logo {
		padding-top: 30px;
	}

	div#header ul {
		border: 1px solid #dedede;
		padding: 0;
		border-radius: 5px;
		height: 40px;
		margin: 10px -10px 10px 40px;
		background: none
	}
	
	div#header ul li{
		float: left;
		min-width: 50px;
		display: block;	
		line-height: 30px;
		border-right: 1px solid #dedede;
	}
	
	div#header ul li a {
		display:block;
		text-indent:-999em;
		overflow:hidden;
		background-repeat:no-repeat;
		text-align:left;
		direction:ltr;
		padding: 5px 10px;
	}
	
	div#header ul li:first-child a {
		border-
	}
	
	div#header ul li a:focus,
	div#header ul li a:hover,
	div#header ul li a:active {
		box-shadow: inset 0 0 5px rgba(84,84,84,.7);
		border: 1px solid #999;
		padding: 4px 9px;
	}
	

	
	a.call {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZlJREFUeNrUlcsrBXEUx40rj8hbkkdRkldeSeSRkmJja4ss7cifIJu7sbMi6ibFxsrCwoISGwuRjcJKbpTCLcbn1Jmapnnp3quc+nTvTPM73znPMUzTzEinZWb8oeXDMuxBc9hDkgE/LKuBQ3leOYGyVAnkwrbNucUu5KRCYMLFucVSsgJS5FGPswl4TUVxe+DD5e3voTZVRV53ETgP+YLSDKuwAMNuKRKLwp3jYCEUhBAwtMWzod8wjCjUOwftGlbg23ZQ0jMdQuAdrqAOOuEC5hEZcU7ypmKZtO8itAcISJRTUAwxaFLBcUQaI7YHvzTvQ1Ct98olbDiCeECKnnQDvEEevECfcxc9wgzc2u5J2Ps6L5aV6PWcpIhirvF7rG2dUDGJ5Nkr7G4tur2r4urkQFMg15868aXakmMwq5thEnb8ctsLNz5Tbjp2VwtkQYP+r4CuoA5pg9OQImdQ5DVoflYFWyEEYn6THGQRndQHD+fSHK3JCFjWARsO55cwGLSLfmMygAM6lPIFrPRbdsa//+inXeBHgAEAWoVYwE3R9XsAAAAASUVORK5CYII=') no-repeat center center;
	}
	
	a.contact {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEOEUxM0E1NTk1OTExRTBBMDE3OURFN0M1MDU1QjgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEOEUxM0E2NTk1OTExRTBBMDE3OURFN0M1MDU1QjgzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ4RTEzQTM1OTU5MTFFMEEwMTc5REU3QzUwNTVCODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ4RTEzQTQ1OTU5MTFFMEEwMTc5REU3QzUwNTVCODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZZ0ohAAABnklEQVR42rSWOywFQRSGx0VCbCJUXtGSEAlqFCpEoaWg01ChIxoJCoVCyG0oNEqvTiKXKBHcQigJN7ieNx6XWP/IvzK5md2sfZzkS2Z3zvnPztnZMyvE/2wADIqQbBiYZCRI4VKwQeEjcMjxJijzK94Brig4D/JBHpjjvWvQ6UU4F0xS5Bn0aHy6wRN9phnjyqpAjIG7oDog37+nemHAFMhx8UDZympTNqsVBWBBqWu7h7K2Ke8rCgxrogEcc2INlPvccavUOgGN8uYl+OI+D8qGwCe4EBRfD+HDlCt5l4MHcA/6AhTvBUlwJy9ulRawBIp9CBeBRUVPbpjfLKbCGWjxIN4ETjO0EroEJl/QOIi4FB8FaY2ObQKLHVDvIFwHth3iExEXbaOS40IwA2ZZa2kV9HE0uxVEKSrYMdX6noMuzhnsrt9uSxQHrQwuAcsOJVhRvvxm5azQJngDE2xe0vrBjYO4RZJHqWVj4FWX4IAONWDLhXAmMWVD7OkSpNnTUx7ETaUKUuPDSpDF/m+E9KPwKA+UfVAbUoL4jwADAAgJyP8aVJZtAAAAAElFTkSuQmCC') no-repeat center center;
	}
	a.map {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEMUJBMkM1NTk1OTExRTBCM0U0Q0MwNTBFRTY4NjY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEMUJBMkM2NTk1OTExRTBCM0U0Q0MwNTBFRTY4NjY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQxQkEyQzM1OTU5MTFFMEIzRTRDQzA1MEVFNjg2NjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQxQkEyQzQ1OTU5MTFFMEIzRTRDQzA1MEVFNjg2NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4onf2hAAACLElEQVR42rSVTUhVQRTH5z1fXw8rDFwUEomZ2cpFhiDYopSEIltYEkG0ESLciCCudBMILiR3foC4qAglF6UQFFTiwjYqulIxcSFGEH4bvXr6P/AfOBzuffjI94ff/Th3Zs6ZM2fmZrlgXQY14B/44VLrGmgHnaAE5III2AAJ3TAb3AfvwZ5ihM6OmYGrTNsl028ZdEnDYtABVvjhLxgEj8ArzkLsC6AR1IEJNdBLUEqnF8Btzugn2BXjIhtOgyZw3kSaD1rBdzXoFlNSxDZHQa3p9xrsOF4+gahp0AZOqvc4eAAawDnTVoIaMDbJwnYMlyQjSqqPEXY6omwSyJuQhU76dFhFzV0rwXRolYFml4aiLj1JJZ3OpIM9VpWVpDR2GA7ClGBZ/rcDifJ4gH0VtIR1SEeyFz7yuRw8ZrXNgh4wF9RJSvRdQE67QU6Io3q1wz1r4KbdB6lSdIKOrArBC9b+U3CJR4NUVy84dZAZiO6F5PsZI/6mbLIhf9F+/aAzGAa/A+xx3vN4uPn1iKuZ+8qKxNRW97oIHoJKMAb6wbz67iM/C76CSVDBTbgNpsANcAX8cfwxfOAxO6IWbVM9v+X57wP6bBbYI+d/Fv8F8r7uVO78Lh0Cd8AZUM1U+e9SjlcZsR1c1rKADkpYaVLGbhzM8F+QH7IeMt3n3K2jtH0xDrrDFjNujuVUyuEaiW6pwXdYvoeqKItAHPS5DOkuK6UoUw6k5p+karAvwAC0e5nUAF+9YAAAAABJRU5ErkJggg==') no-repeat center center;
	}
	
	a.about {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2RTdDNEExNTk1OTExRTBCOUI2RjcyRjcyNERGODY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2RTdDNEEyNTk1OTExRTBCOUI2RjcyRjcyNERGODY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjZFN0M0OUY1OTU5MTFFMEI5QjZGNzJGNzI0REY4NjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjZFN0M0QTA1OTU5MTFFMEI5QjZGNzJGNzI0REY4NjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bkW2kAAABxklEQVR42pyWyytEcRTH78xGsjA1GlIWNsrCgo2iKYYFKY2NhUQpKdn4D8RiEklk6Q9gYc3Co5SVUFhMNh4TY+SZx+QR36Nzp1+33+veU59punPO9/x+95zf70zI0VsV6AAtoA7E+PkdOAE7YB1cOD6tAsyDe/Br4BEsgkpb8U5wbiHs5Qp0m8T7wWcAcZcfMKQSbwdfisAMSIEe0AqSYBY8S3y/QZdXPAouFeJroFyxqAZwI4m55joWbEYhTp1SLPjVgGZekGujitgF1yGm6ZYlQWgCfPDztNCy1cJzkRe3swY0RcuBcTAn+a2WE0TAgyJ+mByWA3QL7SbMCZq4sDK/VXLY9yH8xq3sCKvf0/ifklPWR4JBQbwRHBn86RVL20zGgSCeAK8WMbdhPuI2tit8HwElFjE5SnBomcC9zIr4PNjYMX30+agBvfMzPzWjHWy4xTBYnq+ArOXqn3hW/NukxWrGhOAVC/9pMVupxdYTgn/K4EvzpMy7JbrE3jVB2yDOQ0U3kPI8YqWW5NMadODQpddrKk6cj7hf8bTnNWotwhdaxkKYOmvKMyMKFjIkivKq2kA9/41xODGdiU2wxX9jpPYnwABaFk6ImFiPFwAAAABJRU5ErkJggg==') no-repeat center center;
	}
	
	a.clients {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NzE1MDhGNTk1QTExRTBBN0Q5RkZGNjM3RkREQTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4NzE1MDkwNTk1QTExRTBBN0Q5RkZGNjM3RkREQTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDg3MTUwOEQ1OTVBMTFFMEE3RDlGRkY2MzdGRERBODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDg3MTUwOEU1OTVBMTFFMEE3RDlGRkY2MzdGRERBODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5lozl7AAABb0lEQVR42tTWzStEURjH8TMzl40FRZI/wM5bXldeFsrGwh8gpGZnxdaKrNjZsbBXdmaBHTWslJKaBQuJJFFkMOb6nnpunXTdtzOKpz5N99w55zfn3nNOo1zXVRo1i0e84DWionyeo1UZ5Y3rGG1tqMU+7pFR4fWJJgwhh1GcKb8kakNfokvFqwHpp92gwxw37dMhpZKXns0e+r0GR9nXLY7lcVWjG1M4qlRAwfjFzbhGlXczrX65/kxADdbkuY4jizG5t4x224B59GEVb7JHsrJvJvDwU8eoL7kFO9iS63pMYw4HuLINuMAIDmXWu8hjAYNBHaMGrMgSXMK6tG2iTkKtA54w863tBJNhHYMCGtCIcsB3UvLSL+UsihXQK0uxGPAdvZruZKnGDsgJqwoK6EQP3kM2qn4/20lmoE/HD5RCAkpJZ3Aq/t9h51YywPEZeFGWXibmWGU5dZW5d8wA/dfjGcMWj86VfVPwGr4EGABJMGrM+LbWlgAAAABJRU5ErkJggg==') no-repeat center center;
	}
}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	h1 {
		font-size: 26px;
		line-height: 30px;
		text-shadow: 2px 2px 1px #fff, 1px 1px 2px #cecec7;
	}
	
	h2 {
		font-size: 22px;
		line-height: 30px;
		
	}
	
	div#header-container {
		height: 150px;
		width: 100%;
		background: url('../images/body_bg.jpg') no-repeat top center #eeede4;
	}
	
		#header {
			padding: 0 50px 0px;
			height: 150px;
			background: url('../images/hr_bg.png') no-repeat center bottom;

		}


		div#logo {
			padding: 45px 0 0 0;
			background: none;
			text-align: left;
		}

		div#header ul {
			position: absolute;
			top: 40px;
			right: 50px;
			margin-left: 250px;
			padding: 0;
			background: none;
			display: block;
		}

		div#header ul li {
			float: right;
			margin: 0 0 0 20px;
		}	
		
	.block {
		padding: 50px 50px 50px;
		background: url('../images/hr_bg.png') no-repeat center bottom;
	}
	
	.float {
		float: left;
		width: 48%;
	}
	
	.float:nth-child(2n+1) {
		margin-right	: 2%;
	}
	
	.float:nth-child(2n+2) {
		margin-left: 2%;
	}
	
	#portfolio > *.float:nth-child(2n+1) {
		margin-left	: 2%;
	}
	
	#portfolio > *.float:nth-child(2n+2) {
		margin-right: 2%;
	}


		
	div#portfolio h3 {
		min-height: 40px;
		
	}
}

	
/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

	h1 {
		font-size: 36px;
		line-height: 45px;
	}
	
	h2 {
		font-size: 25px;
		line-height: 30px;
		
	}
	
	
	div#header-container {
		top: 0;
		left: 0;
		position: fixed;
		_position:absolute;
		_top: expression(eval(document.body.scrollTop));
	}

	div#slogan {
		padding: 170px 50px 50px;
	}
		

}
	
/*992px __________________________________________________________________________________________________________ */

@media only screen and (min-width: 992px) {


	div#doc {
		margin: 0 auto;
		width: 800px;
	}

	div#header {
		width: 800px;
		margin: 0 auto;
	}

	
	


	.floatleft {
		float: left;
		width: 300px;
		margin: 0 50px 20px 0;
	}
	
	.floatright {
		float: left;
		width: 300px;
		margin: 0 0 20px 50px;
	}
}	
	

/*1382px __________________________________________________________________________________________________________ */
@media only screen and ( min-width: 1382px ) {
	
}