/* ================ menu ================= */

.menu {
width : 100%;
list-style : none; 
height : 100%;
margin-top : 0px;
margin-left : -40px;
text-align : left;
/*_margin-left : 25px;
margin-top : 1px;   */
}

.menu li {
}

.menu li a:link {
       color : #bdbebe;
       }
       
.menu li a:visited {
       color : #bdbebe;
       }
          
.menu li a:active {
       color : #bdbebe;
       }

.menu li a {
display : block; 
/*height : 72px; 
line-height : 72px;*/
text-decoration : none; 
cursor : pointer;
}

#navigation h2 {
/*margin-top : 15px;*/
color : #0a4f8a;
font-size : 18px;
margin : 0 0 0 0;
margin-left : 15px;
}

#navigation h3 {
/*margin-top : 10px; */
color : #0a4f8a;
font-size : 87%;
margin : 0 0 0 0;
margin-left : 15px;
padding-top : 4px;
}

/*
.menu h2 a {
margin-top : 15px;
color : #0a4f8a;
font-size : 18px;
margin-left : 15px;
text-decoration : none;
}

.menu h2 a {
margin-top : 15px;
color : #0a4f8a;
font-size : 18px;
margin-left : 15px;
text-decoration : none;
}     */

.menu li a:hover h2 {
color : #de9746 !important;
}

.menu li a:hover h3 {
color : #fff !important;
}

#navigation li.button1 {
background : #0a4f8a url(../images/menu/button1.png) no-repeat right top; 
width : 237px;                                         
height : 66px;
}

.menu li.button1 a {
display : block; 
width : 237px;
height : 66px; 
padding : 5px 0 0 0 !important;
}

.menu li.button1 a:hover {
color : #fff !important;
}


#navigation li.button2 {
background : #0a4f8a url(../images/menu/button2.png) no-repeat right top; 
width : 237px;                                         
height : 72px;
}

.menu li.button2 a {
display : block; 
width : 237px;
height : 72px; 
padding : 8px 0 0 0 !important;
}

.menu li.button2 a:hover {
/*text-decoration: underline;   */
color : #fff;
}


#navigation li.button3 {
background : #0a4f8a url(../images/menu/button3.png) no-repeat right top; 
width : 237px;                                         
height : 72px;
}

.menu li.button3 a {
display : block; 
width : 237px;
height : 72px; 
padding : 8px 0 0 0 !important;
}

.menu li.button3 a:hover {
/*text-decoration: underline;   */
color : #fff;
}


 #navigation li.button4 {
background : #0a4f8a url(../images/menu/button4.png) no-repeat right top; 
width : 237px;                                         
height : 72px;
}

.menu li.button4 a {
display : block; 
width : 237px;
height : 72px; 
padding : 8px 0 0 0 !important;
}

.menu li.button4 a:hover {
/*text-decoration: underline;   */
color : #fff;
}


 #navigation li.button5 {
background : #0a4f8a url(../images/menu/button5.png) no-repeat right top; 
width : 237px;                                         
height : 72px;
}

.menu li.button5 a {
display : block; 
width : 237px;
height : 72px; 
padding : 8px 0 0 0 !important;
}

.menu li.button5 a:hover {
/*text-decoration: underline;   */
color : #fff;
}


 #navigation li.button6 {
background : #0a4f8a url(../images/menu/button6.png) no-repeat right top; 
width : 237px;                                         
height : 72px;
}

.menu li.button6 a {
display : block; 
width : 237px;
height : 72px; 
padding : 8px 0 0 0 !important;
}

.menu li.button6 a:hover {
/*text-decoration: underline;   */
color : #fff;
}

#navigation li.box {
background : #0a4f8a url(../images/menu/box.png) no-repeat right top; 
width : 237px;                                         
height : 77px;
}

.preload {
position : absolute;
left : 0px;
top : -200px;
display : inline;
visibility: hidden; 
}