body{margin:0px auto;}
.header{width:100%; height:95px; margin:auto; background:#FFF;}
.header-inner{width:1000px; height:95px; margin:auto; background:#FFF; border:0px solid #000;}
.logo{width:300px; height:100px; margin:auto; float:left; border:0px solid #000;}
.qcon{width:300px; height:100px; margin:auto; float:right; border:0px solid #000;}

#bg { position: fixed; top: 0; left: 0; background-image:url(../images/bg-img.jpg); }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#menu{width:100%; height:45px; margin:-14px 0px 0px 0px;; background:none;}
#nav{ width:1000px; height:40px;  margin:auto; background:#5acef5;}
#nav ul{ list-style:none; padding:10px 0 0 2px;}
#nav ul li{ display:inline; margin:0px;}
#nav ul li a{ text-decoration:none; font-family:'Myriad Pro'; font-size:14px; color:brown; padding:10px 34px 11px 34px; margin:0px -1px 0 -2px; }
#nav ul li a:hover{ color:#fff; padding:12px 34px 11px 34px; margin:0px -1px 0 -2px; background:chocolate;}
#nav ul li.active a{ color:#fff; padding:12px 34px 11px 34px; margin:0px -1px 0 -2px; background:chocolate;}

.banner-wrap{ background:none; width:100%; margin:-21px 0px 0px 0px;}
.banner-wrap2{ background:#1e8162; width:100%; height:240px;}
.site{ width:1000px; margin-left:auto; margin-right:auto;}

.wapper-class{width:1000px; height:350px; margin:auto; border:0px solid #636363;}
.wapper-class h1{font-family:Verdana, Geneva, sans-serif; font-size:14px; margin:auto; color:#5acef5;}
.wapper-class p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:crimson;}

.services{width:250px; height:auto; margin:auto; float:left; border:0px solid crimson;}
.line{border-bottom:1px dotted red; width:245px; margin:auto;}
.line2{border-bottom:1px dotted red; width:725px; margin:auto;}
.services p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#000; line-height:25px;}
.welcome{width:730px; height:auto; margin:auto; float:right; border:0px solid crimson;}
.form{width:730px; height:500px; margin:auto; float:right; border:0px solid crimson;}
.welcome p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#000; line-height:25px; text-align:justify;}
.form p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#000; line-height:25px; text-align:justify;}

#latestproject{width:100%; height:150px; margin:auto; /*padding-top:330px;*/}
#latestproject-inner{width:1000px; height:150px; margin:auto; padding:60px 0px 0px 0px; border:0px solid #000;}

/*#footers{width:100%; height:71px; margin:auto; background:#282828;}*/
#footer{width:1000px; height:71px; margin:-5px auto; background:#282828;} 
#footer-left{width:400px; height:50px; margin:10px 0px 0px 5px; float:left;}
#footer-right{width:90px; height:25px; margin:13px 2px 0px 0px ; float:right; border:0px solid #FFF;}
#footer p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#FFF; line-height:25px;}
#footer-left a{text-decoration:none; color:#FFF;}

#footer-ser{width:1000px; height:71px; margin:215px 0px 0px 180px; background:#282828;}
#footer-left{width:400px; height:50px; margin:10px 0px 0px 5px; float:left;}
#footer-right{width:90px; height:25px; margin:13px 2px 0px 0px ; float:right; border:0px solid #FFF;}
#footer-ser p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#FFF; line-height:25px;}
#footer-left a{text-decoration:none; color:#FFF;}

#footer-gal{width:1000px; height:71px; margin:500px 0px 0px 180px; background:#282828;}
#footer-left{width:400px; height:50px; margin:10px 0px 0px 5px; float:left;}
#footer-right{width:90px; height:25px; margin:13px 2px 0px 0px ; float:right; border:0px solid #FFF;}
#footer-gal p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#FFF; line-height:25px;}
#footer-left a{text-decoration:none; color:#FFF;}

#footer-con{width:1000px;height:71px;margin: 190px 0px 0px 180px;background:#282828;}
#footer-left{width:400px; height:50px; margin:10px 0px 0px 5px; float:left;}
#footer-right{width:90px; height:25px; margin:13px 2px 0px 0px ; float:right; border:0px solid #FFF;}
#footer-con p{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:auto; color:#FFF; line-height:25px;}
#footer-left a{text-decoration:none; color:#FFF;}

#gal-img{width:233px; height:150px; margin:5px 0px 0px 6px; float:left; border:0px solid #000;}

.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	padding-bottom:5px;
	color: #012231;
	text-transform: uppercase;
}
.contact-form input[type="text"],.contact-form textarea{
		   padding: 8px;
			display: block;
			width: 98%;
			border: none;
			outline: none;
			color: #464646;
			font-size: 0.8125em;
			font-family: Arial, Helvetica, sans-serif;
			border: 1px solid rgba(85, 85, 85, 0.19);
			-webkit-appearance:none;
}
.contact-form textarea{
		resize:none;
		height:85px;		
}
.contact-form input[type="submit"]{
	font-family: 'Roboto', sans-serif;
	background: #fe0000;
	color: #d6d6d6;
	padding: 15px 40px;
	font-size: 0.875em;
	text-transform: uppercase;
	display: block;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
}
.contact-form input[type="submit"]:hover{
	background: #a90707;
	color: #FFF;
}
.contact-form input[type="submit"]:active{
	background: #289cd8;
	color: #FFF;	
}