/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */


@font-face {
  font-family: 'caviar_dreamsregular';
  src: url("../fonts/CaviarDreams-webfont.eot");
  src: local('caviar_dreamsregular'), local('caviar_dreamsregular'),
    url("../fonts/CaviarDreams-webfont.ttf") format("truetype"),
    url("../fonts/CaviarDreams-webfont.woff") format("woff");
}

@font-face {
  font-family: 'champagne__limousinesregular';
  src: url("../fonts/champagne_limousines-webfont.eot");
  src: local('champagne__limousinesregular'), local('champagne__limousinesregular'),
    url("../fonts/champagne_limousines-webfont.ttf") format("truetype"),
    url("../fonts/champagne_limousines-webfont.woff") format("woff");
}

@font-face {
  font-family: 'gotriregular';
  src: url("../fonts/gothic-webfont.eot");
  src: local('gotriregular'), local('gotriregular'),
    url("../fonts/gothic-webfont.ttf") format("truetype"),
    url("../fonts/gothic-webfont.woff") format("woff");
}

body
{
  color: #4b4b4e;
  font-family: arial, helvetica, sans-serif;
  font-size:10px;
  line-height:1.8em;
  margin:0;
  background-image:url(../images/body_bg.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top;
  background-size:100% 100%;
}

a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#666;}
a img { border:none;}

/* Gneral Font */
.my_menu ul li a,
.page_heading h1,
.blog_title h2,
.item-pageprofile h2,
.item-pageprofile,
.item-pagecontact  {
  /*font-family: 'champagne__limousinesregular';*/
  font-family: 'gotriregular';
}

/* INTRO */
body.intro .logo,
body.intro .my_menu_wrapp { display:none;}
body.intro .main_body { height:auto;}
body.intro .wrapper1 { padding:0;}

.intro {
  width:1024px;
  margin:30px auto 0;
  height:500px;
  overflow:hidden;
  position:relative;
}
img.intro_logo,
img.enter { position:absolute; right:30px;}
img.intro_logo {
  top:120px;
}
img.enter  {
  top:290px;
}
.andreas, .enter, .intro_logo { display:none;}

.main_body {
  width:100%;
  margin:0 auto 0;
  height:340px;
}
body.home .wrapper1 { padding-top:75px;}
.wrapper1 {
  position:relative;
  padding-top:70px;
}

.wrapper2 {
  width:100%;
}
.wrapper3 {

}

/* PROJECTS PAGE */
.item-pageprojects .item-page-in { padding:0; width:auto;}
.project_detailmask {
  width:800px;
  margin:0 auto;
}
.bulletsCon { display:none;}
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg {
  /*width:100%!important;
  height:auto!important;
  position:absolute;
  left:-40px;
  top:-40px;*/
}
ul.sigProClassic.singleThumbGallery {
  width:100%
}
ul.sigProClassic li.sigProThumb {
  margin:0;
  width:100%;
  position:relative;
}
ul.sigProClassic li.sigProThumb a.sigProLink {
  color: #EEEEEE;
  width: 100% !important;
  height:162px!important;
}
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg {
  background-position:top center;
  background-size:100% auto;
}

body.projects .item-pageprojects,
.blog, .blogprofile,
.item-pageprofile,
.item-pagehome {
  border-bottom:1px solid #848484;
  border-top:1px solid #848484;
}
img.sigProImg,
.blog .items-row img,
.blogprofile .items-row img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  filter: gray; /* For IE 6 - 9 */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
img.sigProImg:hover,
.blog .items-row img:hover,
.blogprofile .items-row img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.page_heading {
  position:relative;
  width:1200px;
  margin:0 auto;
}
.page_heading h1 {
  position:absolute;
  left:0;
  top:-37px;
  text-transform:uppercase;
  font-weight:normal;
  color:#efefef;
  letter-spacing:2px;
}

.blog_in {
  width:648px;
  margin:0 auto;
}
.blog_inprofile {
  width:324px;
  margin:0 auto;  
}

.blog .items-row,
.blogprofile .items-row {
  width:25%;
  float:left;
  position:relative;
}
.blogprofile .items-row { width:50%;}
.blog .items-row p,
.blogprofile .items-row p { margin:0;}
.blog .items-row img,
.blogprofile .items-row img {
  width:100%;
  height:auto;
}
.blog_title {
  position:absolute;
  bottom:0;
  left:20px;
  z-index:999;
}
.blog_title h2 {
  text-transform:uppercase;
  font-weight:normal;
  color:#fff;
  margin:5px 0;
  font-size:17px;
}
.blog_title h2 a:hover {
  color:#fff;
}

.logo {
  width:100%;
  text-align:center;
  position:relative;
  top:55px;
  margin-bottom:80px;
}
.logo p { margin:0;}

/* HOME */
.item-pagehome .item-page-in {
  padding:0;
  text-align:center;
}

/* PROFILE */
.profile_detail_left,
.profile_detail_right {
  width:48%;
  float:left;
}
.profile_detail_right { float:right;}
.item-pageprofile h2 { font-weight:normal;}
.item-pageprofile,
.item-pagecontact {
    height: 310px;
    margin-top: -75px;
  color:#fff;
  font-size:13px;
  font-weight:100;
}
.profile_detail {
  
}
.item-page-in {
  width:900px;
  margin:0 auto;
  padding:20px;
}
.item-pagecontact .item-page-in {
  padding:0px 20px;
}
.item-pagecontact {
  border-bottom:1px solid #848484;
  border-top:1px solid #848484;
}
.col1, .col2, .col3 { float:left; width:31%; margin-right:3%;}
.col3 { margin-right:0;}

/* Clearfix */
.clearfix:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

* html > body .clearfix {
  width: 100%;
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
  margin-bottom: 1px;
  height: 100%!important;
  height: auto;
}

/* POP UP HACK */
.fancybox-skin {
  background:none;
}
.fancybox-opened .fancybox-title,
#fancybox-buttons.top {
opacity:0;
filter:alpha(opacity=0); 
}