.top-navigation{float:left; width:auto; letter-spacing:normal; display:block; font-family:'dosisbook'; font-size:22px; line-height:24px; text-transform:uppercase;}
.top-navigation ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
.top-navigation li{margin:0px; padding:0px 0px 0px 0px; float:left;}
.top-navigation li a:hover{ color:#fff;}


.navi1 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #651d1c; width:83px; text-align:center;
background:url(../images/navi-bg1.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi1 a:hover{ background:url(../images/navi-bg1.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi2 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #f7b260; width:109px; text-align:center;
background:url(../images/navi-bg2.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi2 a:hover{ background:url(../images/navi-bg2.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi3 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #70b8de; width:116px; text-align:center;
background:url(../images/navi-bg3.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi3 a:hover{ background:url(../images/navi-bg3.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi4 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #da8d8d; width:99px; text-align:center;
background:url(../images/navi-bg4.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi4 a:hover{ background:url(../images/navi-bg4.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi5 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #896f6f; width:94px; text-align:center;
background:url(../images/navi-bg5.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi5 a:hover{ background:url(../images/navi-bg5.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi6 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #b19658; width:144px; text-align:center;
background:url(../images/navi-bg6.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi6 a:hover{ background:url(../images/navi-bg6.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navi7 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 0 46px 0; border-top:solid 4px #9fbf23; width:103px; text-align:center;
background:url(../images/navi-bg7.png) no-repeat 0 -87px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.navi7 a:hover{ background:url(../images/navi-bg7.png) no-repeat 0 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

a.act1{ background:url(../images/navi-bg1.png) no-repeat 0 0; color:#fff;}
a.act2{ background:url(../images/navi-bg2.png) no-repeat 0 0; color:#fff;}
a.act3{ background:url(../images/navi-bg3.png) no-repeat 0 0; color:#fff;}
a.act4{ background:url(../images/navi-bg4.png) no-repeat 0 0; color:#fff;}
a.act5{ background:url(../images/navi-bg5.png) no-repeat 0 0; color:#fff;}
a.act6{ background:url(../images/navi-bg6.png) no-repeat 0 0; color:#fff;}
a.act7{ background:url(../images/navi-bg7.png) no-repeat 0 0; color:#fff;}


.top-navigation2{ display:none;}
/*----------------------------------------------*/
.in-top-link{ background:url(../images/in-link-top.png) repeat-x; height:80px; display:block; font-family:'dosisbook'; font-size:22px; color:#fff; padding-left:26px;}
.in-top-link ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
.in-top-link li{margin:0px; padding:0px 0px 0px 0px; float:left;}
.in-top-link a{ text-decoration:none; color:#fff; display:block; padding:16px 19px 32px; border-radius:5px 5px 0px 0px;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.t-link1 a{ border-top:solid 5px #7e667c; background:url(../images/in-link1bg.png) repeat-x 0 -76px;}
.t-link1 a:hover{background:url(../images/in-link1bg.png) repeat-x 0 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.t-link2 a{ border-top:solid 5px #b3a892; background:url(../images/in-link2bg.png) repeat-x 0 -76px;}
.t-link2 a:hover{background:url(../images/in-link2bg.png) repeat-x 0 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.t-link3 a{ border-top:solid 5px #9d7f59; background:url(../images/in-link3bg.png) repeat-x 0 -76px;}
.t-link3 a:hover{background:url(../images/in-link3bg.png) repeat-x 0 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.t-link4 a{ border-top:solid 5px #b14d29; background:url(../images/in-link4bg.png) repeat-x 0 -76px;}
.t-link4 a:hover{background:url(../images/in-link4bg.png) repeat-x 0 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.t-link5 a{ border-top:solid 5px #77090c; background:url(../images/in-link5bg.png) repeat-x 0 -76px;}
.t-link5 a:hover{background:url(../images/in-link5bg.png) repeat-x 0 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

a.t-act1{background:url(../images/in-link1bg.png) repeat-x 0 0px;}
a.t-act2{background:url(../images/in-link2bg.png) repeat-x 0 0px;}
a.t-act3{background:url(../images/in-link3bg.png) repeat-x 0 0px;}
a.t-act4{background:url(../images/in-link4bg.png) repeat-x 0 0px;}
a.t-act5{background:url(../images/in-link5bg.png) repeat-x 0 0px;}

.in-top-link2{ display:none;}


@media only screen and (max-width: 995px) { body{min-width:768px;}
	
	.top-navigation{float:left; width:auto; letter-spacing:normal; display:block; font-family:'dosismedium'; font-size:18px; line-height:24px; text-transform:uppercase;}
	.top-navigation ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
	.top-navigation li{margin:0px; padding:0px 0px 0px 0px; float:left;}
	.top-navigation li a:hover{ color:#fff;}
	
	.navi1 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #651d1c; width:auto;}
	.navi1 a:hover{ background:#651d1c; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi2 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #f7b260; width:auto;}
	.navi2 a:hover{ background:#f7b260; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi3 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #70b8de; width:auto;}
	.navi3 a:hover{ background:#70b8de; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi4 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #da8d8d; width:auto;}
	.navi4 a:hover{ background:#da8d8d; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi5 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #896f6f; width:auto;}
	.navi5 a:hover{ background:#896f6f; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi6 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #b19658; width:auto;}
	.navi6 a:hover{ background:#b19658; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.navi7 a{text-decoration:none; color:#e7e6e6; display:block; padding:16px 8px 38px; border-top:solid 4px #9fbf23; width:auto;}
	.navi7 a:hover{ background:#9fbf23; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	a.act1{ background:#651d1c; color:#fff;}
	a.act2{ background:#f7b260; color:#fff;}
	a.act3{ background:#70b8de; color:#fff;}
	a.act4{ background:#da8d8d; color:#fff;}
	a.act5{ background:#896f6f; color:#fff;}
	a.act6{ background:#b19658; color:#fff;}
	a.act7{ background:#9fbf23; color:#fff;}
	
	.top-navigation2{ display:none;}
	
	.in-top-link{ padding-left:24px;}
	.in-top-link a{ padding:16px 16px 32px;}
	
}


@media only screen and (max-width: 767px) and (max-width: 995px) { body{min-width:420px;}
	.top-navigation{ display:none;}
	
	.top-navigation2{ float:left; width:auto; letter-spacing:normal; display:block; font-family:'dosisbook'; font-size:22px; line-height:24px; text-transform:uppercase;}
	.top-navigation2 a{ text-decoration:none; color:#e7e6e6; display:block; padding:20px 0 13px 16px;}
	.top-navigation2 a:hover{ color:#fff;}
}

@media only screen and (max-width: 479px) { body{min-width:320px;}
	.top-navigation{ display:none;}
	
	.top-navigation2{ float:left; width:auto; letter-spacing:normal; display:block; font-family:'dosisbook'; font-size:20px; line-height:24px; text-transform:uppercase;}
	.top-navigation2 a{ text-decoration:none; color:#e7e6e6; display:block; padding:20px 0 13px 13px;}
	.top-navigation2 a:hover{ color:#fff;}
	
	.in-top-link{ display:none; }
	.in-top-link2{ background:url(../images/in-link-top2.png) repeat-x ; height:auto; display:block; font-family:'dosisbook'; font-size:22px; color:#fff; padding:5px 0 30px 0px; position:relative;}
	.in-top-link2 a{ text-decoration:none; color:#fff; padding:0px; border-top:none; border-radius:0px; display:block;}
	
	.t-link1 a{ border-left:solid 5px #7e667c; padding:2px 0 2px 20px; background:url(../images/in-link01bg.png) repeat-y -295px 0;}
	.t-link1 a:hover{background:url(../images/in-link01bg.png) repeat-y 0px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.t-link2 a{ border-left:solid 5px #b3a892; padding:2px 0 2px 20px; background:url(../images/in-link02bg.png) repeat-y -295px 0;}
	.t-link2 a:hover{background:url(../images/in-link02bg.png) repeat-y 0px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.t-link3 a{ border-left:solid 5px #9d7f59; padding:2px 0 2px 20px; background:url(../images/in-link03bg.png) repeat-y -295px 0;}
	.t-link3 a:hover{background:url(../images/in-link03bg.png) repeat-y 0px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.t-link4 a{ border-left:solid 5px #b14d29; padding:2px 0 2px 20px; background:url(../images/in-link04bg.png) repeat-y -295px 0;}
	.t-link4 a:hover{background:url(../images/in-link04bg.png) repeat-y 0px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	.t-link5 a{ border-left:solid 5px #77090c; padding:2px 0 2px 20px; background:url(../images/in-link05bg.png) repeat-y -295px 0;}
	.t-link5 a:hover{background:url(../images/in-link05bg.png) repeat-y 0px 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	a.t-act1{background:url(../images/in-link01bg.png) repeat-y 0px 0;}
	a.t-act2{background:url(../images/in-link02bg.png) repeat-y 0px 0;}
	a.t-act3{background:url(../images/in-link03bg.png) repeat-y 0px 0;}
	a.t-act4{background:url(../images/in-link04bg.png) repeat-y 0px 0;}
	a.t-act5{background:url(../images/in-link05bg.png) repeat-y 0px 0;}
}