/* 
  ------------------------------------------------
    ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}
img {vertical-align: bottom;}
p
{
	margin:7px 0px;
	text-align: justify;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, 
progress, section, source, video {display:block;}
.zerogrid{ width: 1000px; position: relative; margin: 0 auto; padding: 0; text-align:center;}

.content-wrapper {
	margin: 0px;
	overflow: hidden;
	padding:0px;
}

/* ------------------Content------------------- */
#content {}
#content .top
{width:100%; height:auto; float:left; text-align:center; background-color: #000000; padding:15px 0px 22px 0px;
}
.top-inside
{
	width:100%; height:auto; float:left; text-align:left;}
.top-left
{
	width:40%;
	height:auto;
	float:left;
	text-align:left;
}

.top-right
{
	width:65%;
	height:auto;
	float:right;
	text-align:right; padding-top:8px;
}
.top-right h2.styleFontface
{
	font-family:oswald-light;
	font-size:40px;
	line-height:50px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; margin:0px; padding:0px;
}

#welcome{ height:600px; float:left; text-align:center; width:100%; background:url(../images/welcome-bg.jpg) center top no-repeat #FFF;}
  .welcome-inside { width:100%; height:auto; float:left; text-align:left; padding-top:60px;} 
.welcome-left { width:41%; height:auto; float:left; text-align:center; padding-left:25%; padding-top:110px;}

.form-box { width:28%; height: auto; float:right; text-align:left; background-color: #00a3d6; padding-left:3%; padding-right:3%; padding-bottom:30px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; padding-bottom:44px;}

.form-title { width:100%; height:auto; float:left; text-align:center; padding-top:26px; padding-bottom:30px;}
.form-title h2.styleFontface
{
	font-family:tr-impact;
	font-size:53px;
	line-height:56px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:uppercase;
}
.form-inside { width:100%; height:auto; float:left; text-align:left; font-size:16px; line-height:36px; color: #FFF; font-weight:bold;
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.input-box
{
width:95%;
height:24px;
font-size:16px;
line-height:24px;
color: #333333;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding-left:5%;
padding-top:10px;
padding-bottom:8px;
background-color: #FFF; border:none;
border:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input:focus
{
	outline:none;
}
.button {
	background: #99cc33;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:100%;
	text-decoration:none;
	margin-top:21px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius: 50px;
-moz-box-shadow: 0px 5px #669900;
-webkit-box-shadow: 0px 5px #669900;
box-shadow: 0px 5px #669900; 
}
.button:hover {
	background: #9cd42c;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:100%;
	text-decoration:none;
	margin-top:21px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius: 50px;
-moz-box-shadow: 0px 5px #669900;
-webkit-box-shadow: 0px 5px #669900;
box-shadow: 0px 5px #669900;
}

.services-box {  width:100%; height:auto; float:left; text-align:center; padding:70px 0px 64px 0px;}
.content-title { width:100%; height:auto; float:left; text-align:center;} .content-title p { margin:15px 0px 7px 0px; text-align:center;}
.services { width:100%; height:auto; float:left; text-align:left; padding-top:42px;} .services ul { margin:0px; padding:0px; list-style-type:none;}
.services ul li { width:30%; height:auto; float:left; text-align:center; margin-right:5%; display:block;}
.services ul li p { margin:7px 0px 7px 0px; text-align:center;}
.services ul li img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-bottom:16px;
}

.content-top-box { width:100%; height:auto; float:left; text-align:center; padding:70px 0px 76px 0px; background-color: #006699; color: #FFF;}
.content-inside { width:100%; height:auto; float:left; text-align:left; padding-top:32px;}
.content-top-left { width:36%; height:auto; float:left; text-align:left;}
.content-top-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:10px;
}
.content-top-right { width:60%; height:auto; float:right; text-align:left;} .content-top-right p { margin:7px 0px 7px 0px; text-align:left;}

.button2 {
	background: #99cc33;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:44%;
	text-decoration:none;
	margin-top:38px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius: 50px;
-moz-box-shadow: 0px 5px #669900;
-webkit-box-shadow: 0px 5px #669900;
box-shadow: 0px 5px #669900; 
}
.button2:hover {
	background: #9cd42c;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:44%;
	text-decoration:none;
	margin-top:38px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius: 50px;
-moz-box-shadow: 0px 5px #669900;
-webkit-box-shadow: 0px 5px #669900;
box-shadow: 0px 5px #669900;
}


.content-middle-box {width:100%; height:auto; float:left; text-align:center; padding:70px 0px 76px 0px; background-color: #00ccff;  color: #FFF;}
.content-middle-left { width:60%; height:auto; float:left; text-align:left;} .content-middle-left p { margin:7px 0px 7px 0px; text-align:justify;}
.content-middle-right { width:36%; height:auto; float:right; text-align:right;}
.content-middle-right img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:10px;
}

.featured-box { width:100%; height:auto; float:left; text-align:center; padding:70px 0px 78px 0px;}
.featured { width:100%; height:auto; float:left; text-align:left; padding-top:44px;} .featured ul { margin:0px; padding:0px; list-style-type:none;}
.featured ul li { width:25.8%; height:auto; float:left; text-align:center; display:block; margin-right:5%; padding-top:24px; padding-bottom:28px; border:1px solid #d0d0d0; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:2%; padding-right:2%;}

.testimonial-box { width:100%; height:auto; float:left; text-align:center; padding:70px 0px; background-color: #006699; color: #FFF;}
.testimonial { width:100%; height:auto; float:left; text-align:left; padding-top:38px;} .testimonial ul { margin:0px; padding:0px; list-style-type:none;}
.testimonial ul li { width:45%; height:auto; float:left; text-align:left; display:block; margin-right:10%;}
.testimonial-left { width:11%; height:auto; float:left; text-align:left;}
.testimonial-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:4px;
}
.testimonial-right { width:82.5%; height:auto; float:right; text-align:left;}
.testimonial-right h3.styleFontface
{
	font-family:simplifica;
	font-size:30px;
	line-height:36px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:none;
}


.clear
{
	clear:both;
}
/* ------------------Footer-------------------- */
footer .wrap-footer{ }
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color:#191919;
}
.footer-main-box
{
	width:100%; height:auto; text-align:center; float:left;  padding:38px 0px; 	font-size:14px;
	line-height:24px;
	color: #FFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
}
.footer-main-box a
{
	font-size:14px;
	line-height:24px;
	color: #99cc33;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
}
.footer-main-box a:hover
{
	font-size:14px;
	line-height:24px;
	color: #e4ff00;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
}
/*Heading styles*/
h1, h2, h3, h4 {
	margin: 0px;
	padding:0px;
}
@font-face
{
 font-family: 'oswald-bold';
 src: url(../oswald-bold.ttf)
}
@font-face
{
 font-family: 'oswald-light';
 src: url(../oswald-light.ttf)
}
@font-face
{
 font-family: 'angelina';
 src: url(../angelina.ttf)
}
@font-face
{
 font-family: 'tr-impact';
 src: url(../tr-impact.ttf)
}
@font-face
{
 font-family: 'simplifica';
 src: url(../simplifica.ttf)
}
h1.styleFontface
{
	font-family: tr-impact;
	font-size:72px;
	line-height:72px;
	color: #262525;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:uppercase;
}
h2.styleFontface
{
	font-family: tr-impact;
	font-size:48px;
	line-height:54px;
	color: #006699;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:uppercase;
}
h3.styleFontface
{
	font-family: tr-impact;
	font-size:48px;
	line-height:54px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:uppercase;
}
h4.styleFontface
{
	font-family:oswald-light;
	font-size:48px;
	line-height:52px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
}
h5.styleFontface
{
	font-family:angelina;
	font-size:48px;
	line-height:52px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; margin:0px; padding:0px;
}
.white-bold { color: #FFF; font-weight:bold; font-family: 'oswald-bold';}
.green { color: #669900;}