@charset "utf-8";
/* CSS Document */

/* HEADER  */
#header_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#130f06 url(../images/headerbg.jpg) repeat-y center top;
}
#header_inner{
	width:1100px;
	min-height:100px;
	height:auto;
	padding:0px; 
	margin:0px auto;
}


.headertop{
	width:100%;
	float:left;
	min-height:110px;
}
.headerlogo{
	float:left;
}

#header_inner nav {
     display: block;
     text-align:left;
     float:right;
     padding:0px 0px;
	 margin-top:6px;
}

#header_inner nav a {
	 font-size:13px;
     position: relative;
     display: inline-block;
     font-family: 'Roboto Condensed', sans-serif;
     border-right:1px solid #725a32;
     text-decoration: none;
     color: #cdcdcd;
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
}

#header_inner nav a:hover,
#header_inner nav a:focus {
     outline: none;
}

/* Effect 5: same word slide in */
.cl-effect-5 a {
     overflow: hidden;
     padding: 0 10px;
     height: 20px
}

.cl-effect-5 a span {
     position: relative;
     display: inline-block;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
}

.cl-effect-5 a span::before {
     color:#0da8e1 !important;
     position: absolute;
     top: 100%;
     content: attr(data-hover);
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     transform: translateY(-100%);
}



#headernav_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#130f06 url(../images/headerbg.jpg) repeat-y center top;
}
#headernav_inner{
	width:1100px;
	height:auto;
	padding:0px; 
	margin:0px auto;
}


.headermenu{
	width:100%;
	min-height:80px;
	height:auto;
	float:left;
	background:#dedadb;
	border-top:1px solid #f8f6f6;
}

header nav {
     float:left;
	 margin-top:20px;
	 width:100%;
	 text-align:center;
}


header nav ul {
     text-align: left;
     display: inline;
     margin:0px !important ;
     list-style: none;
     font-family: 'Roboto Condensed', sans-serif;
}
header nav ul li {
     margin:0px;
     display: table-cell;
     position: relative;
     cursor: pointer;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
     
	
}

header nav ul li a{
	float:left;
	padding: 6px 26px !important;
	white-space: nowrap;
	font-size:15px;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
	border-right:1px solid #9e989c;
	border-left:1px solid #FFFFFF;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
	
}
header nav ul li a:hover {
     background: #0588be;
     color: #FFF;
	 padding-top:8px;
	 padding-bottom:4px;
}

header nav ul li ul {
     border:none !important;
     z-index:9999;
     padding: 0;
     position: absolute;
     top: 48px;
     left: 0;
     width: 240px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     display: none;
     opacity: 0;
     visibility: hidden;
     -webkit-transiton: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     -ms-transition: opacity 0.2s;
     -o-transition: opacity 0.2s;
     -transition: opacity 0.2s;
}
header nav ul li ul li { 
     background: #555; 
     display: block; 
     color: #fff;
	 padding:10px 20px;
	 border:none !important;
}
header nav ul li ul li:hover { background: #d72422; }
header nav ul li:hover ul {
     display: block;
     opacity: 1;
     visibility: visible;
}

header nav ul li ul li a{
     color:#FFF;
}
.bordern_a{
     border-left:none;
}
.bordern_b{
     border-right:none;
}
















/*FOOTER*/
#footer_wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
    margin:0px;
	background:#031602;
}
#footer_inner{
	width:1100px;
	height:auto;
	padding:0px; 
	margin:0px auto;
	color:#FFF;
}

#footer_inner p{
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
}


/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
	#header_inner{
		width:90%;}
	#headernav_inner{
		width:90%;}	
	#footer_inner{
		width:90%;}
}
@media screen and (max-width: 1200px) {
	header nav ul li a{
		padding: 6px 25px !important;}
}

@media screen and (max-width: 1100px) {
	header nav ul li a{
		padding: 6px 25px !important;}
	
	
}
@media screen and (max-width: 1070px) {
	header nav ul li a{
		padding: 6px 23px !important;}
	
}

@media screen and (max-width: 1024px) {
	header nav ul li a{
		padding: 6px 22px !important;font-size:14px;}

}

@media screen and (max-width: 1000px) {
	header nav ul li a{
		padding: 6px 20px !important;}

}
@media screen and (max-width: 966px) {
	header nav ul li a{
		padding: 6px 15px !important;}
}

@media screen and (max-width: 900px) {
	.headermenu{
		min-height:15px;}
	
}
@media screen and (max-width: 860px) {
	
}

@media screen and (max-width: 850px) {
	
}
@media screen and (max-width: 800px) {
	
}

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

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

@media screen and (max-width: 640px) {
	.headerlogo{
		width:100%;text-align:center; padding:10px 0px;}
	.headerlogo img{
		height:100px;}	
	#header_inner nav {
	 	width:100%;text-align:right;}
	
	.headermenu{
		min-height:15px; display:none;}		
	
	
}

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

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

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

@media screen and (max-width: 360px) {
	.headerlogo img{
		height:auto; width:90%;}
	
}

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

@media screen and (max-width: 300px) {
	
	
}
@media screen and (max-width: 240px) {
	
}