body, nav, ul, li, a  {margin: 0; padding: 0;}

#navigation-wrapper #toggleMenu a { font-family: 'Asap', sans-serif; color:#fff; text-decoration: none;}
#navigation-wrapper #toggleMenu a:link { color:#fff; text-decoration: none;}
#navigation-wrapper #toggleMenu a:active { color:#fff; text-decoration: none;}
#navigation-wrapper #toggleMenu a:hover { color:#000; text-decoration: underline;}
#navigation-wrapper #toggleMenu a:visited { color:#fff; text-decoration: none;}

#navigation-wrapper ul{ font-family: 'Asap', sans-serif; font-size: 14px; font-weight: normal; color: #000; text-decoration: none;margin-left: auto; margin-right: auto;  max-width: 1234px;  width: 100%; background-color:transparent;}

#toggleMenu {padding:0 10px;}

.toggleMenu {
    display:  none;
    padding:7px 0px 7px 0px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
	color:#fff;
	font-family: 'Conv_MyriadPro-Light';
	font-size:15px;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	white-space:nowrap;
	padding:2px 8px;
	/*text-shadow: rgb(219, 214, 179) 2px 2px 0px;*/
	/*text-transform: uppercase;*/
}
.nav li {
	position: relative;
	list-style-position: outside;
	list-style-image: url(images/nav-divider.png);
	list-style-type: none;
	white-space:nowrap;
	border-right: 1px solid #fff;
	display:inline-block;
    
}
.nav > li {
    float: none;
    
}
.nav > li > .parent {
}
.nav > li > a {
    display: block;
	white-space:nowrap;
}
.nav > li > a:link {
    display: block;
	white-space:nowrap;
}
.nav > li > a:hover {
	display: block;
	background-image: url(images/active-bg.png);
	color: #fff !important;
	background-repeat: repeat-x;
	white-space:nowrap;
	background-color:#000;
}

.nav li  ul {
    position: absolute;
    left: -9999px;
	white-space:nowrap;
}
.nav > li.hover > ul {
    left: 0;
	white-space:nowrap;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	white-space:nowrap;
}
.nav li li a {
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 1px solid #d1d1d1;
    color: #000;
    display: block;
    position: relative;
    z-index: 100;
	margin-bottom: 0;
    margin-top: 0;
	padding: 5px 3px;
	width: 198px;
	white-space:nowrap;
}
.nav li li a:hover {
    background: none repeat scroll 0 0 #928e74;
    border-top: 1px solid #51477f;
    color: #fff;
    display: block;
    position: relative;
    z-index: 100;
	margin-bottom: 0;
    margin-top: 0;
	padding: 5px 3px;
	width:100%
	max-width: 198px;
	white-space:nowrap;
}
.nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: 200px;
	white-space:nowrap;
}
.active {
	/*border-bottom-width: 2px;*/
	list-style-type: none;
	background-color:#a60445;
	color: #ffffff !important;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
/*.................. dekstop css ..............*/

@media screen and (max-width: 1024px) 
{

}
/*.................. ipad css ..............*/
@media screen and (max-width: 830px) 
{
.nav a {font-size:14px; padding:10px;}
}

@media screen and (max-width:768px) {
#navigation-wrapper ul { background-color:#5a4740;}

   .active {
        display: block;
		border-bottom:none;
		
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}
#navigation-wrapper li 
{
	 margin: 0px 0;
	 width: 97%;
	padding-left: 8px;
}
.nav a {
	color:#fff;
    padding: 9px 2px;
    text-align: left;
	text-shadow: 2px 2px 0 rgb(58, 43, 38);
}
.nav > li > a:hover {
	display: block;
	background-image: url(images/active-bg.png);
	color: #ffffff !important;
	text-shadow: 2px 2px 0 rgb(58, 43, 38);
	background-repeat: repeat-x;
}
.nav li li a 
{
	max-width: 550px;
    width: 100%;
}
}
/*.................. ipad css end..............*/
/*.................. smart phone css ..............*/
@media screen and (max-width: 600px) {
.nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}
#navigation-wrapper li 
{
	 margin: 0px 0;
	 width: 97%;
	padding-left: 8px;
}
.nav a {
    padding: 9px 3px;
    text-align: left;
}
}
@media screen and (max-width: 480px) {
.nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}
.nav a {
    text-align: left;
}
#navigation-wrapper li 
{
	 margin: 0px 0;
	 width: 97%;
	padding-left: 8px;
}

.nav li li a 
{
	max-width: 405px;
    width: 100%;
}

#fott-link ul li { font-size: 13px;}
}
 @media screen and (max-width: 384px) {
 .nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}

}
 @media screen and (max-width: 320px) {
 .nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}
#navigation-wrapper li 
{
	 margin: 0px 0;
	 width: 97%;
	padding-left: 8px;
}
.nav a {
    padding: 9px 3px;
    text-align: left;
}

.nav li li a 
{
			width:248px;
}
}
 @media screen and (max-width: 240px) {
 .nav li li li a {
    /*background:#249578; 
    z-index:200;
    border-top: 1px solid #1d7a62; */
	 background: none repeat scroll 0 0 #655d8e;
    border-top: 1px solid #51477f;
	z-index:200;
	width: auto;
}
}
 @media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
body:;
}

/*.................. smart phone css ..............*/