body{

-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
width:100%;}


.column-clear{clear:both;}



.mainWrap{width:100%;margin:0 auto;
font: 14px Verdana, Arial, sans-serif;
line-heightt:1.5em;
background-color:#33FF00;
}



nav{display:block;
margin-topx:0px;
backgroundx:#3E4156;
top:-63px;
left:0px;
float:right;
position:relative;
}

.menu2{display:block;}

.menu2 li{display: inline-block;
position: relative;
z-index:100;}

.menu2 li:first-child{margin-left:0;}

.menu2 li a {
	text-decoration:none;
	padding:11px;
	display:block;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;

}

.menu2 li a:hover, .menu2 li:hover > a{color:#ffffff;
}

.menu2 ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
topx: 42px;
right: 0px;
background: #ffffff;
}

.sub-menu ul {
width: 250px;


}

.menu2 ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu2 ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}

.menu2 ul li a:hover, .menu2 ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #d0d0b9;
color:#797979;
}

.menu2 li:hover > ul{ display: block;}
.menu2 ul ul {left: -249px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}


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

.mainWrap{width:768px;}
.menu2 ul {top:37px;}
.menu2 li a{font-size:12px;
padding:8px;}
}

@mediaa (max-width: 767px) {

.mainWrap{width:auto;padding:0px 0px;}

.menu2{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu2 li{display:block;
margin:0;}

.menu2 li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu2 li a:hover, .menu2 li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #d0d0b9;}

.menu2 ul {display: block;
position:relative;
top:0;
left:0;
width:100%;}

.menu2 ul ul {left:0;}


}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}