/* CSS global BODY styles */
html,body{margin:0;padding:0;height:100%;}
body{font-family:"Tahoma",sans-serif;font-size:12px;color:#333333;background:#FFF;overflow: visible;}
select{margin:0px;padding:0px;}
ul,ol,li,p,div,h1,h2,h3,h4,h5,h6,form,fieldset,input{margin:0;padding:0;text-indent:0;}
ol li{margin-left:25px;}
thead{color:#FFFFFF;}
fieldset{border:none;}
.textVersion{display:none;}
p{line-height:18px;}
a,a:visited{color:#18606d;text-decoration:none;font-weight:normal;outline:none;}
a:hover{text-decoration:underline;}
strong a,strong a:visited{font-weight:bold;}
a img{border:none;}
span.clearfix{float:none;display:block;}
/* ------------------------------------------------------------------------------ MAIN DIVS */
.clearfix{clear:both;font-size:0px;height:0px;float:none;}
.fullBg {position: absolute; top: 0; right: 0; overflow: hidden;}
.contenerBkg{position:absolute;overflow:hidden;}
.contener{overflow:hide;position:absolute;width:100%;height:100%;}
 
/* ------------------------------------------------------------------------ main page */
.mainPageContener{
  position:absolute;
  bottom:15%;
  right:5%;
  width:330px;
  text-align:center;
}
.mainPageContener span{
  display:block;
  color:#FFF;
}
.mainPageContener span.name{
  font-size:30px;   
  text-indent:-9999px;
  width:281px;
  height:21px;
  margin:0px auto 14px auto;
  background: url('../img/text/start_kinga.png');
}
.mainPageContener span.artist{
  font-size:15px;
  text-indent:-9999px;
  width:121px;
  height:10px;
  margin:0px auto 29px auto;
  background: url('../img/text/start_makeup.png');
}
.mainPageContener a{
  display:block;
  color:#5f5e5e;           
  text-indent:-9999px;
  width:42px;
  height:8px;
  margin:0px auto 0px auto;
  background: url('../img/text/start_enter.png');       
  opacity:0,6;
  filter:alpha(opacity=60);
}
/* ------------------------------------------------------------------------ sub page */
.subPageContener{
  width:980px;
  margin:0px auto;
}

/* ----------------------------------------------------------------- sub box */
.sub{
  width:270px;
  float:left;
}
.sub .text{
  padding:260px 0px 0px 0px;
}        
.sub .text a{
  display:block;
  text-align:center;
}
.sub .text a.name{
  font-size:28px;
  text-indent:-9999px;
  width:246px;
  height:18px;
  margin:0px auto 11px auto;
  background: url('../img/text/kinga.png');
}
.sub .text a.artist{
  text-indent:-9999px;
  width:121px;
  height:10px;
  margin:0px auto 0px auto;
  background: url('../img/text/makeup.png');
}
        
/* ----------------------------------------------------------------- main box */
.main{
  height:700px;
  width:680px;
  float:right;
  position:relative;
}

/* ------------------------------------------------------- main menu */
.main .mainMenu{         
  z-index:1;
  width:680px;
  position:absolute;
  padding:115px 0px 0px 0px;
}
.main .mainMenu .menuItem{
  position:absolute;
}
.main .mainMenu .menuItem a{
  color:#333333;
  font-size:70px;
  line-height:50px;
  display:block;
  opacity:0.3;
  filter:alpha(opacity=30);
}
.main .mainMenu .menuItem a.active{
  cursor:text;  
  opacity:1 !important;
  filter:alpha(opacity=100) !important;
}
.main .mainMenu .menuItem a:hover{
  text-decoration:none;
}
.main .mainMenu .menuItemPortfolio{
  top:125px;
}
.main .mainMenu .menuItemPortfolio a{
  text-indent:-9999px;
  width:422px;
  height:54px;
  background: url('../img/text/menu_portfolio.jpg');
}
.main .mainMenu .menuItemAbout{
  top:205px;
}       
.main .mainMenu .menuItemAbout a{
  text-indent:-9999px;
  width:510px;
  height:54px;
  background: url('../img/text/menu_about.jpg');
}
.main .mainMenu .menuItemBackstage{
  top:285px;
}        
.main .mainMenu .menuItemBackstage a{
  text-indent:-9999px;
  width:441px;
  height:54px;
  background: url('../img/text/menu_backstage.jpg');
}
.main .mainMenu .menuItemContact{
  top:365px;
}    
.main .mainMenu .menuItemContact a{
  text-indent:-9999px;
  width:349px;
  height:54px;
  background: url('../img/text/menu_contact.jpg');
}

.main .mainMenu .menuItemActive{
  top:40px;
}

/* ------------------------------------------------------- main */    
.main .ajaxContener{   
  z-index:2;
  width:680px;
  position:absolute;
  padding:0px 0px 0px 0px;
}         
.main .mainContent{  
  clear:both;
}

/* ------------------------------------------------------- back button */    
.main .backButtonArea{
  height:95px;
  clear:both;
  float:right;
  padding:15px 0px 0px 0px;
} 
.main .backButtonArea a{
  text-transform:uppercase;
  font-weight:normal;
  color:#d0c4c9;
}
.main .backButtonArea a:hover{
  text-decoration:none;
  color:#333333;       
}
/* ------------------------------------------------------- wysiwyg */ 
.main .wysiwyg p{
  padding:10px 0px;
}            

/* ------------------------------------------------------- portfolio sub menu */
.main .fixSubMenuHeight{
  height:45px;  
  clear:both;
}
.main .subMenuPortfolio{
  height:45px;  
  clear:both;
}
.main .subMenuPortfolio ul{
  list-style-type:none;
}
.main .subMenuPortfolio ul li{
  float:left;
  padding-right:42px;
}
.main .subMenuPortfolio ul li a{
  display:block;
  height:15px;
  text-indent:-9999px;                        
  opacity:0.3;
  filter:alpha(opacity=30);
}
.main .subMenuPortfolio ul li a.active{       
  opacity:1;
  filter:alpha(opacity=100);
}
.main .subMenuPortfolio ul li.beauty a{
  width:90px;  
  background: url('../img/text/menu_portfolio_beauty.png');
}
.main .subMenuPortfolio ul li.fashion a{
  width:101px;  
  background: url('../img/text/menu_portfolio_fashion.png');
}
.main .subMenuPortfolio ul li.advertising a{
  width:152px;  
  background: url('../img/text/menu_portfolio_advertising.png');
}
.main .subMenuPortfolio ul li.wedding a{
  width:119px;  
  background: url('../img/text/menu_portfolio_wedding.png');
}
          
/* ------------------------------------------------------- portfolio page */
.main .portfolioPhotoDetails{
  height:459px;
}
.main .portfolioPhotoList{
  position: relative;
}
.main .portfolioPhotoList ul{
  list-style-type:none;
}
.main .portfolioPhotoList ul li{
  float:left;
  padding-right:9px;
}
.main .portfolioPhotoList ul li a{      
}
.main .portfolioPhotoList span.prevButton, .main .portfolioPhotoList span.nextButton{
  display:block;
  width:14px;
  height:15px;
  position:absolute;                      
  top:31px;
  text-indent:-9999px;
  cursor:pointer;
}
.main .portfolioPhotoList span.prevButton{
  right:20px;
  background: url('../img/button/gallery_button_prev.png');
}
.main .portfolioPhotoList span.nextButton{
  right:0px;
  background: url('../img/button/gallery_button_next.png');
}