/* == 10. Horizontal menu Background == */



/*====================

	Color Scheme Begin

=====================================================================

====================================================================*/



/* Menu bar background color */



#navigation 

{

/*background: #000; */

}



#nav li ul li, 

#nav li ul li a{

background: #6f1733; 

}



/* Menu Item text color */

#nav li a, 

#nav li a:hover, 

#nav li ul li,

#nav li ul li a {

color: #ffffff; 

}

#nav li ul li a:hover  {

color: #FFFFFF; 

}



/* Menu Item background color on hover */

#nav li a:hover

 {

	background: #6f1733;

	color: #FFFFFF;

}

 

#nav li ul li a:hover  {

	background-color: #b11144;

}



/* Text Shadow */

#nav li a, 

#nav li a:hover, 

#nav li ul li a:hover  {



}







/*=====================================================================

=======================================================================

	Color Scheme End

====================*/



#menu_div{

clear: both;

position: relative;

top: 0;

left: 0;

} /* Free space to top specialy for menu */



#navigation {

/*position: fixed;*/

}



#navigation, #menu_div {

width: 100%;

margin: 0 !important;

padding: 0 !important;

}



#menu_div, #navigation, #menu, #nav{

height: 45px; /* menu height */

}



#menu_div:hover,

#navigation:hover,

#nav li a:hover, #nav li ul a 

{

/*opacity: 0.95;*//* Menu transparency on mouse hover*/

} 



#menu_div,

#navigation, 

#nav li a, 

#menu_div:not(:hover), 

#navigation:not(:hover)

{

/*opacity: 0.8;*//* Menu transparency on mouse out */

}





#menu {

	width: 920px; /*center the menu*/

	padding:0;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;



}



#nav{

	width: 920px;

	margin:0;

	padding:0;

	font-family: 'Arial', Helvetica, sans-serif;

}



#nav li a,#nav li {

float:left;

}



#nav li {

list-style:none;

position:relative;

}



#nav li a {

	color:#ffffff;

	line-height: 27px;

	text-decoration:none;

	margin:0;

	font-size:12px;

	font-weight:bold;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #57021d;

	padding-top: 0;

	padding-right: 8px;

	padding-bottom: 0;

	padding-left: 8px;

	text-transform: capitalize;

}



/*====================

	Submenu 

=====================*/

#nav li ul {

display:none;

position:absolute;

left:0;

top:100%;

padding:0;

margin:0;

} /* hide submenu */



#nav li:hover > ul {

display:block;

} /* show submenu on hover */



#nav li ul li,#nav li ul li a {

	float:none;

	height: 35px; /* submenu item height */

	min-width: 150px; /* submenu item minimal width */

	line-height: 35px;

	text-shadow: none;

	display:block;

	font-size:12px;

	font-weight:bold;

	text-transform:inherit;

	border-right-width: 0;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #57021d;

	color: #FFFFFF;

} /* Submenu item */



#nav li ul li {

_display:inline; /* for IE */

}



/* == 12. Sub-Sub Menu == */

#nav li ul li ul {

display:none;

}



#nav li ul li:hover ul {

left:100%;

top:0;

}



.searchfield:not(:focus){

width: 150px;

}





/*========================

		Transitions

========================*/



#nav li a:hover,

#nav li ul li a:hover  {

-webkit-transition-property:color, background; 

-webkit-transition-duration: 0.5s, 0.5s; 

-webkit-transition-timing-function: linear, ease-out;

}







#menu_div:hover,

#navigation:hover,

#nav li ul a, 

#menu_div,

#navigation, 

#nav li a, 

#menu_div:not(:hover), 

#navigation:not(:hover)

{

-webkit-transition-property:opacity; 

-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */

-webkit-transition-timing-function: linear, ease-out;

} /* Menu transparency animation */