@charset "utf-8";

/* CSS Document */

* { margin: 0; padding: 0; }



body{

	font-family: 'Karla', Arial, Helvetica, sans-serif;

	}





#slider1{

	width:100%;

	

	}





#headerhold {

	display:none;

	background: rgba(250, 250, 250, 1);

	width:100%;

	z-index:20000;
position:fixed;

	

}





@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {	

#headerhold {

	

	background: rgba(250, 250, 250, 1);



	

	

}

}



.mail_h{

	position:absolute;

	right:0;

	top:0;

	display:none;

	}



@media only screen and (max-device-width: 500px), screen and (max-width: 500px) {	

.mail_h{

	position:absolute;

	right:18px;

	top:32px;

	display:none;

	}



}



#header {

	

	width: 100%;	

	max-width: 100%;

	min-width:320px;

	margin:0 auto 0px auto;

	padding-top: 0px;





	

	}

	



	

@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {



#slider1{

height:30%;

	}

}



	

	



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

	#header {

	width: 100%;	

	max-width: 920px;

	margin:0 auto 0 auto;

	padding-top:0;



	

	

	} 

	

}





.clear{

	clear:both;

	

	}

	

::selection {

	background: #131313; /* Safari */

	color: #fff; 

	text-shadow: none;

	}

::-moz-selection {

	background: #131313; /* Firefox */

	color: #fff; 

	text-shadow: none;

}





.fadelogo {

   opacity: 1;

   

   transition: opacity 1s ease-in-out;

   -moz-transition: opacity 1s ease-in-out;

   -webkit-transition: opacity 1s ease-in-out;

   -ms-transition: opacity 1s ease-in-out;

   -0-transition: opacity 1s ease-in-out;

   	

   }



.fadelogo:hover {

   

	

	filter: alpha(opacity=50);

	

	opacity: 0.7;



   

      }





/******************* Logo *********************/

#logo1 {

	opacity:.9;

	width: 100px;


	display: block;

	margin:8px auto 13px auto;

	padding:0;
	
		text-align:center;


	}

	

#logo1 img{

	width:75%;

	

	}



#logo2 {

	

	width: 220px;

	float: left;

	display: block;

	margin:25px 0 0 0;

	padding:0;

	}

	

#logo2 img{

	width:88%;

	

	}

	

@media only screen and (max-device-width: 751px), screen and (max-width: 751px) {



#logo1 {

	

	width: 100%;

	margin:12px 0 5px 0px;


	text-align:center;

	}



#logo1 img{

	width:60px;

	

	}







#logo2 {

	

	width: 100%;

	margin:0px auto 5px auto;

	padding:0;

	text-align:center;

	}

	

	

#logo2 img{

	width:30%;

	

	}

}

	

	

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



#logo1 {

	

	width: 100%;

	margin:12px 0 5px 0px;

	padding:0;

	text-align:center;

	}

	

#logo1 img{

	width:60px;

	

	}



#logo2 {

	

	width: 0px;

	float: left;

	display: block;

	margin:12px 0 0 -11px;

	padding:0;

	}

	

#logo2 img{

	width:0%;

	

	}

}



@media only screen and (max-device-width: 385px), screen and (max-width: 385px) {



#logo1 {

	

	width: 100%;

	margin:0 0 25px 0px;

	padding:0;

	text-align:left;

	}

	

#logo1 img{

	width:60px;

	

	}



#logo2 {

	

	width: 0px;

	float: left;

	display: block;

	margin:12px 0 0 -11px;

	padding:0;

	}

	

#logo2 img{

	width:0%;

	

	}

}





@media only screen and (max-device-width: 350px), screen and (max-width: 350px) {



#logo1 {

	

	width: 100%;

	margin:12px 0 5px 0px;

	padding:0;

	text-align:center;

	}

	

#logo1 img{

	width:60px;

	

	}



#logo2 {

	

	width: 0px;

	float: left;

	display: block;

	margin:12px 0 0 -11px;

	padding:0;

	}

	

#logo2 img{

	width:0%;

	

	}

}



	

/******************* Banner *********************/

/*

#slider1{

height:600px;

	}

*/

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0 auto 0 auto;

  



  }



.rslides li {

  -webkit-backface-visibility: hidden;

 

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  margin:215px 0 115px 0;

  }

@media only screen and (max-device-width:750px), screen and (max-width: 750px) {

.rslides li {



  margin:86px 0 0 0;

  }



}  

  

  

@media only screen and (max-device-width:700px), screen and (max-width: 700px) {

.rslides li {



  margin:86px 0 0 0;

  }



}

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

/*

.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

*/



.banner1{

	background-image:url(../images/banner1-n.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

	padding:245px 0 245px 0;



}





		

/***************************************************/		

.banner2{

	background-image:url(../images/banner2-n.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

padding:245px 0 245px 0;



}




/***************************************************/		

.banner3{

	background-image:url(../images/banner3-n.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

	padding:245px 0 245px 0;



}





		

		





		

		

	/***************************************************/		

.banner4{

	background-image:url(../images/banner4-n.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

	padding:245px 0 245px 0;



}

		



/***************************************************/		

.banner5{

	background-image:url(../images/banner5-n.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

	padding:245px 0 245px 0;



}





	

	/***************************************************/		

			

	.banner6{

	background-image:url(../images/banner6-n.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-attachment: fixed; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover; 

	background-size: cover; 

	margin:0;

	padding:245px 0 245px 0;



}




		@media only screen and (max-device-width:480px), screen and (max-width: 480px) {

			.banner3{
				
					background-size:300%; 
				

			}
			
	.banner6{
				
					background-size:cover;
		
					background-position: -900px center;


			}

}






		

/******************* About Home *********************/


/**
#abohome{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-position:center top;
  min-height: 100%;
	
  

}
**/



.fullscreenbg{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width:100%;
  
  background-repeat:no-repeat;
  background-position:-300px 300px;
  background-size:cover;
  

}


.abohomecont{

	width: 100%;	


	min-width:310px;

	margin:0 auto 0px auto; 
	
	padding:8% 0 0 0;
	

	

	}

#bodylogo{
	width: 80%;	
	margin:0 auto;

	text-align:left;
		display:block;

	
	}
#bodylogo img{
	width: 90px;	
	display:block;
	float:left;
	margin:0px auto 20px auto;

	
	
	}	
	
.abohomecont h1{

	font-size:36px;

	margin:0 auto;

	text-align:left;
	
	width: 80%;	
color:#000000;
	padding: 15px 10% 2% 10%;


	line-height:1.4em;

	font-family: 'Abel', Tahoma, Geneva, sans-serif;

	


	

}
.abohomecont p{

	font-size:1.725em;

	margin:0 auto 0 auto;

	padding:140px 140px 140px 140px;

	text-align:center;

	color:#737373;

	line-height:1.4em;

	font-family: 'Abel', Tahoma, Geneva, sans-serif;

	

	display:block;

	

}



.abohomecont a:link{

	color:#b6a173;

	font-size:36px;

	text-decoration:none;

	}



.abohomecont a:visited{

	color:#b6a173;

	font-size:36px;

	text-decoration:none;

	}



.abohomecont a:hover{

	color:#C6B285;

	font-size:36px;

	text-decoration:underline;

	}

.abohomecont a:active{

	color:#C6B285;

	font-size:36px;
	
	text-decoration:underline;

	}	


		@media only screen and (min-device-width:1900px), screen and (min-width:1900px) {

			

			.fullscreenbg{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width:100%;
  
  background-repeat:no-repeat;
  background-position:-300px 500px;
  background-size:cover;

  

}	

}


		@media only screen and (max-device-width:1000x), screen and (max-width: 1000px) {

			

			.fullscreenbg{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width:100%;
  
  background-repeat:no-repeat;
  background-position:-300px 700px;
  background-size:cover;

	
  

}	

}


@media only screen and (max-device-width:500px), screen and (max-width: 500px) {
	


	.abohomecont a:link{

	font-size:36px;

	}



.abohomecont a:visited{

	font-size:36px;

	}



.abohomecont a:hover{

	font-size:36px;

	}

.abohomecont a:active{

	font-size:36px;

	}	

	

}



		@media only screen and (max-device-width:650px), screen and (max-width: 650px) {

			

			.fullscreenbg{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width:100%;
  
  background-repeat:no-repeat;
  background-position:-300px 900px;
  background-size:cover;

 
	
  

}	

		

	.abohomecont p{

	font-size:1.725em;

		padding:140px 80px 140px 80px;



	

	}

			

}





		@media only screen and (max-device-width:490px), screen and (max-width: 490px) {

			
		.fullscreenbg{

	

	background-image:url(../images/rg-home-bg.jpg);
  min-height: 100%;
	
  width:100%;
  
  background-repeat:no-repeat;
  background-position:-300px 1100px;
  background-size:cover;

	
  

}	
			

		

	.abohomecont p{

	font-size:1.225em;

		padding:90px 5px 90px 5px;



	

	}

			

}






.abohomecont_bottom{

	width: 99%;	

	max-width: 1300px;

	min-width:310px;

	margin:0 auto 0px auto; 	

	

	}



.abohomecont_bottom p{

	font-size:1.725em;

	margin:0 auto 0 auto;

	padding:140px 140px 140px 140px;

	text-align:center;

	color:#515151;

	line-height:1.4em;

	font-family: 'Abel', Tahoma, Geneva, sans-serif;

	

	display:block;

	

	

	

	



}



.abohomecont_bottom a:link{

	color:#b6a173;

	font-size:22px;

	text-decoration:none;

	}



.abohomecont_bottom a:visited{

	color:#b6a173;

	font-size:22px;

	text-decoration:none;

	}



.abohomecont_bottom a:hover{

	color:#C6B285;

	font-size:22px;

	text-decoration:underline;

	}

.abohomecont_bottom a:active{

	color:#C6B285;

	font-size:22px;

	text-decoration:underline;

	}	





@media only screen and (max-device-width:500px), screen and (max-width: 500px) {

	.abohomecont_bottom a:link{

	font-size:17px;

	}



.abohomecont_bottom a:visited{

	font-size:17px;

	}



.abohomecont_bottom a:hover{

	font-size:17px;

	}

.abohomecont_bottom a:active{

	font-size:17px;

	}	

	

}



		@media only screen and (max-device-width:650px), screen and (max-width: 650px) {

			

			

		

	.abohomecont_bottom p{

	font-size:1.725em;

		padding:140px 80px 140px 80px;



	

	}

			

}





		@media only screen and (max-device-width:490px), screen and (max-width: 490px) {

			

			

		

	.abohomecont_bottom p{

	font-size:1.225em;

		padding:90px 5px 90px 5px;



	

	}

			

}









/******************* Shapeshift / Thumb*********************/

	 

	 

 #thumbhold{

  position: relative;

	  /*border: 1px dashed #CCC;*/

  margin:0 auto 0 auto;

  width:96%;	

  min-width:320px;

  max-width: 920px;

  padding:0;

		

  }

	 

 #t1{

  float:left;

  width:30%;

  margin:0 31px 0 0px;

		 

  }

	 

 #t2{

  float:left;

  width:30%;

  margin:0 31px 0 0;

	}

	 

  #t3{

  float:left;

  width:30%;

	}

	 

  .thumb1  {

   width:100%;

   margin:0 0 32px 0; 	

   padding:0;

	 

    }

	

  .thumb2  {

   width:100%;

   margin:0 0 32px 0; 

   padding:0;

	 

    }

  

  .thumb3  {

   width:100%;

   margin:0 0 32px 0; 

   padding:0;

	 

    }

	



  .thumb1 img  {

   width:100%;	

	

	}

	

  .thumb2 img  {

		width:100%;	

	}

	

  .thumb3 img  {

		width:100%;		

	}

	

  .thumb1 img a:hover{

		opacity:1;

		

		}





		@media only screen and (max-device-width:700px), screen and (max-width: 700px) {

		

  #t1{

  float:left;

  width:28%;

  margin:0 35px 0 0;

		 

	}

	 

  #t2{

  float:left;

  width:28%;

  margin:0 35px 0 0;

	}

	 

  #t3{

  float:left;

  width:28%;

	}

	 

}



		@media only screen and (max-device-width:480px), screen and (max-width: 480px) {

	

  #t1{

  width:100%;

  margin:0 auto 0 auto !important;

		 

	}

	 

  #t2{

  width:100%;

  margin:0 auto 0 auto !important;

	}

	

  #t3{

  margin:0 auto 0 auto !important;

  width:100%;

	}

	 

	 

  .thumb1  {

  width:80%;

  margin:0 auto 32px auto !important; 	

  padding:0;

	 

    }

  .thumb2  {

  width:80%;

  margin:0 auto 32px auto !important; 

  padding:0;

	 

    }

  .thumb3  {

  width:80%;

  margin:0 auto 32px auto !important; 

  padding:0;

	 

    }

	 



}





.fade {

   opacity: 1;

   transition: opacity .25s ease-in-out;

   -moz-transition: opacity .25s ease-in-out;

   -webkit-transition: opacity .25s ease-in-out;

   -ms-transition: opacity .25s ease-in-out;

   -0-transition: opacity .25s ease-in-out;

   

   }



.fade:hover {

   opacity: 0.7;

      }







/******************* Nav responsive*********************/



#nav{



     width: 100%;



  float: right;

  margin: 0 0px 0 0;

}



.nav-collapse,

.nav-collapse ul {

  list-style: none;

  width: 100%;

  float: left;

  text-align:center;

}



.nav-collapse li {

  float: right;

  width: 100%;

  font-family: 'Muli', Arial, Helvetica, sans-serif;

  font-size: 17px;

 padding:3px 0 0 0;



}

.nav-collapse a:link{

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

  font-size: 17px;

    line-height: 1.7em;

	  

}



 .nav-collapse a:visited {

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

  font-size: 17px;

    line-height: 1.7em;

	  

}



  .nav-collapse a:hover {

    color: #C6B285;

	text-decoration: none;

  font-size: 17px;



	

}



 .nav-collapse a:active {

    color: #C6B285;

	text-decoration: none;

  font-size: 17px;



	

}





@media only screen and (max-device-width: 20000px), screen and (max-width: 20000px) {

#nav{



  width:170px;

  float: right;

  margin: 31px 0 0 0;
  

}



 #nav ul {



	 

 }

 

  .nav-collapse li {

	 

    width: 25%;

	margin:0 35px 0 0;

    

  }





 .nav-collapse a:link{

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

  font-size: 17px;

    line-height: 1.7em;

	  

}



 .nav-collapse a:visited {

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

  font-size: 17px;

    line-height: 1.7em;

	  

}



  .nav-collapse a:hover {

    color: #C6B285;

	text-decoration: none;

  font-size: 17px;



	

}



 .nav-collapse a:active {

    color: #C6B285;

	text-decoration: none;

  font-size: 17px;



	

}





}











@media only screen and (max-device-width: 751px), screen and (max-width: 751px) {





 #nav{



  width:100%;

	background: rgba(245, 245, 245, 0);



  position:relative;

  margin:0 !important;

  padding:0;

}

 



 

 

  .nav-collapse li {

	 

    width: 100%;



    margin:0; 

	border-bottom: 1px solid rgba(245, 245, 245, 0.150);

	padding:22px 0 22px 0px;

	text-align:left; 

	  font-size: 15px;



  }

  

  

  

    .nav-collapse a:link{

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

	  font-size: 15px;

    line-height: 1.7em;

	padding:22px 100% 22px 22px;



	  

}





  .nav-collapse a:visited {

    color: #3d3d3d;

    text-decoration: none;

    font-family: 'Abel', Arial, Helvetica, sans-serif;

	  font-size: 15px;

    line-height: 1.7em;



	  

}





  .nav-collapse a:hover {

    color: #C6B285;

	text-decoration: none;

	background-color:#ffffff !important;

	opacity:.9;

transition: opacity 3s ease-in-out;

   -moz-transition: opacity 3s ease-in-out;

   -webkit-transition: opacity 3s ease-in-out;

   -ms-transition: opacity 3s ease-in-out;

   -0-transition: opacity 3s ease-in-out;

}







 .nav-collapse a:active {

    color: #C6B285;

	text-decoration: none;

	background-color:#ffffff !important;

opacity:.9;

transition: opacity 3s ease-in-out;

   -moz-transition: opacity 3s ease-in-out;

   -webkit-transition: opacity 3s ease-in-out;

   -ms-transition: opacity 3s ease-in-out;

   -0-transition: opacity 3s ease-in-out;

}



  

  

}





@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

.nav-collapse li {

	 



	padding:20px 0 20px 0;



  }



}





@media only screen and (max-device-width: 385px), screen and (max-width: 385px) {

.nav-collapse li {

	 



	padding:20px 0 20px 0;



  }



}



 





 .js .nav-collapse {

  clip: rect(0 0 0 0);

  max-height: 0;

  position: absolute;

  display: block;

  overflow: hidden;

  zoom:0;

}



 .nav-collapse.opened {

  max-height: 9999px;

  width:100% !important;

  



}



 .nav-collapse.disable-pointer-events {

  pointer-events: none !important;

}



 .nav-toggle {

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  width: 24px;

  height: 24px;

  float: right;

  text-indent: -9999px;

  overflow: hidden;

  background: transparent url(../images/tog.png) no-repeat center center;

  

  position:absolute;

  top:-55px;

  left:20px;

  margin:0px 0px 0 0;

}









@media screen and (min-width: 752px) {





	

  .js .nav-collapse {

    position: relative;

  }

  .js .nav-collapse.closed {

    max-height: none;

  }

  .nav-toggle {

    display: none;

  }

  

  

}







@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

	

	.nav-toggle {

  top:-55px;

  left:20px;

}



	

	}







/******************* Footer Home Nav *********************/



  #footernavhold{

	

	width:100%;

	height:200px;

	background-color:#232323;

	

	

	}

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



 #footernavhold{

	

	width:100%;

	height:150px;

	background-color:#232323;

	}

	



}



  #footernavwrap {

	

	width: 96%;	

	max-width: 920px;

	min-width:320px;

	margin:0 auto 0px auto;

	padding: 0;



	}

	

	

#footernav{

	padding:50px 0 20px 0;

	float:left;

	width:30%;

	

	}





 #footernav ul{

	list-style:none;

	text-decoration: none;

    text-transform: none;

    font-family: 'Karla', Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 3em;

	 

	 }







   #footernav a:link, #footernav a:visited {

    color: #666666;

    text-decoration: none;

    text-transform: none;

    font-family: 'Karla', Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 1.7em;

	  

}



  #footernav a:hover, #footernav a:active {

    color: #C0BFBF;

	text-decoration: none;

    text-transform: none;



	

}









#footercont p{

   color: #666666;

    text-decoration: none;

    text-transform: none;

    font-family: 'Karla', Arial, Helvetica, sans-serif;

    font-size: 11px;

    line-height: 1.7em;

	letter-spacing:.9px;

	  

}





#footercont img{

	margin:20px 0 0 0;

	width:95px;

	

	}





@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {

#footercont img{

	margin:20px 0 0 0;

	

	}









}



@media only screen and (max-device-width: 580px), screen and (max-width: 580px) {

#footercont img{

	margin:20px 0 0 0;

	width:95px;

	

	}









}





#footercont{

	text-align:center;

	padding:60px 0 0 0;

	width:100%;



	}



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#footercont{

	text-align:center;

	padding:35px 0 0 0;

	width:100%;



	}

	

#footercont img{

	margin:20px 0 0 0;

	width:80px;

	

	}



	

	



}



@media only screen and (max-device-width: 380px), screen and (max-width: 380px) {

#footercont{

	text-align:center;

	padding:40px 0 0 0;

	width:100%;



	}

	

#footercont img{

	margin:12px 0 0 0;

	width:75px;

	

	}



}



  #footercont a:link, #footercont a:visited {

    color: #666666;

    text-decoration: none;

    text-transform: uppercase;

    font-family: 'Karla', Arial, Helvetica, sans-serif;

    font-size: 11px;

    line-height: 1.7em;

	letter-spacing:.9px;

	  

}



  #footercont a:hover, #footercont a:active {

    color: #aeaeae;

	text-decoration: none;

    text-transform: uppercase;



	

}







.fadelogofooter {

   opacity: .2;

   transition: opacity .25s ease-in-out;

   -moz-transition: opacity .25s ease-in-out;

   -webkit-transition: opacity .25s ease-in-out;

   -ms-transition: opacity .25s ease-in-out;

   -0-transition: opacity .25s ease-in-out;

   

   }



.fadelogofooter:hover {

   



	filter: alpha(opacity=50);

	opacity: 0.3;



   

      }







/******************* Footer *********************/



  #footerhold{

	

	width:100%;

	background-color:#232323;

	padding: 0 0 2% 0;

	

	

	}

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



 #footerhold{

	

	width:100%;

		padding: 0 0 3% 0;



	background-color:#232323;

	

	}

	



}



  #footerwrap {

	

	width: 96%;	

	max-width: 920px;

	min-width:320px;

	margin:0 auto 0px auto;

	padding: 0;



	}



  #footerup{

  width:50px;

  text-align:center;

  margin: 0px auto 0 auto;

 



  }



  #footerup img{

  margin: 25px auto 0 auto;

  width:100%;	



	}



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

  

  #footerup img{

  margin: 15px auto 0 auto;

  width:100%;	



	}



}







  .fadearrow {

   opacity: 1;

   transition: opacity .25s ease-in-out;

   -moz-transition: opacity .25s ease-in-out;

   -webkit-transition: opacity .25s ease-in-out;

   -ms-transition: opacity .25s ease-in-out;

   -0-transition: opacity .25s ease-in-out;

   

   }



  .fadearrow:hover {

   opacity: 0.3;

      }



/******************* Contact *********************/





#mainholder{

	padding-top:130px;

	}

	

@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {

#mainholder{

	padding-top:98px;

	}

		

}

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#mainholder{

	padding-top:95px;

	}

		

}



  #main {



  margin-right: auto;

  margin-left: auto;

  max-width: 920px;

  width:97%;

  margin-top:0px;

}







 #maincont {

 

 width: 97%;

 margin-left: 10px;

 font-family: 'Muli', Arial, Helvetica, sans-serif;

 font-size: 11px;

 line-height: 1.5em;

 color: #666;

 font-weight: 400;

 padding-top: 0;





 



}





@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {

  

  #main {

  margin-top:0px;



  }



}



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

  

  #main {

  margin-top:0px;



  }



}









 #submit {

 text-transform: uppercase;

 font-size: 9px;

 cursor: pointer;

 background: no-repeat;

 margin-top: 2px;

 border: 1px solid #666;

 text-align: center;

 width: 57px;

 float:left;



}



 #submit:hover {

 text-transform: uppercase;

 font-size: 9px;

 cursor: pointer;

 background: #ededed no-repeat;

 margin-top: 2px;

 border: 1px solid #666;

 text-align: center;

 width: 57px;

 display: block;



}



 #name {

 border: 1px ridge #d8d9d9;
width: 40%;


}



 #email {

 border: 1px ridge #d8d9d9;
width: 40%;



}



.error[generated=true] {

 color: #a20416;

}



 #response {

 margin-bottom: 20px;

 text-align: center;

}



 #response .success {

  color: #a20416;

}



 #response .failure {

 color: #a20416;

 

 

}



 .failure li {

 color: #a20416;

 list-style:none;

 font-weight:300;

 

 

}







 hr {

 width:100%;

 border-top: 1px dotted #d8d9d9;

 border-right-style: none;

 border-bottom-style: none;

 border-left-style: none;

 margin-top: 20px;

 margin-bottom: 12px;



}



 textarea {

 width:97%;

 height:110px;

 resize:none;

 border: 1px ridge #d8d9d9;

 overflow:auto;





}







/*******************  About *********************/



  #about {

 font-family: 'Muli', Arial, Helvetica, sans-serif;

 font-size: 12px;

 color: #666;

 font-weight: 400;
 margin: 0 0 0 0;

 width:100%;

 padding-top:0px;
}	





@media only screen and (max-device-width: 1108px), screen and (max-width:1108px) {

#about{

 padding-top:130px;

	}

	

}


	@media only screen and (max-device-width: 900px), screen and (max-width: 900px) {

#about{

 padding-top:130px;
 font-size: 12px;

	}

	

}



	@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {

#about{

 padding-top:98px;

	}

	

}





	@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#about{

 padding-top:93px;
	 font-size: 12px;


	}

	

}



  #about img {

	  width:100%;
margin: 0 auto;
	  display: block;
	  }



 #aboutleft {

width:25%;
margin:145px 0 0 0px;
	 float: left;



	
}


 #aboutleft img {
 width:275px;

}


 #aboutright {

 float: left;



 width:68%;
 margin:160px 0 0 0;

 padding:0 0 0 15px;

 line-height: 1.6em;



}



#addin{

	margin:12px 0 0 0;

	

	}



#addin img{

	float:left;

	width:28px;

	margin:0 12px 0 0;

	

	}







@media only screen and (max-device-width: 1108px), screen and (max-width: 1108px) {



#aboutleft {

 float: left;

 max-width:100%;

 width:99%;

 margin:5px 0 0 0px;



}



 #aboutright {

 float: left;

 

 width:90%;

 padding:0 0 0 0px;

 line-height: 1.5em;

 margin:9px 5px 0 25px;



}



 



}






/*******************  Featured Home *********************/




#feathold {
	
	width: 100%;	
	max-width: 1200px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	

	} 



#featleft{
    width:20%; 
	float:left;
	padding:80px 0 0 30px;
	text-align:left;
	color:#515151;
	font-family: 'Muli', Arial, Helvetica, sans-serif;
	display:block;
	font-size:16px;

	
	}
	
@media only screen and (max-device-width: 700px), screen and (max-width: 700px) {
	
	#featleft{
    width:100%; 
	float:left;
	padding:30px 0 30px 0;
	text-align:center;
	color:#515151;
	font-family: 'Muli', Arial, Helvetica, sans-serif;
	display:block;
	font-size:16px;
	

	
	}
	
}



	
	
#featleft img{
	width:60%;
	padding:20px 0 0 0;
	
	}	

@media only screen and (max-device-width: 700px), screen and (max-width: 700px) {
	#featleft img{
	width:80%;
	padding:20px 0 0 0;
	display:none;
	
	}
	
	}
	
	
#featright{
	float:right;
	width:70%;
	padding:0 0 0 0;

	}	
	
@media only screen and (max-device-width: 700px), screen and (max-width: 700px) {
#featright{
	float:right;
	width:100%;
	padding:0 0 0 0;
	margin:0;

	}	

}
@media only screen and (max-device-width: 400px), screen and (max-width: 400px) {
#featright{
	float:right;
	width:100%;
	padding:0 0 0 0;
	margin:0;

	}	

}	
#ftright1 img{
	width:100%;
	display:block;


	}	

#ftright2 img{
	width:100%;
	display:block;

	}	
	
#ftright3 img{
	width:100%;
	display:block;

	}	
			

#ftright1{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
		
	}


#ftright2{
	position:relative;
	width:60%;
	float:left;
	padding:0;
	margin:0;	
	}
	
#ftright3{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:0;	
	}


@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {
	
	#ftright1{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
		
	}
	#ftright2{
	width:60%;
	float:left;
	padding:0 ;
	margin:0 auto;
	}
	

	
	
	#ftright3{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:0;
	}
	
	
	#featright{
		background-color: #1a1a1a;

	}
	
	}

/*******************  Work *********************/

	

	

	

#workhold {

	

	width: 100%;	

	max-width: 100%;

	min-width:320px;

	margin:0 auto 0px auto;

	padding:115px 0 0 0;

	}

	

@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {



#workhold {

	

	width: 100%;	

	max-width: 999px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:86px 0 0 0;

	



	}



}

















@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



#workhold {

	

	width: 100%;	

	max-width: 999px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:86px 0 0 0;

	



	}



}

	

	

	 



#workright1{

	position:relative;

	width:100%;

	padding:0;

	margin:0;

		

	}



#workright1-1{

	position:relative;

	width:50%;

	float:left;

	padding:0;

	margin:0;	

	}

	

#workright1-2{

	position:relative;

	width:50%;

	float:left;

	padding:0;

	margin:0;	

	}

#workright2{

	position:relative;

	width:60%;

	float:left;

	padding:0;

	margin:0;	

	}

	

#workright3{

	position:relative;

	width:40%;

	max-width:100%;

	float:left;

	padding:0;

	margin:0;	

	}	

	

	

#workright4{

	position:relative;

	width:100%;

	padding:0;

	margin:0;

		

	}



#workright5{

	position:relative;

	width:40%;

	float:left;

	padding:0;

	margin:0;	

	}

	

#workright6{

	position:relative;

	width:60%;

	float:left;

	padding:0;

	margin:0;	

	}

#workright7{

	position:relative;

	width:33%;

	float:left;

	padding:0;

	margin:0;	

	}



#workright8{

	position:relative;

	width:100%;

	padding:0;

	margin:0;

	}

	

	

	

#workright1 img{

	width:100%;

	display:block;





	}	

#workright1-1 img{

	width:100%;

	display:block;





	}

#workright1-2 img{

	width:100%;

	display:block;





	}		

		

#workright2 img{

	width:100%;

	display:block;



	}	

	

#workright3 img{

	width:100%;

	display:block;



	}

	

#workright4 img{

	width:100%;

	display:block;



	}	

	



#workright5 img{

	width:100%;

	display:block;



	}		

	

	

	

#workright6 img{

	width:100%;

	display:block;



	}	

	

	



#workright7 img{

	width:100%;

	display:block;



	}	

	

	

#workright8 img{

	width:100%;

	display:block;



	}

	

	

/*******************  Work Gallery*********************/

	

	

	

#workholdgal_full {

	

	width: 100%;	

	max-width:100%;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0 0 0 0;

	



	}

@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {



#workholdgal_full {

	

	width: 100%;	

	max-width: 100%;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0 0 0 0;

	





	}



}



@media only screen and (max-device-width: 490px), screen and (max-width: 490px) {



#workholdgal_full {

	

	width: 100%;	

	max-width: 100%;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0 0 0 0;

	



	}



}



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



#workholdgal_full {

	

	width: 100%;	

	max-width: 100%;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0 0 0 0;

	



	}



}

		

	

	

#workholdgal {

	

	width: 100%;	

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	



	}

	



@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {



#workholdgal {

	

	width: 100%;	

	max-width: 1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	



	}



}	

	

	

	

	

#workrightgal1{

	width:100%;

	padding:0;

	margin:0;

		

	}		
	

#workrightgal1 img{

	width:100%;

	display:block;


	}	




#workrightgal_1500{

	width:100%;
	max-width: 1350px;

	padding:0;

	margin:0 auto;

		

	}		
	

#workrightgal_1500 img{

	width:100%;

	display:block;
		margin:0 auto;



	}	


	

	

#workrightgal2{

	width:100%;

	padding:0;

	margin:0;

		

	}		

	

	

	

	

#workrightgal2 img{

	width:100%;

	display:block;





	}			

	

	

	

#workholdgal3 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#f4f4f4;

	



	}

		

	

#workrightgal3{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal3 img{

	width:100%;

	display:block;





	}		

	

	

#workholdgal_full2 {

	

	width: 100%;	

	max-width:100%;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0 0 0 0;

	



	}

	

/************ bg color variation ************/	



#workholdgal4 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#EEEADF;

	



	}

		

	

#workrightgal4{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal4 img{

	width:100%;

	display:block;





	}		

	

#workholdgal5 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#EBEBEB;

	



	}

		

	

#workrightgal5{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal5 img{

	width:100%;

	display:block;





	}	

	

#workholdgal6 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#e4e4e4;

	



	}

		

	

#workrightgal6{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal6 img{

	width:100%;

	display:block;





	}	

	



#workholdgal7 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#dedede;

	



	}

		

	

#workrightgal7{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal7 img{

	width:100%;

	display:block;





	}	

	

#workholdgal8 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#e0dedc;

	



	}

		

	

#workrightgal8{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal8 img{

	width:100%;

	display:block;





	}	

	

	

#workholdgal9 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#edf3f2;

	



	}

		

	

#workrightgal9{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal9 img{

	width:100%;

	display:block;





	}	

	

	

#workholdgal10 {

	

	width: 100%;	

	

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0px 0 0 0;

	background-color:#E9E9E9;

	



	}

		

	

#workrightgal10{

	width:100%;

	max-width:1000px;

	min-width:320px;

	margin:0px auto 0px auto;

	padding:0;

	

		

	}		

	

	

	

	

#workrightgal10 img{

	width:100%;

	display:block;





	}	

	

	

	

#descriptionhold{

	

	width:100%;

	

		

	

	

}	



#descriptionhold p{

	min-width:250px;

	max-width:400px;

	

	text-transform: none;

	font-size:14px;

	padding-right:25px;

	line-height:23px;

	

	

		

	

	

}

	

	

#description{

	

    font-family: "Karla";

	font-size:14px;

	max-width:100%;

	margin:0 auto 0 auto;



	

	text-align:left;

    padding-left:40px;

	padding-top:15px;

    padding-bottom:20px;

	

	

	

	}	





@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {





	

#description{

	padding-left:20px;

	

	text-align:left;

	padding-top:15px;



	

	

	

	

	}





}





@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {





	

#description{

	padding-left:20px;

	

	text-align:left;

	padding-top:15px;



	

	

	

	

	}





}



@media only screen and (max-device-width: 385px), screen and (max-width: 450px) {





	

#description{

	padding-left:20px;

	

	text-align:left;

	padding-top:15px;



	

	

	

	

	}





}





#nextproj{

	

    font-family: "Karla";

	font-size:12px;

   	padding-left:40px;

	padding-top:20px;

    padding-bottom:20px;

	font-weight:bold; 

	color:#515151;

	

	

	

	}



@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {





	

#nextproj{

	padding-left:30px;

	text-align:left;

	

	

	}





}





@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {





	

#nextproj{

	padding-left:20px;

	text-align:left;

	

	

	}





}



#nextproj a{

	text-decoration:none;

	color:#A08F68; 

	font-size:16px;



	

	}

	

#nextproj a:hover{

	text-decoration:underline;

	color:#bba77a; 

	font-size:16px;



	

	

	

	}	

	

	

	

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {





	

.larger img{

	width:200%;

	

	

	}





}	

	

	

/***************hover image**************/	



	.text-content  {

  background: rgba(0,0,0,0.7);

  color: white;

  left: 0;

  position: absolute;

  top: 0;

   width: 100%;

  height:100%;

  opacity:0;

  -webkit-transition: opacity 500ms;

  -moz-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  transition: opacity 500ms;

  z-index:2000;

	}

 	

.view_p{

	color:#A08F68;

	text-decoration:none;

	font-size:14px;

	font-weight:bold;

	 display:none;

 

	}

	

@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.view_p{

	font-size:12px;

	display:inline-block;

	}

}





.view_p:hover{

	color:#c4b28e;

	text-decoration:underline;



}







.trigger{

position:relative;

width: 100%;

height:100%;

left: 0;

position: absolute;

top: 0;

z-index:3000;

}





@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.trigger{

 display:none;

 

 }







}



@media only screen and (device-width: 768px) {

  /* For general iPad layouts */

  .trigger{

 display:none;

 

 }

 .view_p{

	font-size:12px;

	display:inline-block;

	}

 

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

  /* For portrait layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

  /* For landscape layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}

	

	

 .text-content:hover{

  opacity: 1;

   width: 100%;

  height:100%;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-user-select: none;

-webkit-touch-callout: none



  

}	









/*



.text-content:active{

  opacity: 1;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-user-select: none;

-webkit-touch-callout: none

  

}	



.text-content:focus{

  opacity: 1;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-user-select: none;

-webkit-touch-callout: none

  

}	



*/



.title_hover{

	font-weight:bold; 

	color:#A08F68;

	 font-size:16px	

		

		}

	

		

		

.text-content p{

	padding:5% 0 0 5%;

	font-size:14px;

	

	}

	

.hover {

-webkit-user-select: none;

-webkit-touch-callout: none;        

}



@media only screen and (max-device-width: 430px), screen and (max-width: 430px) {

			

			.title_hover{

	

	 font-size:14px	

		

		}

			

			.text-content p{

				font-size:12px;

	

	}

			

			

			}

	

/************************/	

	

.text-content_s  {

  background: rgba(0,0,0,0.7);

  color: white;

  left: 0;

  position: absolute;

  top: 0;

   width: 100%;

  height:100%;

  opacity:0;

  -webkit-transition: opacity 500ms;

  -moz-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  transition: opacity 500ms;

  z-index:2000;

	}

 	

.view_p{

	color:#A08F68;

	text-decoration:none;

	font-size:14px;

	font-weight:bold;

	 display:none;

 

	}

	

@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.view_p{

	font-size:12px;

	display:inline-block;

	}

}





.view_p:hover{

	color:#c4b28e;

	text-decoration:underline;



}







.trigger{

position:relative;

width: 100%;

height:100%;

left: 0;

position: absolute;

top: 0;

z-index:3000;

}





@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.trigger{

 display:none;

 

 }







}



@media only screen and (device-width: 768px) {

  /* For general iPad layouts */

  .trigger{

 display:none;

 

 }

 .view_p{

	font-size:12px;

	display:inline-block;

	}

 

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

  /* For portrait layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

  /* For landscape layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}

	

	

 .text-content_s:hover{

  opacity: 1;

   width: 100%;

  height:100%;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-user-select: none;

-webkit-touch-callout: none;



  

}



.title_hover_s{

	font-weight:bold; 

	color:#A08F68;

	 font-size:16px	

		

		}

.text-content_s p{

	padding:5% 0 0 6%;

		 font-size:13px	



	}

	



		@media only screen and (max-device-width: 520px), screen and (max-width: 520px) {

			

			.title_hover_s{

	

	 font-size:14px	

		

		}

			

			.text-content_s p{

				font-size:12px;

	

	}

			

			

			}

			

/************************/	

	

.text-content_m  {

  background: rgba(0,0,0,0.7);

  color: white;

  left: 0;

  position: absolute;

  top: 0;

   width: 100%;

  height:100%;

  opacity:0;

  -webkit-transition: opacity 500ms;

  -moz-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  transition: opacity 500ms;

  z-index:2000;


	}

 	

.view_p{

	color:#A08F68;

	text-decoration:none;

	font-size:14px;

	font-weight:bold;

	 display:none;

 

	}

	

@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.view_p{

	font-size:12px;

	display:inline-block;

	}

}





.view_p:hover{

	color:#c4b28e;

	text-decoration:underline;



}







.trigger{

position:relative;

width: 100%;

height:100%;

left: 0;

position: absolute;

top: 0;

z-index:3000;

}





@media only screen and (max-device-width: 540px), screen and (max-width: 540px) {

.trigger{

 display:none;

 

 }







}



@media only screen and (device-width: 768px) {

  /* For general iPad layouts */

  .trigger{

 display:none;

 

 }

 .view_p{

	font-size:12px;

	display:inline-block;

	}

 

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

  /* For portrait layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

  /* For landscape layouts only */

  .trigger{

 display:none;

 

 }

 

 .view_p{

	font-size:12px;

	display:inline-block;

	}

}

	

	

 .text-content_m:hover{

  opacity: 1;

   width: 100%;

  height:100%;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-user-select: none;

-webkit-touch-callout: none



  

}



.title_hover_m{

	font-weight:bold; 

	color:#A08F68;

	 font-size:16px	

		

		}

.text-content_m p{

	padding:5% 0 0 6%;

		 font-size:13px	



	}

	





		@media only screen and (max-device-width: 520px), screen and (max-width: 520px) {

			

			.title_hover_m{

	

	 font-size:14px	

		

		}

			

			.text-content_m p{

				font-size:12px;

	

	}

			

			

			}

	
  .accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
	

	
/*exploration Shapeshift*/
	
  .container {
	  max-width: 1500px;
	  width: 95%;
	  min-width: 320px;
      position: relative;
	  margin: 0 auto 0 auto;
	  padding:0 0 0 0;
    }

    .container > div {
	 padding:0;
     background: #AAA;
     position: absolute;
	 display:block;
	 max-width:320px;
     width: 100%;
	 margin: 0 auto 0 auto;

    }

		@media only screen and (max-device-width: 320px), screen and (max-width: 320px) {
			
	.container > div {
	 max-width:400px;
	 display:block;
	 width: 100%;
	 margin: 0 auto 0 auto;


    }
}


    .container img{
	
	width: 100%;
	
}
  

.grid_hold{
		  width: 100%;
	  padding: 160px 0 30px 0;

	
}

		@media only screen and (max-device-width: 751px), screen and (max-width: 751px) {

.grid_hold{
		  width: 100%;
	  padding: 100px 0 30px 0;

	
}


}


.grid{
	
	 max-width: 1500px;
	  width: 95%;
	  min-width: 320px;
      position: relative;
	  margin: 0 auto 0 auto;
	  padding:0 0 0 0;
	
}






.grid_hold img{
	width:100%;
	display:block;
	margin: 0 auto 0 auto;

	
	
}	



.grid100 img{
	
	width:100%;
	display:block;
	margin: 0 auto 0 auto;
	height: auto;
	
	
	
}


/********NEW Featured blocks************/


#feathold-blocks {
		background-color:#f7f7f7;

	width: 100%;	

	}
	
	
#featright-blocks{
	background-color:#f7f7f7;
	max-width:1300px;
	width:95%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;

	}	
	

#ftright1-blocks img{
	width:100%;
	display:block;


	}	

#ftright2-blocks img{
	width:100%;
	display:block;

	}	
	
#ftright3-blocks img{
	width:100%;
	display:block;

	}	


#ftright4-blocks img{
	width:100%;
	display:block;

	}	
	
#ftright5-blocks img{
	width:100%;
	display:block;

	}	

	#ftright6-blocks img{
	width:100%;
	display:block;

	}	
		

#ftright1-blocks{
	position:relative;
		float:left;

	width:33%;
	padding:0;
	margin:5% 0 0 0;

		
	}


#ftright2-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:5% 0 0 0;
	}
	
#ftright3-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:5% 0 0 0;
	}



#ftright4-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 5% 0;	
	}
	
#ftright5-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 5% 0;	
	}

#ftright6-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 5% 0;	
	}


/**
@media only screen and (max-device-width: 1205px), screen and (max-width: 1205px) {

#ftright1-blocks{
	position:relative;
		float:left;

	width:40%;
	padding:0;
	margin:8% auto 0 5%;

		
	}


#ftright2-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 9%;	
	}

#ftright3-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 5%;
	}
	
#ftright4-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 9%;	
	}			
			
#ftright5-blocks{
	position:relative;
	display: block;
	width:40%;
	padding:0;
	margin:8% auto 10% 31%;	
	}			
					

}

**/

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#ftright1-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:3% auto 0 auto;

		
	}


#ftright2-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}

#ftright3-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
#ftright4-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
			
#ftright5-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
					
#ftright6-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 10% auto;	
	}
}

	
/********NEW Work blocks************/


#workhold-blocks {
		background-color:#f7f7f7;

	width: 100%;	
	padding:0 0 0 0;

	}
	
	
#work-blocks{
	background-color:#f7f7f7;
	max-width:100%;
	width:100%;
	padding:0px 0 0 0;
	margin:0 auto 0 auto;

	}	
	

#work1-blocks img{
	width:100%;
	display:block;


	}	

#work2-blocks img{
	width:100%;
	display:block;

	}	
	
#work3-blocks img{
	width:100%;
	display:block;

	}	


#work4-blocks img{
	width:100%;
	display:block;

	}	
	
#work5-blocks img{
	width:100%;
	display:block;

	}	

#work6-blocks img{
	width:100%;
	display:block;

	}	
		
#work7-blocks img{
	width:100%;
	display:block;


	}	

#work8-blocks img{
	width:100%;
	display:block;

	}	
	
#work9-blocks img{
	width:100%;
	display:block;

	}	


#work10-blocks img{
	width:100%;
	display:block;

	}	
	
#work11-blocks img{
	width:100%;
	display:block;

	}	

#work12-blocks img{
	width:100%;
	display:block;

	}	

#work13-blocks img{
	width:100%;
	display:block;

	}	

#work14-blocks img{
	width:100%;
	display:block;

	}	
#work15-blocks img{
	width:100%;
	display:block;

	}	
		
#work1-blocks{
	position:relative;
		float:left;

	width:100%;
	padding:0;
	margin:0 0 0 0;

		
	}


#work2-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;
	}
	
#work3-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;
	}



#work4-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}
	
#work5-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work6-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work7-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}
	
#work8-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work9-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}


#work10-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}
	
#work11-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work12-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work13-blocks{
	position:relative;
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;	
	}

#work14-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 5% 0;	
	}
#work15-blocks{
	position:relative;
	width:33%;
	float:left;
	padding:0;
	margin:0 0 5% 0;	
	}



/**
@media only screen and (max-device-width: 1205px), screen and (max-width: 1205px) {

#ftright1-blocks{
	position:relative;
		float:left;

	width:40%;
	padding:0;
	margin:8% auto 0 5%;

		
	}


#ftright2-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 9%;	
	}

#ftright3-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 5%;
	}
	
#ftright4-blocks{
	position:relative;
	width:40%;
	float:left;
	padding:0;
	margin:8% auto 0 9%;	
	}			
			
#ftright5-blocks{
	position:relative;
	display: block;
	width:40%;
	padding:0;
	margin:8% auto 10% 31%;	
	}			
					

}

**/

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#work1-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:1% auto 0 auto;

		
	}


#work2-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}

#work3-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
#work4-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
			
#work5-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
					
#work6-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
	
	#work7-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	

		
	}


#work8-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}

#work9-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
#work10-blocks{
	position:relative;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
			
#work11-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
					
#work12-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
	
	#work13-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}			
					
#work14-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 0 auto;	
	}
	
	#work15-blocks{
	position:relative;
	display: block;
	width:99%;
	padding:0;
	margin:0 auto 10% auto;	
	}
	
}

#workholdgal_full a:link{
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin:20px 0 20px 45px;
	padding:10px 0 0 0;
	text-transform:uppercase;
	display:inline-block;	
	
	
	}			
					
#workholdgal_full a:visited{
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin:20px 0 20px 45px;
	padding:10px 0 0 0;
	text-transform:uppercase;
	display:inline-block;		
	
	
	}		

					
#workholdgal_full a:hover{
	color:#4c4c4c;
	text-decoration:underline;
	font-size:14px;
	margin:20px 0 20px 45px;
	padding:10px 0 0 0;
	text-transform:uppercase;	
		display:inline-block;		

	
	
	}		
	
#workholdgal_full a:active{
	color:#4c4c4c;
	text-decoration:underline;
	font-size:14px;
	margin:20px 0 20px 45px;
	padding:10px 0 0 0;
	text-transform:uppercase;
		display:inline-block;		
	
	
	
	}		
	
	
@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {
	
	#workholdgal_full a:link{
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin:20px 0 20px 20px;
	padding:10px 0 0 0;
	text-transform:uppercase;
	display:block;	
	
	
	}			
					
#workholdgal_full a:visited{
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin:20px 0 20px 20px;
	padding:10px 0 0 0;
	text-transform:uppercase;	
	
	
	}		

					
#workholdgal_full a:hover{
	color:#4c4c4c;
	text-decoration:underline;
	font-size:14px;
	margin:20px 0 20px 20px;
	padding:10px 0 0 0;
	text-transform:uppercase;	
	
	
	}		
	
#workholdgal_full a:active{
	color:#4c4c4c;
	text-decoration:underline;
	font-size:14px;
	margin:20px 0 20px 20px;
	padding:10px 0 0 0;
	text-transform:uppercase;	
	
	
	}
	
	}
	
#emailfooter p{
	font-size:36px;

	margin:0 auto;

	text-align:left;
	
	width: 80%;	
color:#b6a173;
	padding: 25px 10% 150px 10%;


	line-height:1.4em;

	font-family: 'Abel', Tahoma, Geneva, sans-serif;
	
	}
	
	
#emailfooter a:link{

	color:#b6a173;

	font-size:36px;

	text-decoration:none;

	}



#emailfooter a:visited{

	color:#b6a173;

	font-size:36px;

	text-decoration:none;

	}



#emailfootera:hover{

	color:#C6B285;

	font-size:36px;

	text-decoration:none;

	}

#emailfooter a:active{

	color:#C6B285;

	font-size:36px;
	
	text-decoration:none;

	}