/* ######### Matt Black Strip Main Menu Bar CSS ######### */

/* |_________________________\menu/_______________________| */
#ddtopmenubar {width:100%; padding-bottom:6px;}
#ddtopmenubar ul {margin:0; padding:0; }
#ddtopmenubar ul li { white-space: nowrap; float:left;}
#ddtopmenubar li.first {border:none; margin:0;}
#ddtopmenubar li.last { }
#ddtopmenubar li.last a {margin-right:0;}
#ddtopmenubar ul li a img {vertical-align:middle;}

#ddtopmenubar ul li a {
    color: #DFDFDF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
    text-decoration: none !important;
	background:none;
	float:left;
	background:url(http://35119.templates.site2you.com/images/mm_bg.png) repeat-x left top;
}

#ddtopmenubar a img, #ddtopmenubar a i { display:inline-block; vertical-align:middle; }
#ddtopmenubar a span {display:block; background:url(http://35119.templates.site2you.com/images/menu_separator.png) no-repeat right top; padding:0 27px;}
#ddtopmenubar li.last a span {background:none;} 
#ddtopmenubar a i {height:49px;}

#ddtopmenubar a em {display:block; position:static; left:0;}
#ddtopmenubar a em.base {}
#ddtopmenubar a em.hover {display:none;}

#ddtopmenubar a:hover, #ddtopmenubar .active a, #ddtopmenubar a.selected {background:url(http://35119.templates.site2you.com/images/mm_h.png) repeat left top;}

#ddtopmenubar a:hover em.hover, #ddtopmenubar .active a em.hover, #ddtopmenubar a.selected em.hover {display:block; }
#ddtopmenubar a:hover em.base, #ddtopmenubar .active a em.base, #ddtopmenubar a.selected em.base {display:none;}