@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
dl,dt,dd,ul,ol,li,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}


table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}

q:before,q:after {
    content:'';
}

abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */




.spacer {
	height:60px;
		background-color:#94d500;

	margin:0 auto;}


.footercol {
	width:59.2%;
	height:auto;
	float:left;
}
.footercolr {
	width:28.6%;
	height:auto;
	float:right;
	text-align:right;}



#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}

.social {
	width:12%;
	display:block;
	margin-right:0%;
	margin-left:4%;
	margin-top:30px;
	float:right;
	}

.copywritewr {
	width:100%; 
	background-color:#000000;
	margin:0 auto;
	padding-top:20px;
	bottom:0px;
	}
	
.copywriteinner {
	max-width:750px;
	min-width:280px;
		font-size: 14px;
	color:#FFF;
	padding-bottom:15px;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		text-align:center;
		margin:0 auto;
		
}
	


/* Forms
 * --------------------------------------- */

#contact-area {
	width:100%;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	width: 75%;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 3px 0px 0px 0px;
	border: 0px solid #F2F2F2;
	line-height:2;
	color:#58595B;
	background-color:#F2F2F2;
	float:right;
	padding: 0 10px;
}
.g-recaptcha
{
	width: 75%;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 3px 0px 0px 0px;
	border: 0px solid #F2F2F2;			
	float:right;
	padding: 0 0px;
}
#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #94d500;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-left:25%;
	margin-bottom:0px;
	border: 2px solid #94d500 !important;
	background-color:#FFFFFF;
	color:#58595B;


}

label {
	float: left;
	text-align: left;
	margin-right: 5px;
	width: 20%;
	display:block;
	font-size: 14px;
	color:#58595B;
	font-family:	 Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding-top:10px;
}



.link{ display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin-bottom:2px; border:0px solid #fff; box-shadow:1px 1px rgba(0,0,0,0.05); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.link span{display:inline-block; padding:6px 9px 6px 10px; border:1px solid #999; cursor:pointer}
.link:hover .bgblue{background:#000;}
.link:hover .bgorange{background:#000;}
.link:hover .bgred{background:#000; border:1px solid #999}
.link:hover .bggreen{background:#000;}







/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}


/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}





/* Portrait and Landscape */
@media screen and (max-width: 750px) {		
	  
	  .header{
	width:100%; 
	background-color:#000000;
	position:fixed;
	height:110px;
	z-index:9999;
	top:0;}

.header-container {
	max-width:320px;
	min-width:280px;
	margin: 0 auto;
}

.toptext {
	width:100%;}

.banner-container {
width:87%;
	padding-top:180px;
	margin: 0 auto;
	z-index:50;
	text-align:left;


	padding-bottom:40px;
}

#bbox {
	width:90%;
	margin-top:80px;}


.about-background{ background:#2C2626;}
#services {
	width:30%;
	float:left;
	display:block;
		margin-top:180px;

}

	
.icon {
	width:20%;
	height:auto;
	margin:0px auto 0px auto;
	display:block;
	float:none;
	}
	
.service-text { width:100%; display:block;}

#footer  {
text-align:center;
}

#services4 h3 {
text-align:left;}

.social {
	width:12%;
	display:block;
	margin-right:3%;
	margin-left:0%;
	margin-top:0px;
	float:left;
	margin-bottom:0px;
	}

/* Forms
 * --------------------------------------- */

#contact-area {
	width:100%;
	margin-top: 20px;
}

#contact-area input, #contact-area textarea {
	padding: 0px;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 10px 0px;
	border: 2px solid #F2F2F2;
	line-height:2;
	color:#58595B;
	background-color:#F2F2F2;
	padding: 0 10px;

}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #94d500;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-left:.5%;
	margin-bottom:5px;
}

label {
	float: left;
	text-align: left;
	margin-right: 5px;
	width: 40%;
	display:block;
	font-size: 14px;
	color:#58595B;
	font-family:	 Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding-top:0px;
}



.link{ display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin-bottom:2px; border:0px solid #fff; box-shadow:1px 1px rgba(0,0,0,0.05); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.link span{display:inline-block; padding:6px 9px 6px 10px; border:1px solid #999; cursor:pointer}
.link:hover .bgblue{background:#000;}
.link:hover .bgorange{background:#000;}
.link:hover .bgred{background:#000; border:1px solid #999}
.link:hover .bggreen{background:#000;}



.stextnew {
	color:#FFFFFF;
	height:auto;
	}


.stext {
	background-color:#323132;
	color:#FFFFFF;
	height:auto;
	}
	
.stext h1 {
	font-size: 13px;
	color:#FFFFFF;
	line-height:16px;
	font-family: 'Michroma', sans-serif;
	text-align: center;
	padding-top:30px;
	padding-bottom:5px;
}
	
	.stext p {
		font-size: 15px;
	color:#FFFFFF;
	line-height:18px;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top:5px;
	padding-bottom:30px;
	padding-right:10%;
	padding-left:10%;
}

.gaptext{min-height:250px; height:auto;}

	#numb {
		width:25%;
		margin:0 auto;
		padding:20px 0 20px 0;
		}
	#numb2 {
		width:25%;
		margin:0 auto;
		padding:20px 0 20px 0;
	}

.sliderbox2 {
	float:right;
	width:100%;
	}


.sliderbox3 {
	float:left;
	width:40%;
	}

.slideshow{ width:80%; margin:0 auto; display:none;}

.slideshow2{ width:80%; margin:0 auto; display:block;}

#services3 {
	width:30%;
	margin-top:20px;
	float:left;
	display:block;
}

#services4 {
	margin-top:40px;
	display:block;
}




}