* {
	margin: 0;
	padding: 0;
}
.but_container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 470px;
}
/* common and top level styles */
#nav span {
	display: inline-block/;
}
#nav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display:inline-block;
}
#nav {
	list-style: none outside none;
	float: right;
	margin-left: 1%;
	margin-right: 1%;
	position: relative;
	width: auto;
	z-index: 999;
}
#nav ul.subs {
	color: #333333;
	display: none;
	left: 0;
	padding: 1%;
	position: absolute;
	top: 54px;
	width: 630px;
	height: 400px;
	margin-left: -70px;
	background-image: url(../image/menu.png);
	background-repeat: no-repeat;
}
#nav ul.subs2 {
	color: #333333;
	display: none;
	left: 0;
	padding: 1%;
	position: absolute;
	top: 54px;
	width: 133px;
	margin-left: 200px;
	height: 90px;
	background-image: url(../image/menu2.png);
	background-repeat: no-repeat;
}

#nav > li {
	display:inline-block;
	border-bottom: 5px solid transparent;
	float: left;
	text-align: left;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#nav li a {
	display: block;
	text-decoration: none;
	-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	white-space: normal;
}
#nav > li > a {
	color: #333333;
	display: block;
	font-size: 15px;
	line-height: 20px;
	margin-top: 34px;
	padding: 0 14px;
	text-transform: capitalize;
}
#nav > li:hover > a, #nav > a:hover {
	color: #8ac43e;
}
/*#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}*/

.blue{
	line-height: 15px;
	width: 190px;
	font-size: 13px;
	margin-top:25px;
}

.green{
	line-height: 15px;
	width: 190px;
	font-size: 13px;
	margin-top:30px;
}

.coco{
	line-height: 15px;
	width: 190px;
	font-size: 13px;
	margin-top:32px;
}
/* submenu */
#nav li:hover ul.subs {
	display: block;
}
#nav ul.subs > li {
	display: inline-block;
	float: none;
	padding: 10px 1%;
	vertical-align: top;
	width: 30%;
}
#nav ul.subs > li a {
	color: #777777;
	line-height: 15px;
	width: 190px;
	font-size: 13px;
}
#nav ul li a:hover,#nav ul.subs2 ul li a:hover{
	color: #000000;
}
#nav ul.subs > li > a {
	margin: 55px 10px 10px 0px;
	text-transform: capitalize;
}
#nav ul.subs > li li {
	float: none;
	padding-left: 8px;
	-moz-transition: padding 150ms ease-out 0s;
	-ms-transition: padding 150ms ease-out 0s;
	-o-transition: padding 150ms ease-out 0s;
	-webkit-transition: padding 150ms ease-out 0s;
	transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
	padding-left: 15px;
}

/* submenu2 */
#nav li:hover ul.subs2 {
	display: block;
}
#nav ul.subs2 > li {
	display: inline-block;
	float: none;
	padding: 7px 1%;
	vertical-align: top;
	width: 30%;
	margin-left:20px;
}
#nav ul.subs2 > li a {
	color: #777777;
	line-height: 17px;
	width: 190px;
	font-size: 13px;
}
#nav ul.subs2 > li > a {
	margin-bottom: 3px;
}
#nav ul.subs2 > li li {
	float: none;
	padding-left: 8px;
	-moz-transition: padding 150ms ease-out 0s;
	-ms-transition: padding 150ms ease-out 0s;
	-o-transition: padding 150ms ease-out 0s;
	-webkit-transition: padding 150ms ease-out 0s;
	transition: padding 150ms ease-out 0s;
}
#nav ul.subs2 > li li:hover {
	padding-left: 15px;
	color: #000;
}

/* responsive rules */
@media all and (max-width : 980px) {
#nav > li {
	float: none;
	border-bottom: 0;
	margin-bottom: 0;
}
#nav ul.subs {
	position: relative;
	top: 0;
}
#nav li:hover ul.subs {
	display: none;
}
#nav li #s1:target + ul.subs,  #nav li #s2:target + ul.subs {
	display: block;
}
#nav ul.subs > li {
	display: block;
	width: auto;
}
#nav > li {
	float: none;
	border-bottom: 0;
	margin-bottom: 0;
}


#nav ul.subs2 {
	position: relative;
	top: 0;
}
#nav li:hover ul.subs2 {
	display: none;
}
#nav li #s1:target + ul.subs2,  #nav li #s2:target + ul.subs2 {
	display: block;
}
#nav ul.subs2 > li {
	display: block;
	width: auto;
}
}