@font-face {
    font-family: myFont;
    src: url(../../font/DroidNaskh-Regular.ttf);
}

@font-face {
    font-family: myBoldFont;
    src: url(../../font/DroidNaskh-Bold.ttf);
}

body{padding:0;margin:0;background:#1E1F21;font-family: myFont;}
#intro{width:100%;height:100%;background:#1E1F21;z-index:1000;position:absolute;}
h1{font-family: myBoldFont;}
#header{width:100%;height:20px;}
#container{width:865px;min-height:500px;margin:0 auto;}
#footer{width:100%;height:50px;}
#mainMenu{width:100%;height:90px;position:initial;}

#mainMenu ul{list-style:none;padding-right:0;padding-top:40px;width:828px;}
#mainMenu ul li{text-align:right;float:right;margin:0 0 0 37px;}
#mainMenu ul li:last-child{margin-left:0px;}
#mainMenu ul li:first-child{margin-right:0px;margin-top:-65px;}
#mainMenu ul li a{text-decoration:none;color:#d8b359;font-size:14px;font-family: myBoldFont;font-weight:bold;}

#mainMenu ul ul{z-index:2;float:right;padding-top:0px;display:none;background:#1E1F21;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 10px;}
#mainMenu ul ul li{margin:0 15px;float:none;height:30px;padding-top:10px;}
#mainMenu ul li{color:#d8b359;}
#mainMenu ul ul li:first-child{margin-top:0px;margin-right:0;}
#mainMenu ul ul li:last-child{margin-right:0;margin-left:auto;}
#mainMenu ul li:hover > ul{display:block;}

.left{position:relative;float:left;text-align:left;}
.right{position:relative;float:right;text-align:right;}

.image1{margin:0px;padding:0px;width:664px;height:454px;}
.image2{margin:0px;padding:0px;width:195px;height:150px;}
.image3{margin:0px;padding:0px;width:195px;height:153px;}
.image4{margin:0px;padding:0px;width:195px;height:151px;}
.image5{margin:0px;padding:0px;width:219px;height:172px;margin-bottom:20px;}
.image6{margin:0px;padding:0px;width:219px;height:172px;margin-bottom:20px;}
.image7{margin:0px;padding:0px;width:221px;height:172px;margin-bottom:20px;}
.image8{margin:0px;padding:0px;width:200px;height:172px;margin-bottom:20px;}
.image9{margin:0px;padding:0px;width:219px;height:142px;}
.image10{margin:0px;padding:0px;width:219px;height:142px;}
.image11{margin:0px;padding:0px;width:221px;height:142px;}
.image12{margin:0px;padding:0px;width:200px;height:142px;}


.flip {-webkit-perspective: 800;position:relative;float:left;}
.flip .card.flipped {-webkit-transform: rotatex(-180deg);}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}
.flip .card .face {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden ;
  z-index: 2;
}
.flip .card .front {
  position: absolute;
  z-index: 1;
}

.flip .card .back {
  -webkit-transform: rotatex(-180deg);
}

.pageImage{max-width:840px;max-height:360px;}
.pageTitle{color:#d8b35a;}
.pageDetails{color:#d8b35a;width:800px;margin:20px 0px;}


.galleryTitle{color:#d8b35a;width:100%}
.album{width:200px;height:175px;margin:5px;}
.album img{border-radius:5px;}