a {
	color: #fff;
}/* used for demo page, wrapping content inside 960px */

#wrapper1 {
	
	margin: auto;
margin-top:10px;
height: 28px;
	width: 520px;
position:relative;
top:-110px;
 left:405px;


}/* you might not need this if you use reset */




ul, li {
	margin: 0;
	padding: 0;
}/* border of thumbnail */
#menu1 a img {
	border: 1px solid #aaa;
}/* style of 1st level ul */
ul#menu1 {
	/*background: #7d7e7d;*/  /* fallback for not so smart browser */ /* gradient as background */
		display: block;
font-size: 12px;
	margin: auto;
padding-left:5px;

	border-radius: 10px; /* rounded border */
}/* 1st level list is floating for horizontal menu1 */

#menu1 li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0; /* transition effect for background */
transition: background .2s ease-in-out;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
}/* links and sectionheaders style */
#menu1 li a, #menu1 li span.sectionheader {
	display: block;
	color: #fff;
	line-height: 35px;
	padding: 0 8px;
	text-decoration: none;
}/* 1st level links style */
#menu1 li a.menuitem, #menu1 li span.menuitem.sectionheader {
	text-transform: uppercase;
	/*text-shadow: 1px 1px 0 #aaa;*/

	color: #fff;
	font-weight: bold;
}/* hover or current style */
#menu1 li:hover {
	background: #d15877;
border-radius: 6px 6px 6px 0px; Rounded corners


}/* description is wrapped in info span */

#menu1 li.current {
	background: #d15877;
border: 1px solid #fff;
border-radius: 6px; Rounded corners


}

#menu1 span.info {
	display: block;
	line-height: 1;
	display: block;
	font-size: 0.9em;
	padding-bottom: 10px;
	text-transform: none;
	text-shadow: none;
	color: #aaa;
	font-weight: normal;
}/* 2nd level */
#menu1 .submenu {
	position: absolute;
	z-index: 100;
	width: auto;
	top: -9999em; /* hide first */
	left: -9999em;
	opacity: 0; /* set opactiy to 0 for transtion effect */
	width: 240px; /* flyout will depend on this, if you change it dont forget about #menu1 .submenu li.flyout ul */ /* animate dropdown */
transition: width .4s ease-in-out;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
	border-radius: 0 0 6px 6px;
transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
}/* position wrapping div on hover */
#menu1 li:hover .submenu {
	top: 35px;
	opacity: .95;
	left: 0;
}/* if parent has class right, position it to right */
#menu1 li:hover.right .submenu {
	left: auto;
	right: 0;
}/* width of mega dropdown, you can add more classes like this, depending on your site structure */
#menu1 li.two_col:hover .submenu {
	width: 350px;
}/* reset transition animations */
#menu1 li li {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}/* style of 2nd level unordered list */
#menu1 .submenu ul {
	background: #d15877;
border-radius: 0px 6px 6px 6px;
/*	border-radius: 6px 6px 6px 6px; Full edges */
	padding: 10px 0;
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
#menu1 .submenu ul li {
	display: block;
	float: left;
}/* if 2nd level item has no children or has class flyout */
#menu1 .submenu ul li.no-sub, #menu1 .submenu ul li.flyout, #menu1 .submenu ul li.flyout li {
	float: none;
}/* position 3rd level flyout */
#menu1 .submenu li.flyout ul {
	position: absolute;
	width: 240px;
	top: -9999em;
	left: -9999em;
}
#menu1 .submenu li.flyout:hover ul {
	position: absolute;
	left: 230px;
	top: 0;
}/* style of second level links */
#menu1 li ul li a.menuitem, #menu1 li ul li span.menuitem.sectionheader, #menu1 li ul li a, #menu1 li ul li span.sectionheader {
	display: block;
	padding: 0 5px;
	line-height: 24px;
	text-shadow: none;
transition: color .4s ease-in-out;
-webkit-transition: color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
}/* uppercase for mega dropdown parent items */
#menu1 li ul li a, #menu1 li ul li.sectionheader span {
	text-transform: uppercase;
	display: block;
}/* remove uppercase if it's not mega dropdown */
#menu1 li ul li.no-sub a, #menu1 li ul li.flyout a, #menu1 li ul li.no-sub span.sectionheader, #menu1 li ul li.flyout span.sectionheader {
	text-transform: none;
}/* link color of sublevels */
#menu1 li ul li a:hover, #menu1 li ul li a.current {
	color: #000;
background: #d15877;
}
#menu1 .submenu li ul {
	position: static;
	display: block;
	box-shadow: none;
	border-radius: 0 0 6px 6px;
}
#menu1 .submenu li ul li {
	float: none;
}/* width of mega dropdown columns, should fit inside #menu1 li.two_col:hover .submenu width  */
#menu1 .two_col .submenu ul li {
	width: 165px;
}/* clearfix - clearing floats */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
}/* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
}/* IE7 */