@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: Sansation;	
    src: url(fonts/SansationLight.woff);
}


/*F O O T E R 
			*/
			.mission-statement{  margin-right:4em; font-family:Sansation	}
			.footer-caption{ color:#fff; font-family:Sansation 	}
.pad-page-top{	padding:20px	}
.sunny-list{ list-style:none	}
.sunny-list li{ line-height:2em	}
.sunny-list li:before{ content:"\f185"; font-family: FontAwesome; padding-right:2em	}
.lower-bottom{	margin-bottom:0  }

.one-aside{	list-style:none; margin:3em 0 3em 0 }
.one-aside li{ float:left;	display:inline-block;	}
.one-aside-bold{ line-height:.8em; width:25%; text-align:right; margin-right:5%; 	
font-family:"Arial Black", Gadget, sans-serif; font-size:2em; color:#666; letter-spacing:-.17em	}
.one-aside-right{	 width:65%	}
.demo-list{	list-style:none	}
.demo-list li{ line-height:1.5em	}
.demo-list li:before{ content:"\f105"; font-family: FontAwesome; padding-right:2em	}

.specs{ list-style:none; }
.specs li{   clear:both;  }
.spec { width:50%; padding-left:1em; float:left;    }
.grey-bg{ background-color:#f1f1f1; display:block  	}


.indented{	margin:2% 5% 2% 10%; padding:2% 5% 2% 5%; border-left:2px solid #ccc; text-align:justify	}
.indented:before{	content:"\f10d"; font-family: FontAwesome;  position: relative; top: -0.5em; color:#444; font-style:normal		}
.indented:after{	content:"\f10e"; font-family: FontAwesome;   position: relative; top: -0.5em; color:#444; font-style:normal		}
.indented-quote{	font-style:italic; margin:2em	}




.statement{	display: table; margin:2em; font-style:italic; line-height:1.5em	}
.quoting{	display: table; margin:2em; font-style:italic; line-height:1.5em	}
.quoting:before{	content:"\f10d"; font-family: FontAwesome;  position: relative; top: -0.5em; color:#444; font-style:normal		}
.quoting:after{	content:"\f10e"; font-family: FontAwesome;   position: relative; top: -0.5em; color:#444; font-style:normal		}






@media  (min-width: 1px) {
	.solar-cartouche-right{ width:80%; display:table; float:none; border:1px solid #ccc; padding:2em;  margin:2em auto	}
	.solar-cartouche-right img{ width:100%; 	}

}
@media (min-width: 320px) {

}
@media (min-width: 480px) {

}
@media (min-width: 640px)  {

}
@media (min-width: 648px) {

}

@media (min-width: 768px)  { 

}
@media  (min-width: 992px)   {
	.solar-cartouche-right{ width:40%; display:table; float:right; border:1px solid #ccc; padding:2em; margin:2em 	}
		.img-100{	width:70%; margin:auto 15% auto 15%	}

}
@media  (min-width: 1048px)  {

}
			
			

.cartouche-home{  color:#777; background-color:#f8f8f8; 	}
.cartouche-home img{ width:100%; margin-bottom:2em }



@media all and (max-width: 590px) {
#footer-contact-div{	background-color:#fff; display:block;
 margin:1em;  
 padding:1em 5% 3em 5%;  
 }
}
@media all and (min-width:591px)  {
#footer-contact-div{	background-color:#fff; display:block;
 margin:1em;  
 padding:1em 20% 3em 20%;  
 }
}
input,textarea{  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #ccc; padding:12px;}
input[type='submit'] { background-color:#9A7E65; color:#FFF; border:none; padding:12px 22px 12px 22px   }
div{ margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif }
label{ color:#F90}
.wide-cf-field{   width:80%; padding:1em;  line-height:1em  	}
.narrow-cf-field{   width:40%; padding:1em; line-height:1em  	}

.arial-black{ font-family:"Arial Black", Gadget, sans-serif; 	}


#topcontrol {
  background: #65758e;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 100;
}
#topcontrol:hover {
  background: #72829b;
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}


