/*		RESET MARGINS AND PADDINGS		*/

html, body, p {
	margin:0;
	padding:0;
}



/*		WEBFONT SYSTEM		*/

@font-face {
  font-family: 'AauxProOT-Regular';
  src: url('https://www.jfluscher.com/css/webfonts/AauxProOT-Regular.eot?#iefix') format('embedded-opentype'),  url('https://www.jfluscher.com/css/webfonts/AauxProOT-Regular.otf')  format('opentype'),
	     url('https://www.jfluscher.com/css/webfonts/AauxProOT-Regular.woff') format('woff'), url('https://www.jfluscher.com/css/webfonts/AauxProOT-Regular.ttf')  format('truetype'), url('https://www.jfluscher.com/css/webfonts/AauxProOT-Regular.svg#AauxProOT-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'aauxpro_ot_lightsclightsc';
    src: url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.eot');
    src: url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.woff2') format('woff2'),
         url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.woff') format('woff'),
         url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.ttf') format('truetype'),
         url('https://www.jfluscher.com/css/webfonts/aauxprootlightsc-webfont.svg#aauxpro_ot_lightsclightsc') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*		BODY - H1 - H2 - H3 - H4		*/

body { font-family: 'AauxProOT-Regular' !important; }

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



/*		LINKS		*/

a:link {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#000;
	text-decoration:none;
}

a:active {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

a.yellow:hover {
	background-color:#FF0;
}



/*		LOGO		*/

#logo {
	position:fixed;
	left: 22px;
	top: 20px;
}

#logo_absolute {
	position:absolute;
	left: 22px;
	top: 20px;
}

.logo {
	font-family: 'aauxpro_ot_lightsclightsc' !important;
	padding: 0px 4px 0px 4px;
	font-size:18px;	
}

.white_back_txt {
	background-color:#fff;
}


/*		MENU		*/

#menu {
	position:fixed;
	left:22px;
	top:60px;
}

#menu_work {
	position:absolute;
	left:22px;
	top:60px;
}

.menu {
	padding:2px 5px 2px 5px;
	font-size:14px;
	line-height:23px;
}



/*		CURRENT NEWS HOMEPAGE SYSTEM		*/

#current_homepage {
	position:fixed;
	left:22px;
	top:147px;
}

.current_homepage {
	font-size:14px;
	padding:2px 5px 2px 5px;
}

.news_homepage {
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:20px;
}

#news_homepage {
	position:fixed;
	left:22px;
	top:174px;
	font-size:14px;
	width:350px !important;
}

#news_homepage_1 {
	margin:0 0 15px 0;
}

#news_homepage_2 {
	margin:0 0 15px 0;
}

#news_legend {
	position:fixed;
	right:40px;
	top:174px;
	font-size:14px;
	width:300px !important;
}



/*		ADDRESS		*/

#address {
	position:fixed;
	left:22px;
	bottom:75px;
}

.address {
	font-size:14px;
	padding:2px 4px 2px 4px;
}



/*		COPYRIGHT		*/

#copyright {
	position:fixed;
	left:22px;
	bottom:40px;
}

#copyright_work {
	position:relative;
	left:22px;
	top:250px;
	width:285px;
	height:auto;
}

.copyright {
	font-size:10px;
	padding:2px 4px 2px 4px;
}



/*		ABOUT		*/

#about_img {
	position:relative;
	left:350px;
	top:40px;
	width:720px;
	height:269px;
	background-image:url("../img/about/about.jpg");
}

#about_txt {
	position:relative;
	left:350px;
	top:45px;
	width:720px;
	height:auto;
	padding-right:40px;
}

.about {
	font-size:13px;
	line-height:18px;
}

.spacer {
    height: 40px;
    margin: 0 0 -40px 0;
    /* margin: 20px 0 -50px 0; use this if you want #container to have a 'bottom padding', in this case of 20px */
    background: transparent; /* you'll need this if #container's parent element has a different background from #container itself */
}


/*		WORK		*/

#work_img {
	position:absolute;
	left:350px;
	top:40px;
	width:auto;
	height:auto;
	margin-right:40px;
	padding-right:40px;
}

#work_txt {
	position:absolute;
	left:350px;
	top:40px;
	width:500px;
	height:auto;
	padding-bottom:40px;
}

.work_txt {
	font-size:13px;
}

#projects {
	position:relative;
	left:22px;
	top:130px;
	width:250px;
	height:auto;
}

#project_30 {
	margin-bottom:100px;
}

.project {
	padding:2px 5px 2px 5px;
	font-size:14px;
	line-height:21px;
}

#work_content {
    position: absolute;
    top: 40px;
    left: 350px;
}
#work_content ._txt {
    font-size:13px;
    max-width: 800px;
}
#work_content ._img {
    max-width: 800px;
}
#work_content ._img img {
    width: 100%;
}
.spacer.big { 
    height: 200px;
}
@media only screen and (max-width: 890px) {
  #current_imgs {
    top: 330px;
    position: relative;
  }
  #work_content, #work {
      position: relative;
      left: 0px;
      top: 300px;
  }
  #news_legend, #news_homepage, #current_homepage, #menu, #logo {
      position: absolute;
  }
  #news_legend {
      position: relative;
      float: right;
      top: 310px;
      right: 20px;
      border-top: 1px solid lightgrey;
	  z-index: 1;
  }
  #about_img, #about_txt {
      left: 0px;
      width: 100%;
      top: 50px;
      background-size: contain;
      background-repeat: no-repeat;
  }
  #about_img {
      top: 135px;
  }
}