* {
    margin: 0;
}
html, body {

    padding:0;
    background-color: #7bb3d4;
    height: 100%;
    display:block;
    margin:0px auto;
    width:1349px;
    /*background-color: black;*/
}
a
{
    text-decoration: none;
}
#rightSection .hacenFont
{
    color:black;
    font-size: 20px;
    font-weight: bold;
}
#leftSection .hacenFont
{
    color:black;
    font-size: 20px;
}

.pagesContent
{
    margin-bottom: 50px;
    
}
.pagesContent .pageHeader
{
    font-size: 40px;
    height:93%;
    overflow: auto;
  color:#2566cc;
}
.pagesContent .pageHeaderAdmin
{
    font-size: 40px;
    height:93%;
    overflow: auto;
  color:#729920;
}
.pagesContent table
{
    width: 100%;
	font-size: 23px;
}
.wrapper {
    min-height: 100%;
/*   height: auto !important;*/
    height: 100%;
    margin: 0 auto -143px; /* the bottom margin is the negative value of the footer's height */
    margin-bottom: 10px;
}
/*.footer, .push {
    height: 143px;  .push must be the same height as .footer 
}*/

.wrapper {
    position: relative;
width:100%;
height: 100%;
}
#wrapper
{
    height: 100%;
}
.hacenFont{
    font-family: hacen;
	
}
.footer .hacenFont{
 font-size: 20px; 
 color:black;
}
.header {
    background:url('../img/header-new.jpg') no-repeat;
    height:600px;
   background-size:100%;
  /* background-color: white;
    height:170px;*/
   
}

.footer {
    position: relative;
    margin: 0 auto;
 /*   background:url('../img/footer.png');
    background-size:100%;
        margin-top: 60px;
        margin-top: 525px;*/
    float:left;
    width:100%;
    background-color: #7bb3d4;
    color:black;
    margin-top: 10px;
}
#rightSection
{
    width: 20%;
    float: right;
    margin-top: 10px;
}
#leftSection
{
       width: 20%;
    float: left;
     margin-top: 10px;
}
#middileSection
{
    width: 59.81%;
    background-color: #dce7fb;
    float:right;
    min-height: 1030px;
    border-right: 1px solid black; 
    border-left: 1px solid black; 
}
.slimScrollDiv{
    background-color: white;
}
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.priceSliderItem
{
    margin-left: 15px;
    font-size: 25px;
    color:white;
    font-family: hacen;
}

#leftSection table
{
    font-family: hacen;
    margin: 0px auto;
}

.more
{
    text-decoration: underline;
    color: #2566cc;
    font-size: 17px;
}
.footerSeperate
{
     
    width:2px;
    height:18px;
    margin-top:2px;
    background-color:#2566cc;
}
.newImg{
    width: 205px;
    height: 180px;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
      box-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.adminLayout
{
    margin:25px;
}
.dataTable 
{
    width:100%;
    margin:0px auto;
}
.dataTable th
{
    background-color:#729920;
    color:white;    
}
#viewTable th
{
    background-color:#2566cc;
    color:white;    
}
.dataTable td
{
    background-color:white;
    text-align: center;
}

.dataTable td a{
      color:black;
    font-family: hacen;
}
.imgAlbum
{

    display: block;
width: 190px;
margin-bottom: 12px;
height: auto;
}

.albumHover:hover{
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
position: relative;
z-index: 5;
}
.albumHover{
background: #fff;
display: inline;
float: left;
margin: 0 0 27px 30px;
width: auto;
padding: 10px 10px 15px;
text-align: center;
font-family: "Marker Felt", sans-serif;
text-decoration: none;
color: #333;
font-size: 18px;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
.imgVideo
{

    display: block;
width: 100px;
margin-bottom: 12px;
height: auto;
}

.videoLink{

background: #fff;
display: inline;
float: left;
margin: 0 0 27px 30px;
width: auto;
padding: 10px 10px 15px;
text-align: center;
font-family: "Marker Felt", sans-serif;
text-decoration: none;
color: #333;
font-size: 18px;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
.videoLink:hover{
   -webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
position: relative;
z-index: 5; 
}
#userPanel table
{
   width:100%;
}

#newSection
{
    width:82%;
}
.addBtnAR
{
    background: url('../img/buttons/addAR.PNG');
    width: 120px;
    height: 40px;
}
.addBtnEN
{
    background: url('../img/buttons/addEN.PNG');
    width: 120px;
    height: 40px;
}
.editBtnAR
{
    background: url('../img/buttons/editAR.PNG');
    width: 120px;
    height: 40px;
}
.editBtnEN
{
    background: url('../img/buttons/editEN.PNG');
    width: 120px;
    height: 40px;
}
.loginBtnEN
{
    background: url('../img/buttons/loginEN.PNG');
    width: 120px;
    height: 40px;
}
.loginBtnAR
{
    background: url('../img/buttons/loginAR.PNG');
    width: 120px;
    height: 40px;
}
.mainMenu
{
   background-color:  #2566cc;
   margin-top: -10px;
}
.mainMenu > li{
    
    background-color: #7bb3d4;
    border-bottom: 1px solid #a1cae0;
    cursor: pointer;
}
  #rightSection .mainMenu > li
{
        padding-right: 5px;
}
.mainMenu > li:hover{
    background-color: #9dc7df;
}
  .roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 400px;
      width: 400px;
   }
   .roundabout-moveable-item {
      height: 300px;
      width: 300px;
      cursor: pointer;
      background-color: #ccc;
      border: 1px solid #999;
      top:70px;
      border:8px solid white;
   }
   
   .roundabout-in-focus {
      cursor: auto;
   }
   .roundabout-moveable-item > div{
        position: absolute;
        bottom: 0;
        margin-left: -5px;
        color: white;
        background-color: #2566cc;
        height: 116px;
        width: 230px;
        margin-bottom: -70px;
        background-origin: padding-box;
        -webkit-border-radius: 85%;
        -moz-border-radius: 85%;
        border-radius: 85%;
        border:8px solid white;
         -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
   } 
   .roundabout-moveable-item > div > div{
       width: 56%;
margin: 0px auto;
font-size: 22px;
margin-top: 8px;
   -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
   }
     .roundabout-in-focus > div {
                position: absolute;
        bottom: 0;
        margin-left: 20px;
        color: white;
        background-color: #2566cc;
        height: 160px;
        width: 300px;
        margin-bottom: -70px;
        background-origin: padding-box;
        -webkit-border-radius: 85%;
        -moz-border-radius: 85%;
        border-radius: 85%;
     }
     .roundabout-in-focus > div > div{
                width: 70%;
            margin: 0px auto;
            font-size: 37px;
            margin-top: 15px;
     } 
   .roundSliderUL
   {
       width:500px;
       margin:0px auto;
      margin-right: 520px;
        margin-top: -80px;
       
   }
     .roundSliderUL li{
       
        -webkit-border-radius: 155px;
        -moz-border-radius: 155px;
        border-radius: 155px;
            overflow: hidden;
        position: relative;
         margin-top: 500px;
   }
  #duck1
   {
      
        background: url('../img/duck.JPG') no-repeat;
        background-position: center;
        background-size: 450px;
        background-origin:content-box;

   }
  #duck2
   {
      
        background: url('../img/mulduck12.png') no-repeat;
        background-position: center;
        background-size: 400px;
        background-origin:content-box;
   }
   #star53
   {
      
        background: url('../img/star53.jpg') no-repeat;
        background-position: center;
        background-size: 400px;
        background-origin:content-box;
   }
      #fish
   {
      
        background: url('../img/fish12.png') no-repeat;
        background-position: center;
        background-size: 450px;
        background-origin:content-box;
   }
     #rabbit
   {
      
        background: url('../img/rabbit.png') no-repeat;
        background-position: center left;
        background-size: 486px;
        background-origin:content-box;
   }
      #chick
   {
      
        background: url('../img/chick12.jpg') no-repeat;
        background-position: center left;
        background-size: 450px;
        background-origin:content-box;
   }
    #shrimp
   {
      
        background: url('../img/shrimp01.jpg') no-repeat;
        background-position: center;
        background-size: 300px;
        background-origin:content-box;
   }
  #quail
   {
      
        background: url('../img/quail01.jpg') no-repeat;
        background-position: center left;
        background-size: 450px;
        background-origin:content-box;
   }
   
    .roundSliderUL
   {
       transform:rotate(-10deg);
        -ms-transform:rotate(-10deg); /* IE 9 */
        -webkit-transform:rotate(-10deg); /* Opera, Chrome, and Safari */
   }
   .roundSliderUL > li
   {
        transform:rotate(10deg);
        -ms-transform:rotate(10deg); /* IE 9 */
        -webkit-transform:rotate(10deg);
   }
   #footerGrass
   {
        background: url('../img/footer-grass.png');
        background-position: center left;
    height: 53px;
margin-top: -62px;
        background-origin:content-box;
   }
   .menuImage
   {
       width:20px;
   }