/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


@font-face {
    font-family: 'modernpics';
    src: url('modernpics.otf');
    src: url('modernpics.otf') format('opentype'),
         url('webfont.eot?#iefix') format('embedded-opentype');
        
    font-weight: normal;
    font-style: normal;
}

html { height:100%; }


body {  


margin:0 auto 0;

float:center;
	padding:1px 0 0 0;
	font-size:0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#eeeeee;
	
   overflow-x:auto;
   overflow-y:hidden;

   
  
  background-image:url('images/back.jpg');
  background-repeat:repeat;
  
/*background: -webkit-linear-gradient(#ffffff, #eaf5f6 ); /* For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(#ffffff, #eaf5f6 ); /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#ffffff, #eaf5f6 ); /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#ffffff, #eaf5f6 ); /* Standard syntax */
   width:1300px;
   height:100%;


}

 #topbar
 {
    display:block;
    float:center;
	width:95%;
	height:65px;
	margin:0 auto 0;
    overflow:hidden;
    position:relative;
    background:none;
    visibility:hidden;
     background:#fefefe;
    
     -webkit-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    
     -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
  }

  #topbar img
  {
  display:block;
    float:right;
	width:177;
	height:60px;
    margin-right:40px;
	
    overflow:hidden;
    position:relative;
    background:none;  
  cursor:pointer;       
    
  
   }
  
.menugroup
{
    display:block;
    float:left;
    width:340px;
	height:80px;
    
    margin-left:30px;
   
    position:relative;
    background:none;

 }

.menugroup li.selectedmenu
{
  background:#1d136c;
    border-color: #1d136c;
   
 }
 
.menugroup li
{
    display:block;
    float:left;
    width:50px;
	height:50px;
	margin:5px;
    overflow:hidden;
    position:relative;
    background:#bbbbbb;
     border: 0px solid #f6f6f6;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;

 }  
  
 
  
 .menugroup li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.menuicon{
    font-family: 'modernpics';
    font-size: 36px;
    color: #f6f6f6;;
    line-height: 10px;
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0px;
    top: 14px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.menutext{
    font-size: 8px;
    position: absolute;
    top: 60px;
    height: 20px;
    width: 50px;
    
    opacity: 0.8;
    text-align: center;
    color: #555555;
}

.menugroup li:hover{
    cursor:pointer;       
    border-color: #1d136c;
    background-color:#ff0000;
    z-index: 999;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.menugroup li:hover .menuicon{
    color: #1d136c;
    font-size: 15px;
    top:8px;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.menugroup li:hover .menutext{
    color: #ffffff;
    opacity:1;
    top:25px;
    font-weight:bold;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
} 
  
  
h1
{
 display:block;
 margin-top:5px;
 margin-bottom:15px;
 margin-left:0px;
 margin-right:5px;
 
 font-size:20px;
 font-weight:bold;

color:#555555;
text-align:right;

 }  
  
  
 .footer
 {
  display:block;
  float:center;
  width:100%;
  text-align:center;
  
  /*
  background-color: #1d136c; */
  background-color:#1d136c;
  
  color:#ffffff;
  padding-top:5px;
  padding-bottom:5px;
  font-size:11px;
  margin: 0 auto 0;
  position:absolute;
  bottom:0px;

  }