/* CSS Menu Document */

/*MAIN MENU*/
#main_menu ul{
margin:0px; padding:0px;
display:block; width:162px;
list-style:none;
}
#main_menu li{
margin:0px; padding:0px; float:left;
}
#main_menu ul li, #main_menu ul a {
margin:0px; padding:0px;
display:block; height:30px;
}
#main_menu ul li#menu_home, #main_menu ul li#menu_home_on, #main_menu ul li#menu_home a,  #main_menu ul li#menu_home_on a{height:32px;}
#main_menu ul li#menu_news, #main_menu ul li#menu_news a, #main_menu ul li#menu_news_on, #main_menu ul li#menu_news_on a{height:31px;}

/*MENU ITEMS*/
#menu_home a, #menu_home a:visited{display:block;  width:162px; background: url(../gui/menu.gif) no-repeat 0px 0px;}
#menu_about a, #menu_about a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -32px;}
#menu_services a, #menu_services a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -62px;}
#menu_testimonials a, #menu_testimonials a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -92px;}
#menu_studies a, #menu_studies a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -122px;}
#menu_team a, #menu_team a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -152px;}
#menu_news a, #menu_news a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -182px;}
#menu_clients a, #menu_clients a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -213px;}
#menu_treats a, #menu_treats a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat 0px -243px;}

#menu_home_on a, #menu_home_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px 0px;}
#menu_about_on a, #menu_about_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -32px;}
#menu_services_on a, #menu_services_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -62px;}
#menu_testimonials_on a, #menu_testimonials_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -92px;}
#menu_studies_on a, #menu_studies_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -122px;}
#menu_team_on a, #menu_team_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -152px;}
#menu_news_on a, #menu_news_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -182px;}
#menu_clients_on a, #menu_clients_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -213px;}
#menu_treats_on a, #menu_treats_on a:visited{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -324px -243px;}

/*MENU ROLLOVERS*/
#menu_home a:hover, #main_menu ul li:hover a#home, #main_menu ul li.over a#home{background: url(../gui/menu.gif) no-repeat -162px 0px;}
#menu_about a:hover, #main_menu ul li:hover a#about, #main_menu ul li.over a#about{background: url(../gui/menu.gif) no-repeat -324px -32px;}
#menu_services a:hover, #main_menu ul li:hover a#services, #main_menu ul li.over a#services{background: url(../gui/menu.gif) no-repeat -162px -62px;}
#menu_testimonials a:hover, #main_menu ul li:hover a#testimonials, #main_menu ul li.over a#testimonials{background: url(../gui/menu.gif) no-repeat -324px -92px;}
#menu_studies a:hover, #main_menu ul li:hover a#studies, #main_menu ul li.over a#studies{background: url(../gui/menu.gif) no-repeat -324px -122px;}
#menu_team a:hover, #main_menu ul li:hover a#team, #main_menu ul li.over a#team{background: url(../gui/menu.gif) no-repeat -162px -152px;}
#menu_news a:hover, #main_menu ul li:hover a#news, #main_menu ul li.over a#news{background: url(../gui/menu.gif) no-repeat -162px -182px;}
#menu_clients a:hover, #main_menu ul li:hover a#clients, #main_menu ul li.over a#clients{background: url(../gui/menu.gif) no-repeat -324px -213px;}
#menu_treats a:hover, #main_menu ul li:hover a#treats, #main_menu ul li.over a#treats{background: url(../gui/menu.gif) no-repeat -324px -243px;}

#menu_services_on a:hover, #main_menu ul li:hover a#services_on, #main_menu ul li.over a#services_on{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -162px -62px;}
#menu_team_on a:hover, #main_menu ul li:hover a#team_on, #main_menu ul li.over a#team_on{display:block; width:162px; background: url(../gui/menu.gif) no-repeat -162px -152px;}

/*MENU 2nd LEVEL*/
#main_menu ul li ul{
display:none;
margin-left:3px; padding:0px;
position:absolute; z-index:10;
clear:left;
}

#main_menu ul li:hover ul{
margin-top:-30px; padding-bottom:10px;
display:block; width:160px;
visibility:visible; 
position:absolute; left:159px; 
background:url(../gui/menu_bottom.gif) no-repeat bottom;
}

#main_menu ul li:hover ul #menu_top{
width:160px; height:12px;
background:url(../gui/menu_top.gif) no-repeat bottom;
}

#main_menu ul li ul li{
display:block;
margin:0px; padding:0px;
width:159px; height:26px;
background:#cd0d29;
border-right:1px solid #a91228;
overflow:hidden;
z-index:10;
}

/*2nd LEVEL ITEMS*/
#main_menu ul li ul li a, #main_menu ul li ul li a:visited{
display:block;
width:160px;
height:21px;
background:none;
margin:0px; padding:5px 0px 0px 16px;
color:#ffffff;
font:1em Trebuchet, Arial, Helvetica, sans-serif; text-align:left;
text-decoration:none;
}

/*2nd LEVEL ROLLOVERS*/
#main_menu ul li ul li a:hover, #main_menu ul li ul li a:active{
width:160px;
height:21px;
color:#ffffff;
background:none;
}
#main_menu ul li ul li a:hover, #main_menu ul li ul li a:active{background:#5E0207;#}

#menu li.over ul{
margin-top:-32px; padding-bottom:10px;
display:block; width:160px;
visibility:visible; 
position:absolute; left:159px;
background:url(../gui/menu_bottom.gif) no-repeat bottom;
}

#menu li.over ul #menu_top{
width:160px; height:10px;
background:url(../gui/menu_top.gif) no-repeat bottom;
}

#menu li.over ul li a, #menu li.over ul li a:visited{
margin:0px; padding:5px 0px 0px 16px; width:160px; height:21px;
}


/*Social Media buttons*/
.social-media-container {
margin:0; padding:0; width:155px
}

.social-media-btns {
float: left; margin:0; padding:0
}