/*----- Screens wider than 480px -----*/
@media screen and (min-width: 480px) {
	nav	{
		font-size: 1.6em;
		padding-bottom: 30px;
	}
	nav a:hover, nav a:visited, nav a:link, nav a:active	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	nav .link	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	nav .divide		{
		color:#000000;
		padding-left: 5px;
		padding-right: 5px;
	}
	#contact_side .text	{
		font-size: 1.6em;
	}
	article .box	{
		background: #ffffff;
		float: left;
		padding: 5px;
		width: 48%;
		height: 250px;
	}
	article .box_pics	{
		background: #ffffff;
		float: left;
		padding: 5px;
		width: 45%;
		height: 250px;
		position: relative;
	}
	.ngg-galleryoverview {
	position: absolute;
	bottom: 0;
	}

	#contact_address .country	{
		font-size: 1.6em; 
	}
	
	#contact_main label	{
		width: 15%;
	}
	#contact_main input	{
		width: 70%;
	}
	#contact_main textarea	{
		width: 70%;
	}
	#contact_main input[type=submit]	{
		width: 100px;
	}
	
	footer .foot_logo a	{
		display: none;
	}
	footer .foot_nav	{
		text-align: left;
		border: 0px solid #000000;
	}
	.footer-links-left	{
		float: left;
		width: 50%;
		height: 180px;
		padding: 0;
		margin: 0;
	}
}

/*----- Screens wider than 600px -----*/
@media screen and (min-width: 600px) {
	header	{
		padding-left: 15px;
		padding-right: 15px;
		height: 75px;
		float:left;		
	}
	header h1 a	{
		background-image: url(/images/logo_header.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 289px 48px;
		width: 100%;
		height: 48px;
	}
	nav		{
		font-size: 1.6em;
	}
	nav a:hover, nav a:visited, nav a:link, nav a:active	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	nav .link	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	nav .divide		{
		color:#000000;
		padding-left: 5px;
	}
	#about	{
		float: left;
		background-color: #ffffff;
		padding-right: 30px;
		padding-left: 5px;
		padding-bottom: 30px;
		width: 100%;
		text-align: justify;
	}
	#about .fields-list	{
		width: 50%;
		height: 160px;
	}
	#about .special-list	{
		width: 50%;
		height: 300px;
	}
	article .project_cat_row	{
		display:block;
		color: #000000;
		font-size: 1.2em;
		margin: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	article .project_cat_row a	{
		font-size: 12px;
		margin-left: 5px;
	}
	article .project_cat_row br	{
		display: none;
	}
	article .project_cat_row li			{
		list-style-type: none;
		display: inline; 
		padding-right: 14px;
	}
	article .project_cat_row li + li:before { 
		content: '|'; 
		position: relative;
		color: #000000;
		left: -8px;
	}
	#career .form_hide	{
		display: inline;
	}
	#career_side		{
		display: block;
		background: #ffffff;
		border: 4px solid #ff6600;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 0;
		margin-bottom: 5px;
		width: 100%;
	}
	#career_side .field	{
		width: 46%;
		display: inline-block;
		vertical-align: middle;
		margin: 6px;
		padding: 0;
	}
	#career_side label	{
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
	padding: 0;
	}
	#career_side input	{
		width: 69%;
		border: 1px solid #000000;
		vertical-align: middle;
	}
	#career_side input#attachment	{
			width: 70%;
			border: 1px solid;
	}
	#career_side input#day	{
		width: 15%;
		border: 1px solid #000000;
	}
	#career_side input#month	{
		width: 15%;
		border: 1px solid #000000;
	}
	#career_side input#year	{
		width: 20%;
		border: 1px solid #000000;
	}
	#career_side textarea	{
		width: 99%;
		height: 200px;
		border: 1px solid #000000;
	}
	#career_side .attach	{
		width: 100%;
	}
	#contact_main	{
	display:block;
	}
	.footer-links-left	{
		float: left;
		width: 33%;
		height: 180px;
		padding: 0;
		margin: 0;
	}

}

/*----- Screens wider than 768px -----*/
@media screen and (min-width: 768px) {
	
	/*header	{
		background-image:url(/images/title.png);
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		height: 154px;
		float:left;
	}*/
	/*header h1 a	{
		background-image: url(/images/logo_header.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 289px 48px;
		display: block;
		width: 289px;
		height: 48px;
		text-indent: -9999px;
		margin-top: 101px;
		margin-bottom: 0px;
		border: 0;
	}*/
	nav		{
		float: left;
		font-size: 1.6em;		
		text-align: center;
		padding-top: 30px;
		padding-bottom: 60px;
		padding-left: 15px;
		padding-right: 15px;
	}
	footer	{
		background-color: #ff6600;
		padding-top: 0px;
		padding-bottom: 10px;
		padding-right: 5px;
		padding-left: 5px;
	}
	footer img	{
		text-align: left;
	}
	footer hr	{
		color: #ffffff;
		background-color: #ffffff;
	}
	footer .legal		{
		color: #ffffff;
		text-align: right;
		float: right;
	}
	footer .social	{
		width: 50%;
		text-align: left;
	}
	footer a:link img, footer a:visited img, footer a:hover img, footer a:active img	{
		padding-right: 1px;
		padding-left: 1px;
	}
	#about	{
		float: left;
		background-color: #ffffff;
		padding-right: 30px;
		padding-left: 5px;
		padding-bottom: 30px;
		width: 70%;
		text-align: justify;
	}
	#about .fields-list	{
		height: 150px;
	}
	#about .special-list	{
		height: 300px;
	}
	aside	{
		display: block;
		float: left;
		background-color: #ff6600;
		width: 30%;
		padding-right: 15px;
		padding-left: 15px;
	}
	article .box	{
		height: 220px;
	}
	article .box_pics	{
		height: 220px;
	}
	div .ngg-gallery-thumbnail-box	{
	top: 50px;
	bottom: 0;
	}
	ul li img	{
		display: block;
		float:left;
	}
	ul, li 	{
		margin-left: 0; 
		padding-left: 0;
	}
	#career		{
		background: #ffffff;
		float: left;
		padding-left: 5px;
		padding-right: 25px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin:0;
		width: 100%;
	}
	#career_advert		{
		width: 54%;
	}
	#career_side		{
		width: 46%;
	}
	#career_side .field	{
	width: 100%;
	}
	#contact_container	{
		float: left;
		background-color: transparent;
		padding: 0;
		width: 30%;
	}
	#contact_address	{
		background-color: #ff6600;
		padding-left: 30px;
		margin-left: 0;
		margin-right: 10px;
		width: 100%;
	}
	#contact_address .country	{
		font-size: 1.6em; 
		color: #ffffff;
		line-height: 130%;
	}
	#contact_address .text	{
		font-size: 1.2em;
		color: #ffffff;
	}
	#contact_message		{
		background-color: #ffffff;
		text-align: left;
		float: left;
		padding-left: 30px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 10px;
		width: 100%;
	}
	#contact_main	{
		display: block;
		background: #ffffff;
		float: left;
		padding-left: 30px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0;
		width: 70%;
	}
	#contact_main h3	{
		padding-left: 10px;
		padding-top: 5px;
	}
	#contact_message .text	{
		font-size: 1.2em;
		color: #000000;
	}
	#contact_message a	{
		font-size: 1.2em;
	}
	footer a:link, footer a:visited 	{
		color: #ffffff;
	}
	footer a:hover, footer a:active	{
		color: #ffffff;
		text-decoration: underline;
	}
	.footer-links-left	{
		display:none;
	}
	.footer-links	{
		display: block;
		float: right;
		width: 12em;
		padding: 0;
		margin: 0;
	}
}

/*----- Screens wider than 1000px -----	*/
@media screen and (min-width: 1000px) {
	html		{
		background-image: url(/images/back.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: fixed;
		background-size: 30.5%;
		display: block;
		height: 90%;
	}

	body		{
		height: 100%;
	}
	#container	{
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px;
		width: 1000px;
		min-height: 100%;
		position: relative;
		overflow: hidden;
	}
	header	{
		background-image: none;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		height: 100px;
		float:left;
		border-top: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
	}
	header h1 a	{
		background-image: url(/images/logo_header.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 289px 48px;
		display: block;
		width: 289px;
		height: 48px;
		text-indent: -9999px;
		margin-top: 41px;
		margin-bottom: 0px;
		border: 0;
	}
	nav		{
		text-align: right;
		border-right: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
	}
	article	{
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 60px;
		border-right: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		width: 100%;
		min-height: 610px;
		height: auto !important;
		overflow: hidden;
		height: 100%;
	}
	.text	{
		font-size: 1.2em; 
	}
	#about .fields-list	{
		height: 100%;
	}
	#about .special-list	{
		height: 100%;
	}
	article .box	{
		padding: 5px;
		margin: 6px;
		width: 31%;
		min-height: 200px;
		height: 100%;
	}
	article .box_pics	{
		padding: 5px;
		margin: 6px;
		width: 31%;
		min-height: 220px;
		height: 100%;
	}
	div .ngg-gallery-thumbnail-box	{
		margin-right: 0;
		margin-left: 0;
		margin: auto;
		top: 70px;
	}
	article .blog_cat_row	{
		display: none;
	}
	#blog	{
		padding-left: 5px;
		padding-right: 15px;
		width: 80%;
	}
	.blog_post	{
		width: 100%;
		padding-bottom: 15px;
	}
	#blog_side	{
		display: block;
	}
	#career_side .field	{
	width: 46%;
	}
	footer	{
		color: #ffffff;
		background: #ff6600;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 10px;
		margin-bottom: 0;
		position: absolute;
		bottom: 0;
	}
	footer .foot_logo a	{
		background-image: url(/images/logo_footer_white.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 150px 25px;
		display: block;
		height: 25px;
		padding: 0;
	}
	#footer_logo	{
	display: block;
	}
}

/*----- Screens wider than 1400px -----	*/
@media screen and (min-width: 1400px) {
	html		{
		background-image: url(/images/back.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: fixed;
		background-size: 30.5%;
		display: block;
		height: 90%;
	}

}

/*----- Screens wider than 1800px -----	*/
@media screen and (min-width: 1800px) {
	html		{
		background-image: url(/images/back.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: fixed;
		background-size: 32%;
		display: block;
		height: 90%;
	}

}