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

* { margin:0; padding:0;
  
}

body{ width:100%; height:auto; margin:0; padding:0; display:block; background-color:#f3f0e3; background:url(../images/bg.gif) repeat;}

#main-wrapper{ width:100%; height:auto; display:block;}

.header{ width:100%; height:auto; display:block; background-color:#8c7f62;}

.container{ width:1670px; height:auto; margin:0 auto;}

.clear{ clear:both;}

.header1{ width:20%; height:auto; float:left;}
.logo{ width:100%; height:auto; margin:14px 0 9px 0;}



.header2{ width:65%; height:auto; float:right;}

.head-social{ width:auto; height:auto; float:right; margin-top:53px;}
.head-soc{ margin-left:5px;}

.head-soc:hover{ opacity:0.5;}


.head-nav{  height:auto; float:right;  margin-top: 30px;  width: 1085px;
}



.footer{ width:100%; height:auto; display:block; }

.footer0 {
  height: auto; width:36%;
  float: left;
  margin-right: 32px;
  
}


.footer2 {
  height: auto;
  width: 31%;
  float: left;
  margin-right: 65px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: 95px;
}

.footer2-1 {
  height: auto; width:36%;
  float: left;
  margin-right: 32px;
  
}

.footer2-2 {
  height: auto; width:41%;
  float: left;
  margin-right: 32px;
  
}


.footer1 {
  height: auto;
  float: left;
  margin-right: 32px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  text-transform: uppercase; margin-top:71px; margin-bottom:10px;
}


.footer1 a:link, .footer1 a:visited {
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  text-transform: uppercase; text-decoration:none;
}


.footer1 a:hover {
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #000;
  line-height: 30px;
  text-transform: uppercase; text-decoration:none;
}


.footer1 .acts {
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #ed1c24 !important;
  line-height: 30px;
  text-transform: uppercase; text-decoration:none;
}




.footer-last{
  height: auto;
  width: 17%;
  float: left;
  font-family: 'futura_md_btmedium';
  font-size: 13px;
  color: #666666;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 71px;
  margin-bottom: 10px;
  margin-left: 65px;
}



#subOverlay {display: block; position: fixed; bottom: 0; right: 1%; width: 75px; height: 50px; z-index:999; opacity:1; 
background:url(../images/scroll.png);

	-webkit-animation: slideup 2s linear infinite ;
	 -moz-animation: slideup 2s linear infinite; 
	 animation: slideup 2s linear infinite !important;	
}

#top {display: none; position: fixed; bottom: 0; right: 1%; width: 75px; height: 50px; z-index:999; opacity:1;  background:url(../images/top.png);
	-webkit-animation: slideup 2s linear infinite; -moz-animation: slideup 2s linear infinite; animation: slideup 2s linear infinite;
}


@-webkit-keyframes slideup
{
    0%   {background-position: 0 0;}
	50%   {background-position: 0 10px;}
    100% {background-position: 0 0;}
}​

@-moz-keyframes slideup
{
    0%   {background-position: 0 0;}
	50%   {background-position: 0 10px;}
    100% {background-position: 0 0;}
}

@keyframes slideup
{
    0%   {background-position: 0 0;}
	50%   {background-position: 0 10px;}
    100% {background-position: 0 0;}
}


.mob-nav{ display:none;}
.mob-heading{ display:none;}


@media only screen and (min-width : 1601px) and (max-width : 1680px) {
.container {width: 1460px;}
.head-social {width:auto;}

.footer2 {margin-right: 30px; margin-left: 56px;}
.footer-last {width: 22%; margin-left: 23px;}


.footer0 {height: auto;width: 39%;  margin-right: 7px;}

}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
.container {width: 1400px;}
.head-social {width:auto;}


.footer2 {margin-right: 30px; margin-left: 23px;}
.footer-last {width: 23%; margin-left: 8px;}


.footer0 {height: auto;width: 41%;  margin-right: 7px;}

}

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
	
.container {width: 1280px;}
.head-social {width:auto;}
.head-nav {width: 920px;}



.footer2-1 img{ width:100%;}
.footer2-2 img{ width:100%;}

.footer1 a:link, .footer1 a:visited {font-size: 13px;}
.footer1 {margin-right: 20px;}

.footer2 {margin-right: 19px; margin-left: 38px;   width: 32%;  margin-top: 25px;}
.footer-last {width: 25%; margin-left: 8px;}
.footer2-1 { width: 39%;}
.footer2-2 { width: 39%;}


.footer0 {height: auto;width: 37%;  margin-right: 7px;}

}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {

.container {width: 1220px;}
.head-social {width:auto;  margin-top: 34px;}
.head-nav {width: 910px;  margin-top: 21px}
.head-soc {
  margin-left: 0px;
}
.logo img{ width:100%;}
.header1 {width: 15%;}


.footer1 a:link, .footer1 a:visited {font-size: 13px;}
.footer1 {margin-right: 20px;  margin-top: 51px;}

.footer2 {margin-right: 21px; margin-left: 29px;  width: 31%;  margin-top: 12px;}
.footer-last {width: 24%; margin-left: 8px;  margin-top:47px;}


.footer0 {height: auto;width: 38%;  margin-right: 7px;}

.footer2-1 img{ width:100%;}
.footer2-2 img{ width:100%;}


}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
	
.container {width: 1125px;}
.head-social {width:auto;  margin-top: 34px;}
.head-nav {width: 858px; margin-top: 21px}	
.head-soc {
  margin-left: 0px;
}

.logo img{ width:100%;}
.header1 {width: 15%;}

.footer1 a:link, .footer1 a:visited {font-size: 13px;}
.footer1 {margin-right: 13px;}

.footer2 {margin-right: 0px;  margin-left: 25px;width: 34%; margin-top: 32px;}
.footer-last {width: 25%; margin-left: 8px;  font-size: 13px;}


.footer0 {height: auto;width: 38%;  margin-right: 0px;}

.footer2-1 img{ width:100%;}
.footer2-2 img{ width:100%;}

}



@media only screen and (min-width : 1023px) and (max-width : 1152px) {
.container {width: 1070px;}
.head-social {width:auto;  margin-top: 42px;}
.head-nav {width: 782px;}




.footer1 a:link, .footer1 a:visited {font-size: 13px;}
.footer1 {margin-right: 13px;}

.footer2 {margin-right: 0px;  margin-left: 25px;width: 30%; margin-top: 45px;}
.footer-last {width: 26%; margin-left: 8px;  font-size: 13px;}


.footer0 {height: auto;width: 40%;  margin-right: 0px;}

.footer2-1 img{ width:100%;}
.footer2-2 img{ width:100%;}


	}

@media only screen and (min-width : 991px) and (max-width : 1024px) {

.container {width: 950px;}
.head-social {width:auto;  margin-left: 0px;  margin-top: 44px;}


.head-nav {width: 698px;}


.footer1 a:link, .footer1 a:visited {font-size: 12px;}
.footer1 {margin-right: 10px;  margin-top: 30px;}

.footer2 {margin-right: 0px;  margin-left: 25px;width: 30%; margin-top: 7px;}
.footer-last {width: 27%; margin-left: 0px;  font-size: 12px;  margin-top: 29px;}


.footer0 {height: auto;width: 40%;  margin-right: 0px;}

.footer2-1 img{ width:100%;}
.footer2-2 img{ width:100%;}

	}
	


@media only screen and (min-width : 801px) and (max-width : 990px) {
	/*body{ overflow-x:hidden;}*/
.container {
    width: 100%;
  padding: 0px;
}	
	.mob-nav {
  display: block;
}

.header1 {
  width: 100%;
  height: auto;
  float: left;
}	

.header2 {
  width: 100%;
   float: left;}
   
   .head-social {
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
    text-align: center;
}

.head-nav {
	display:none;
  
}

.logo {
  width: 100%;
  height: auto;
  margin: 14px 0 9px 0;
    text-align: center;
}

.mob-heading{ background-color:rgba(34, 29, 18, 1); width:100%;  margin-bottom: 20px;}
	
	.mob-heading h2{ color:#FFF;font-family: 'futura_md_btmedium'; font-size:16px;  text-align: center; font-weight:normal;padding:10px 0px;  text-transform: uppercase;}
	
	
.footer0 { width: 61%;  margin-left: 20%;}
.footer2 { width: 60%; margin-left: 23%;}
.footer-last { width: 29%; margin-top: 3px;margin-left: 33%;}
	
.mob-heading{ display:block;}
	}





@media only screen and (min-width : 641px) and (max-width : 800px) {
	/*body{ overflow-x:hidden;}*/
.container {
    width: 100%;
  padding: 0px;
}	
	.mob-nav {
  display: block;
}

.header1 {
  width: 100%;
  height: auto;
  float: left;
}	

.header2 {
  width: 100%;
   float: left;}
   
   .head-social {
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
    text-align: center;
}

.head-nav {
	display:none;
  
}

.logo {
  width: 100%;
  height: auto;
  margin: 14px 0 9px 0;
    text-align: center;
}

.mob-heading{ background-color:rgba(34, 29, 18, 1); width:100%;  margin-bottom: 20px;}
	
	.mob-heading h2{ color:#FFF;font-family: 'futura_md_btmedium'; font-size:16px;  text-align: center; font-weight:normal;padding:10px 0px;  text-transform: uppercase;}
	
	
.footer0 { width: 75%;  margin-left: 15%;}
.footer2 { width: 70%; margin-left: 22%;}
.footer-last { width: 40%; margin-top: 3px;margin-left: 33%;}
.footer1 { margin-top: 25px;}
.mob-heading{ display:block;}
	
	}
	
	
	




@media only screen and (min-width : 481px) and (max-width : 640px) {
	/*body{ overflow-x:hidden;}*/
.container {
    width: 100%;
  padding: 0px;
}	
	.mob-nav {
  display: block;
}

.header1 {
  width: 100%;
  height: auto;
  float: left;
}	

.header2 {
  width: 100%;
   float: left;}
   
   .head-social {
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
    text-align: center;
}

.head-nav {
	display:none;
  
}

.logo {
  width: 100%;
  height: auto;
  margin: 14px 0 9px 0;
    text-align: center;
}

.mob-heading{ background-color:rgba(34, 29, 18, 1); width:100%;  margin-bottom: 20px;}
	
	.mob-heading h2{ color:#FFF;font-family: 'futura_md_btmedium'; font-size:16px;  text-align: center; font-weight:normal;padding:10px 0px;  text-transform: uppercase;}
	

	
	
.footer0 { width: 82%;  margin-left: 11%;}
.footer2 { width: 70%; margin-left: 17%;}
.footer-last { width: 48%; margin-top: 2px;margin-left: 27%;}
.footer1 { margin-top: 25px;  margin-right: 17px;}
.mob-heading{ display:block;}
	
	}
	
	
	
	
@media only screen and (min-width : 321px) and (max-width : 480px) {
	/*body{ overflow-x:hidden;}*/
.container {
    width: 100%;
  padding: 0px;
}	
	.mob-nav {
  display: block;
}

.header1 {
  width: 100%;
  height: auto;
  float: left;
}	

.header2 {
  width: 100%;
   float: left;}
   
   .head-social {
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
    text-align: center;
}

.head-nav {
	display:none;
  
}

.logo {
  width: 100%;
  height: auto;
  margin: 14px 0 9px 0;
    text-align: center;
}

.mob-heading{ background-color:rgba(34, 29, 18, 1); width:100%;  margin-bottom: 20px;}
	
	.mob-heading h2{ color:#FFF;font-family: 'futura_md_btmedium'; font-size:16px;  text-align: center; font-weight:normal;padding:10px 0px;  text-transform: uppercase;}
	
	
	.footer0 { width: 90%;  margin-left: 7%;}
.footer2 { width: 89%; margin-left: 6%;}
.footer-last { width: 100%; text-align:center; margin:0 0 0 0; }
.footer1 {
    margin-top: 0;
    margin-right: 15px;
}
	.footer1 a:link, .footer1 a:visited {
  font-size: 12px;
}

.footer2-1 {
  height: auto;
width: 100%;
float: none;
margin: 0 auto;
text-align: center;
}
	
	
	.footer2-2 {
 height: auto;
width: 100%;
float: none;
margin: 0 auto;
text-align: center;
}

.mob-heading{ display:block;}
	}
	
	
@media only screen and (min-width : 240px) and (max-width : 320px) {
	/*body{ overflow-x:hidden;}*/
.container {
    width: 100%;
  padding: 0px;
}	
	.mob-nav {
  display: block;
}

.header1 {
  width: 100%;
  height: auto;
  float: left;
}	

.header2 {
  width: 100%;
   float: left;}
   
   .head-social {
  width: 100%;
  margin-left: 0px;

    text-align: center;
	  margin-top: 5px;
  margin-bottom: 8px;
}

.head-nav {
	display:none;
  
}

.logo {
width: 45%;
  height: auto;
  margin: 14px 0 9px 73px;
}
.head-soc{  margin-left: 0px;}

.logo img {width: 100%;}

.mob-heading{ background-color:rgba(34, 29, 18, 1); width:100%;  margin-bottom: 20px;}
	
	.mob-heading h2{ color:#FFF;font-family: 'futura_md_btmedium'; font-size:16px;  text-align: center; font-weight:normal;padding:10px 0px;  text-transform: uppercase;}
	
	
	.footer0 { width: 84%;  margin-left: 13%;}
.footer2 { width: 86%; margin-left: 6%;}
.footer-last { width: 91%; margin-top: 0px;margin-left: 5%;  font-size: 12px;}
.footer1 { margin-top: 0px;  margin-right: 12px;  margin-bottom: 0px;}
	.footer1 a:link, .footer1 a:visited {
  font-size: 12px;
}

.footer2-1 {
  height: auto;
  width: 72%;
  float: left;
  margin-left: 32px;
}
	
	
	.footer2-2 {
  height: auto;
  width: 41%;
  float: left;
  margin-left: 15px;
}

.footer2-1 img {
  width: 100%;
}


.mob-heading{ display:block;}
	}