/*########### Fonts ###############################################*/
@font-face {
    font-family: 'FuturaLight';
    src: url('myfutura-webfont.eot');
    src: url('myfutura-webfont.eot?#iefix') format('embedded-opentype'),
         url('myfutura-webfont.woff') format('woff'),
         url('myfutura-webfont.ttf') format('truetype'),
         url('myfutura-webfont.svg#FuturaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*########### Animations & Transitions ###############################################*/

@-webkit-keyframes sfuma{
	from{-webkit-opacity:0;}
	to{-webkit-opacity:1;}
}

@-moz-keyframes sfuma {
	from{opacity:0;}
	to{opacity:1;}
}

@-ms-keyframes sfuma {
	from{opacity:0;}
	to{opacity:1;}
}

@-o-keyframes sfuma {
	from{-o-opacity:0;}
	to{-o-opacity:1;}
}

@keyframes sfuma {
	from{opacity:0;}
	to{opacity:1;}
}

@-webkit-keyframes sfumaHome{
	0%{opacity:0;}
	52%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}

@-moz-keyframes sfumaHome {
	0%{opacity:0;}
	52%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}

@-ms-keyframes sfumaHome {
	0%{opacity:0;}
	52%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}

@-o-keyframes sfumaHome {
	0%{opacity:0;}
	52%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}


@keyframes sfumaHome {
	0%{opacity:0;}
	52%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}

.photo, h1, h2, .text, #FS_slider, #mySlider{
-webkit-animation-name:sfuma;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:1;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:ease-out;

-moz-animation-name:sfuma;
-moz-animation-duration:4s;
-moz-animation-iteration-count:1;
-moz-animation-direction:normal;
-moz-animation-timing-function:ease-out;

-ms-animation-name:sfuma;
-ms-animation-duration:4s;
-ms-animation-iteration-count:1;
-ms-animation-direction:normal;
-ms-animation-timing-function:ease-out;

-o-animation-name:sfuma;
-o-animation-duration:4s;
-o-animation-iteration-count:1;
-o-animation-direction:normal;
-o-animation-timing-function:ease-out;

animation-name:sfuma;
animation-duration:4s;
animation-iteration-count:1;
animation-direction:normal;
animation-timing-function:ease-out;
}

.photoHome{
z-index:5;position:absolute;top:0;left:0;width:960px;height:570px;

-webkit-animation-name:sfumaHome;
-webkit-animation-duration:74s;
-webkit-animation-iteration-count:1;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:ease-out;

-moz-animation-name:sfumaHome;
-moz-animation-duration:74s;
-moz-animation-iteration-count:1;
-moz-animation-direction:normal;
-moz-animation-timing-function:ease-out;

-ms-animation-name:sfumaHome;
-ms-animation-duration:74s;
-ms-animation-iteration-count:1;
-ms-animation-direction:normal;
-ms-animation-timing-function:ease-out;

-o-animation-name:sfumaHome;
-o-animation-duration:74s;
-o-animation-iteration-count:1;
-o-animation-direction:normal;
-o-animation-timing-function:ease-out;

animation-name:sfumaHome;
animation-duration:74s;
animation-iteration-count:1;
animation-direction:normal;
animation-timing-function:ease-out;
}

.no-cssanimations .photoHome{}
  
/*########### Generic styles ###############################################*/	
body{font-family:'FuturaLight', sans-serif;font-size:15px;}

a{text-decoration:none;}

/*########### Site styles ###############################################*/	
.container{position:relative;width:960px;height:620px;margin:10px auto;}

.photo{position:absolute;width:570px;height:570px;}

h1{z-index:10;position:absolute;font-size:32px;}

h2{z-index:10;position:absolute;font-size:15px;}
h2 a:link, h2 a:visited{color:#105c6e;}
h2 a:hover, h2 a:active{color:#000;}

.text{position:absolute;font-size:13px;line-height:14px;}
.text p{margin-bottom:16px;}
.text p a:link, .text p a:visited{color:#000;}
.text p a:hover, .text p a:active{color:#105c6e;}

#mySlider{position:relative;overflow:hidden;}

/*------- index ----------------------------------------*/
.index .photo{top:0;left:0;width:960px;}
.index h1{top:380px;right:20px;}
.index h2{top:420px;right:20px;}

/*------- home ----------------------------------------*/
.home .photo{top:0;left:0;width:960px;}
.home h1{top:380px;right:20px;}
.home h2{top:420px;right:20px;}

/*------- angelokatsapis ----------------------------------------*/
.angelokatsapis .photo{top:0;right:0;}
.angelokatsapis h1{top:100px;left:0;width:300px;font-size:28px;letter-spacing:-1px;}
.angelokatsapis .text{top:150px;left:0;width:300px;text-align:justify;font-size:13px;line-height:13.5px;letter-spacing:-0.2px;}

/*------- imperfection ----------------------------------------*/
.imperfection .photo{top:0;left:0;}
.imperfection h1{top:250px;right:70px;width:190px;font-size:28px;letter-spacing:-0.8px;}
.imperfection h2{top:282px;right:70px;width:190px;font-size:12px;letter-spacing:-0.4px;}
.imperfection .text{top:310px;right:70px;width:190px;font-size:12px;line-height:15px;letter-spacing:-0.2px;}

/*------- images ----------------------------------------*/
.images h1{display:none;top:10px;left:0;font-size:28px;letter-spacing:-1px;}
.images #mySlider{top:0;width:960px;height:570px;}
.images .royalSlide span{position:absolute;bottom:0;right:0;font-size:26px;text-align:right;color:#333;}

/*------- contact ----------------------------------------*/
.contact .photo{top:0;left:0;}
.contact h1{top:100px;right:0;width:220px;font-size:28px;letter-spacing:-1px;text-align:right;}
.contact .text{top:160px;right:0;width:220px;text-align:right;}

/*------- press ----------------------------------------*/
.press h1{top:10px;left:0;font-size:28px;letter-spacing:-1px;}
.press #mySlider{top:70px;left:0;width:960px;height:400px;}
.press .royalSlider .royalSlide{text-align:left;}

/*------- previous collections ----------------------------------------*/
.previousCollections h1{top:10px;left:0;font-size:28px;letter-spacing:-1px;}
.previousCollections #mySlider{top:70px;left:0;width:960px;height:400px;}
.previousCollections .royalSlider .royalSlide{text-align:left;}

.siteItem{margin:30px 0 0 40px;font-size:14px;}
.siteItem a:link, .pressList a:visited{float:left;width:760px;height:400px;padding-left:120px;}
.siteItem a img{margin-bottom:10px;}
.siteItem a span{display:block;}
.siteItem a span.siteName{color:#000;font-size:17px;margin-bottom:4px;}
.siteItem a:hover span.siteName{color:#105c6e;}
.siteItem a span.date{color:#000;}
.siteItem a:hover span.date{color:#105c6e;}

.pressList{width:880px;height:400px;margin-left:80px;overflow:hidden;font-size:12px;}
.pressList li{display:inline;}
.pressList a:link, .pressList a:visited{float:left;width:140px;height:200px;}
.pressList a span{display:block;}
.pressList a span.cover{width:100px;height:144px;background-position:0 0;background-repeat:no-repeat;background-color:#333;margin-bottom:6px;}
.pressList a span.magazine{color:#333;margin-bottom:4px;}
.pressList a:hover span.magazine{color:#105c6e;}
.pressList a span.date{color:#666;}
.pressList a:hover span.date{color:#105c6e;}

.pressItem1 .cover{background-image:url(img/press/1.jpg);}
.pressItem1 a:hover .cover{background-image:url(img/press/1.gif);}
.pressItem2 .cover{background-image:url(img/press/2.jpg);}
.pressItem2 a:hover .cover{background-image:url(img/press/2.gif);}
.pressItem3 .cover{background-image:url(img/press/3.jpg);}
.pressItem3 a:hover .cover{}
.pressItem4 .cover{background-image:url(img/press/4.jpg);}
.pressItem4 a:hover .cover{}
.pressItem5 .cover{background-image:url(img/press/5.jpg);}
.pressItem5 a:hover .cover{background-image:url(img/press/5.gif);}
.pressItem6 .cover{background-image:url(img/press/6.jpg);}
.pressItem6 a:hover .cover{background-image:url(img/press/6.gif);}
.pressItem7 .cover{background-image:url(img/press/7.jpg);}
.pressItem7 a:hover .cover{}
.pressItem8 .cover{background-image:url(img/press/8.jpg);}
.pressItem8 a:hover .cover{}
.pressItem9 .cover{background-image:url(img/press/9.jpg);}
.pressItem9 a:hover .cover{background-image:url(img/press/9.gif);}
.pressItem10 .cover{background-image:url(img/press/10.jpg);}
.pressItem10 a:hover .cover{background-image:url(img/press/10.gif);}
.pressItem11 .cover{background-image:url(img/press/11.jpg);}
.pressItem11 a:hover .cover{background-image:url(img/press/11.gif);}
.pressItem12 .cover{background-image:url(img/press/12.jpg);}
.pressItem12 a:hover .cover{}
.pressItem13 .cover{background-image:url(img/press/13.jpg);}
.pressItem13 a:hover .cover{}
.pressItem14 .cover{background-image:url(img/press/14.jpg);}
.pressItem14 a:hover .cover{background-image:url(img/press/14.gif);}
.pressItem15 .cover{background-image:url(img/press/15.jpg);}
.pressItem15 a:hover .cover{}
.pressItem16 .cover{background-image:url(img/press/16.jpg);}
.pressItem16 a:hover .cover{background-image:url(img/press/16.gif);}
.pressItem17 .cover{background-image:url(img/press/17.jpg);}
.pressItem17 a:hover .cover{background-image:url(img/press/17.gif);}
.pressItem18 .cover{background-image:url(img/press/18.jpg);}
.pressItem18 a:hover .cover{background-image:url(img/press/18.gif);}
.pressItem19 .cover{background-image:url(img/press/19.jpg);}
.pressItem19 a:hover .cover{background-image:url(img/press/19.gif);}
.pressItem20 .cover{background-image:url(img/press/20.jpg);}
.pressItem20 a:hover .cover{background-image:url(img/press/20.gif);}
.pressItem21 .cover{background-image:url(img/press/21.jpg);}
.pressItem21 a:hover .cover{background-image:url(img/press/21.gif);}
.pressItem22 .cover{background-image:url(img/press/22.jpg);}
.pressItem22 a:hover .cover{background-image:url(img/press/22.gif);}
.pressItem23 .cover{background-image:url(img/press/23.jpg);}
.pressItem23 a:hover .cover{background-image:url(img/press/23.gif);}
.pressItem24 .cover{background-image:url(img/press/24.jpg);}
.pressItem24 a:hover .cover{}
.pressItem25 .cover{background-image:url(img/press/25.jpg);}
.pressItem25 a:hover .cover{background-image:url(img/press/25.gif);}
.pressItem26 .cover{background-image:url(img/press/26.jpg);}
.pressItem26 a:hover .cover{background-image:url(img/press/26.gif);}

.pager{font-size:16px;}
.pager li{display:inline;}
.pager a:link, .pager a:visited{float:left;padding:10px;margin-right:4px;color:#000;}
.pager a.active{background:#eee;border:1px solid #ddd;}

nav{position:absolute;bottom:20px;right:0;}
nav li{display:inline;padding-left:20px;}
nav li a:link, nav li a:visited{color:#000;}
nav li a:hover, nav li a:active{color:#105c6e;}
nav li a.selected{color:#105c6e;}

a.indexLnk:link, a.indexLnk:visited{position:absolute;bottom:20px;left:0;color:#000;}
a.indexLnk:hover, a.indexLnk:active{color:#105c6e;}

#scroller{position:relative;top:70px;width:960px;height:400px;overflow:hidden;}
#scroller .scrollerBlock{width:880px;height:400px;margin-left:40px;overflow:hidden;}
#scroller .scrollerArrow{position:absolute;top:160px;display:block;width:28px;height:64px;background-position:0 0;background-repeat:no-repeat;}
#scroller .scrollerLeft{left:0;background-image:url(img/scrollerLeft.png);}
#scroller .scrollerRight{right:0;background-image:url(img/scrollerRight.png);}