/* Main Menu */
.res-menu   {display: none;}
.res-menu   {width: 100%;}

#menu {  text-align:right; margin:0 auto; }

#menu ul {} #menu > ul{ display: block; width:1000px; text-align:right; height:70px; margin-top:-10px; float:right; }
#menu > ul > li {    float: left; list-style: none outside none;    position: relative;	text-align:center; border-right:1px dotted #FFFFFF; height:71px; }
#menu > ul > li ul {    position: absolute;	z-index:1000;	width:200px; 	top:70px;	left:0;background-image:url(../images/trans.png) }
#menu > ul > li ul  li{  position: relative;   font-size:16px;   text-align:left;  display: block;   padding:10px;  border-bottom:1px dotted #CCCCCC;  color:#fff;  line-height:14px;  }
  
.padtop {padding-top:10px}
.borderLeft {border-left:1px solid #ccc;}

/* Mozilla Hack */
@-moz-document url-prefix() { 
 #menu > ul > li {
    float: left;
    list-style: none outside none;
    position: relative;
}
}

#menu li:hover {visibility: inherit; color: #cc0033;}
#menu > ul > li > a{ color: #fff;    display: block;   float: left;    padding:24px 13px; font-size:18px;  font-family: "Open Sans", sans-serif;  }

.leftborder {border-left:1px dotted #FFFFFF; }
.menubtn {padding:5px; background-color:#669933; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px}
#menu li a:hover{ color: #fd2e2f;}
#menu > ul  li ul li{padding-left:10px; }
#menu > ul  li ul li  a{color:#c83234;font-size:12px; }
#menu > ul li ul li:hover{ border-radius:0px;}
#menu > ul  li ul li a:hover{color:#999;}



@media (max-width: 1024px){
#menu > ul{  width:980px;}	
#menu > ul > li > a{ color: #fff;    display: block;   float: left;    padding:24px 12px; font-size:18px;  font-family: "Open Sans", sans-serif;  }
.res-menu {width:985px; margin: 10px; }
}

@media screen and (max-width: 768px) {
    #menu ul,
    .slides h3,
    #top-menu > .span6{display: none;}
    #top-menu .top-social{float: none;}
    .res-menu{display: block;margin:10px 10px 15px 10px; width:300px; float:left;   }
     #menu {
    height:70px; 
        padding: 1px;
    }
	select, input[type="file"] {
height: 40px;
}
}
@media screen and (max-width:685px) {
    #menu ul,
    .slides h3,
    #top-menu > .span6{display: none;}
    #top-menu .top-social{float: none;}
   .res-menu{display: block;margin:10px 0px 15px 10px; width:300px; float:left;   }
     #menu {
    height:50px; 
        padding: 1px;
    }
}

@media screen and (max-width: 600px)  {
   .res-menu{display: block;margin:10px 0px 15px 10px; width:300px; float:left;   }
     #menu {
    height:50px; 
        padding: 1px;
    }

}

@media screen and (max-width: 568px)  {
 .res-menu{display: block;margin:10px 0px 15px 10px; width:300px; float:left;   }
     #menu {
     height:50px; 
        padding: 1px;
    }
    }

@media screen and (max-width: 480px)  {
    .res-menu{display: block;margin:-15px 10px 15px 10px; width:300px; float:left;   }
     #menu {
    height:50px; 
        padding: 1px;
    }
}
@media screen and (max-width: 380px)  {
    .res-menu{display: block;margin:15px 10px 15px 10px; width:300px; float:left;   }
     #menu {
    height:50px; 
        padding: 1px;
    }
}
@media (max-width: 320px){
    .res-menu{display: block;margin:15px 10px 15px 10px; width:250px; float:left;   }
     #menu {
   height:50px; 
        padding: 1px;
    }
	     }
		 
		 
		 
		 
/* side menu *********************************************************************/


* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font-size:12px;
padding:  10px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #c6171a;
text-align:left;
text-decoration: none;
border-bottom: 1px dotted #CCCCCC;
}

.wireframemenu a:visited{
color: #c83234;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #f2f2f2;

}