/*------ CSS3 Drop Down Menu By B2W (beautifulbloggerwidgets.blogspot.com)---------*/

#b2w-menu, #b2w-menu ul { margin: 0; padding: 0; list-style: none; }

#b2w-menu { width: 100%; border: 1px solid #cde2f5; }



#b2w-menu:before,

#b2w-menu:after { content: ""; display: table; }

#b2w-menu:after { clear: both; }

#b2w-menu { zoom:1; }



#b2w-menu li { height: 40px; float: left; position: relative; border-right: 1px solid #cde2f5; }



#b2w-menu a { float: left; padding: 10px 5px 6px 12px; color: #000; 
	text-decoration: none; text-shadow: 0 1px 0 #fff;
	font-family: "Arial", sans-serif; font-size: 12px;}

#b2w-menu li:hover > a { color: #000; }

*html #b2w-menu li a:hover { /* IE6 only */ color: #fafafa; }

#b2w-menu ul { margin: 30px 0 0 0; _margin: 0; /*IE6 only*/

background: #f7f7f7 !important;

opacity: 0;

visibility: hidden;

position: absolute;

top: 35px;

left: 0;

z-index: 9999;

background: #444;

background: -moz-linear-gradient(#444, #111);

background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));

background: -webkit-linear-gradient(#444, #111);

background: -o-linear-gradient(#444, #111);

background: -ms-linear-gradient(#444, #111);

background: linear-gradient(#444, #111);

/* -moz-box-shadow: 0 -1px rgba(255,255,255,.3);

-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

box-shadow: 0 -1px 0 rgba(255,255,255,.3);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;
 */
border-radius: 3px;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-ms-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

}



#b2w-menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; }

#b2w-menu ul ul {

top: 0;

left: 150px;

margin: 0 0 0 20px;

_margin: 0; /*IE6 only*/

-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

box-shadow: -1px 0 0 rgba(255,255,255,.3);

}



#b2w-menu ul li {

float: none;

display: block;

border: 0;
margin-left: 12px;

_line-height: 0; /*IE6 only*/

/* -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

box-shadow: 0 1px 0 #111, 0 2px 0 #666; */

}

#b2w-menu ul li:last-child {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}



#b2w-menu ul a {

padding: 10px;

width: auto;

_height: 10px; /*IE6 only*/

display: block;

white-space: nowrap;

float: none;

color:#000;

text-shadow: 0 0px;

}



#b2w-menu ul a:hover {

color:#000;

/* background-color: #0186ba;

background-image: -moz-linear-gradient(#04acec, #0186ba);

background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));

background-image: -webkit-linear-gradient(#04acec, #0186ba);

background-image: -o-linear-gradient(#04acec, #0186ba);

background-image: -ms-linear-gradient(#04acec, #0186ba);

background-image: linear-gradient(#04acec, #0186ba);
 */
}



#b2w-menu ul li:first-child > a {

-moz-border-radius: 3px 3px 0 0;

-webkit-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}



#b2w-menu ul li:first-child > a:after {

content: '';

position: absolute;

left: 40px;

top: -6px;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

border-bottom: 6px solid #444;

}

#b2w-menu ul ul li:first-child a:after {

left: -6px;

top: 50%;

margin-top: -6px;

border-left: 0;

border-bottom: 6px solid transparent;

border-top: 6px solid transparent;

border-right: 6px solid #3b3b3b;

}

#b2w-menu ul li:first-child a:hover:after {

border-bottom-color: #04acec;

}

#b2w-menu ul ul li:first-child a:hover:after {

border-right-color: #0299d3;

border-bottom-color: transparent;

}

#b2w-menu ul li:last-child > a {

-moz-border-radius: 0 0 3px 3px;

-webkit-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

#b2w-menu ul {

	box-shadow:1px 2px 20px #333;
}

#b2w-menu ul a {
	font-size: 12px;
	color: #000;
}

#b2w-menu ul a:hover {
	color: #3a604b;
    text-decoration: underline;
}