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



body {/*font-family: Helvetica, Arial, sans-serif;*/ background: url(../staticimages/bg_01.jpg) left top repeat-x #000;}



a {text-decoration: none;}



.menu {



    width: 568px;



    max-width: 900px;



    margin: 42px  0 0 0;



	float: right;



}



.toggleMenu {



    display:  none;



    padding: 7px 0;



    color: #fff;



	width: 100%;



	background: #f00;



	text-indent: -9999px;



	background: url(../staticimages/menu_bg.png) 95% center no-repeat #00c0ef;



}



.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 {



    padding:7px 9px 8px;



    color:#fff;



	text-transform: uppercase;



}



.nav a:hover, .nav a.here{



	background: #00c0ef;



}



.nav li {



    position: relative;



}



.nav > li {



    float: left;



   /* border-top: 1px solid #00cafb;*/



}



.nav > li > .parent {



    background-image: url("../staticimages/downArrow.png");



    background-repeat: no-repeat;



    background-position: right;
	line-height:27px;


}



.nav > li > a {



    display: block;
	font-family: Helvetica, Arial, sans-serif;


}



.nav li  ul {



    position: absolute;



    left: -9999px;



}



.nav > li.hover > ul {



    left: 0;



	z-index:10000;



	width: 130px;



}



.nav li li.hover ul {



    left: 100%;



    top: 0;



	z-index:10000;	



}



.nav li li a {



    display: block;



    background: #009fc7;



    position: relative;



    z-index:1000;



	font-size: 12px;



	text-transform: none;



	padding:7px 15px 7px 15px;



    border-top: 1px solid #00cafb;



}



.nav li li li a {



    background:#00c0ef;



    z-index:200;



    border-top: 1px solid #00cafb;



}



.nav li li a:hover{



	background: #00cafb;



}





@media (max-width: 1920px) {



.nav a {



    padding:7px 8px 0px;

}



}



@media (max-width: 1200px) {



.nav a {



    padding:7px 15px 8px 15px;



    color:#fff;



	font-size: 13px;



	text-transform: uppercase;



}



}



@media (min-width: 768px) and (max-width: 979px) {



.menu {



    width: 450px;



    max-width: 900px;



    margin: 43px  0 0 0;



	float: right;



}



.toggleMenu {



    display:  none;



    padding: 7px 0;



    color: #fff;



	width: 100%;



	background: #f00;



	text-indent: -9999px;



	background: url(../staticimages/menu_bg.png) 95% center no-repeat #00c0ef;



}



.nav {



    list-style: none;



     *zoom: 1;



	 padding-left:2px;



	 



}



.nav:before,



.nav:after {



    content: " "; 



    display: table; 



}



.nav:after {



    clear: both;



}



.nav ul {



    list-style: none;



    width: 9em;



}



.nav a {



    padding:10px 8px 8px 8px;



    color:#fff;



	font-size: 12px;



	text-transform: uppercase;



}



.nav a:hover, .nav a.here{



	background: #00c0ef;



}



.nav li {



    position: relative;



}



.nav > li {



    float: left;



   /* border-top: 1px solid #00cafb;*/



}



.nav > li > .parent {



    background-image: url("../staticimages/downArrow.png");



    background-repeat: no-repeat;



    background-position: right;



}



.nav > li > a {



    display: block;



}



.nav li  ul {



    position: absolute;



    left: -9999px;



}



.nav > li.hover > ul {



    left: 0;



	z-index:10000;



	width: 130px;



}



.nav li li.hover ul {



    left: 100%;



    top: 0;



	z-index:10000;	



}



.nav li li a {



    display: block;



    background: #00c0ef;



    position: relative;



    z-index:1000;



	font-size: 12px;



	text-transform: none;



	padding:7px 10px 7px 10px;



    border-top: 1px solid #00cafb;



}



.nav li li li a {



    background:#00c0ef;



    z-index:200;



    border-top: 1px solid #00cafb;



}



.nav li li a:hover{



	background: #00cafb;



}







}



@media(min-width: 320px) and (max-width: 767px) {

	.menu {  



		float: none;



		width: 100%;



		margin: 0px;



	}



	.nav



	{



	background:#00C0EF;



	}



    .active {



        display: block;



    }



    .nav > li {



        float: none;



    }



	.nav > li a{



         display: block;



    }



    .nav > li > .parent {



        background-position: 95% 50%;



    }



    .nav li li .parent {



        background-image: url("../staticimages/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;



		width: 100%;



    }

	.nav > li.hover > ul , .nav li li.hover ul li a{

		color: #f00 !important

	}	





}