@charset "UTF-8";
/* CSS Document */

.menu{display:block;}
 
.menu li{display: inline-block;
position: relative;
z-index:100;}
 
.menu li a {font-weight: 100;
text-decoration:none;
padding:0px 11px 11px 11px;
display:block;

 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
 
.menu li a:hover, .menu li:hover > a{color:#900;
}

/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding:0px;
width: 150px;
position: absolute;

top: 33px;
left: 0px;


}

.menu ul:hover {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:16px;
font-weight:normal;
display:block;
color:#7e5856;
border-left:3px solid #ffffff;

background-image:url(../images/back_menu2.png); background-repeat:repeat-x;
padding-top:11px;


}
 
.menu ul li a:hover, .menu ul li:hover > a{
background-image:url(../images/back_menu2.png); background-repeat:repeat-x;

border-left:3px solid #900;
color:#900;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
 background-image:url(../images/back_menu.png); background-repeat:repeat-x;
color:#7e6856;

}
.mobile-menu:hover{
color:#900;
text-decoration:none;
}

@media (max-width: 767px) {
 
.menu{display:none;}

#logo{ height:150px;}
 
.mobile-menu{display:block;
   float: left;
width:300px;
z-index:20000;
margin-left:10%;
margin-top: 50px;
height:35px;
}
 


nav{margin:0;
background:none; }
 
.menu li{display:block;
margin:0;}
 
.menu li a { background-image:url(../images/back_menu.png); background-repeat:repeat-x;
color:#7e5856;
padding:4px 10px 4px 10px;
text-align:left;
border-left:3px solid #ffffff;
width:200px;
margin-left:50%;
}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#900;
border-left:3px solid #7e5856;
}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:200px;
margin-left:35%;
}
 
.menu ul ul {left:30px;}
 
}

@media (max-width: 600px) {
 
.menu{display:none;}

#logo{ height:150px;}
 
.mobile-menu{display:block;
margin-top:70px;

z-index:20000;
margin-left:1%;
height:35px;
}
 
 .slides img{ margin-top:80px;}

nav{margin:0;
background:none; }
 
.menu li{display:block;
margin:0;}
 
.menu li a { background-image:url(../images/back_menu.png); background-repeat:repeat-x;
color:#7e5856;
padding:8px;
text-align:left;

border-left:3px solid #ffffff;
width:380px;
margin-left:0%;
}
 
.menu li a:hover, .menu li:hover > a{

color:#900;
border-left:3px solid #7e5856;
}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:380px;
margin-left:0%;}

.menu ul li a{ padding-top:5px; padding-left:30px;}


.menu ul li a:hover, .menu ul li:hover > a{

color:#900;
border-left:3px solid #7e5856;
}

 
.menu ul ul {left:30px;}
}/*end media queries*/