html, body, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
a{text-decoration:none;color:#8f8f8f;}
ol, ul {list-style: none;}
a img {border:none}
body{font-family :Verdana, Geneva, sans-serif; font-size:14px; overflow-x: hidden;}
p {margin-bottom:7px;}
a, p a {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;position:relative;}

#header{ width:1000px; margin:0 auto;}
.clr{ clear:both;}
.logo{ width:30%; float:left; margin:10px 0px 10px 0px;}
.navigation{ width:55%; float:right; margin:32px 0px 0px 0px;}
#middle_section{ width:100%; background:url(../images/mid_back.png) repeat; min-height:1023px;}
.middle_main{ width:1000px; margin:0 auto;}
.banner_bottom{ width:100%; margin:7px 0px 0px 0px;}
.section{ width:32%; float:left; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 10px 0px 0px;}
.section h1{background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */ padding:2px 0px 2px 0px;color:#fff; font-family:Georgia; font-weight:bold; text-transform:uppercase; font-size:16px; }
.section h1 img{ vertical-align:middle; margin:0px 8px 0px 8px;}
.section p{ font-size:12px; font-family:Verdana; color:#3a3a3a; padding:10px; line-height:19px;}
.section span{ margin:0px 112px 0px 112px;}

.section1{ width:33.3%; float:left; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 0px 0px;}
.section1 h1{background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */ padding:2px 0px 2px 0px;color:#fff; font-family:Georgia; font-weight:bold; text-transform:uppercase; font-size:16px; }
.section1 h1 img{ vertical-align:middle; margin:0px 8px 0px 8px;}
.section1 p{ font-size:12px; font-family:Verdana; color:#3a3a3a; padding:10px; line-height:19px;}
.section1 span{ margin:0px 112px 0px 112px;}

.content_section{ width:100%; margin:7px 0px 0px 0px;}
.content{ width:65.2%; float:left; background:#fff; border:1px solid #8a8a8a;}
.inner_content{ width:100%; float:left; background:#fff; }
.content h1{ font-size:30px; font-family:Archivo Narrow; font-style:italic; font-weight:bold; color:#212121; padding:10px;}
.border{ width:97%; margin:0px 10px 0px 10px; background:url(../images/dot.png) repeat-x; height:4px;}
.content p{ font-size:12px; font-family:Verdana; padding:10px; color:#3a3a3a; line-height:20px;}
.inner_content p{ font-size:12px; font-family:Verdana; padding:10px 10px 10px 10px; text-align:justify; color:#3a3a3a; line-height:20px;}
.form{ width:33.3%; float:right; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 0px 0px;}
.form h1{background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */ padding:8px 0px 8px 0px;color:#fff; text-align:center; font-family:Georgia; font-weight:bold; text-transform:uppercase; font-size:16px; }
.form input[type="text"]{ width:90%; margin:12px 0px 0px 12px; color:#3c3c3c; font-size:11px; border:1px solid #c2c2c2; padding:6px 0px 6px 5px;}
.form textarea{ width:90%; margin:10px 0px 15px 12px; color:#3c3c3c; font-size:11px; border:1px solid #c2c2c2; padding:7px 0px 16px 5px;}
.form span{ margin:0px 0px 0px 12px;}
.gallery{ width:99.8%; margin:7px 0px 0px 0px; border:1px solid #acacac; padding-bottom:0px; background:#fff;}
.gallery h1{font-size:18px; font-family:verdana; font-style:italic; font-weight:bold; color:#212121; padding:7px 0px 5px 10px;}
.sliding{ width:99%; border:1px solid #acacac; margin:0px 0px 0px 4px;}

#footer_back{ width:100%; margin:0px 0px 0px 0px; background:#444242; padding:0px 0px 10px 0px;}
.footer_main{ width:1000px; margin:0 auto;}
.services{ width:22%; float:left; margin:15px 30px 0px 12px;}
.services h1{ color:#fff; font-size:12px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:6px;}
.services ul{ margin:0px; padding:0px; list-style-type:none;}
.services ul li{ display:block;  color:#998d8d; background:url(../images/footer_arrow.png) no-repeat left 6px;}
.services ul li a{ color:#c5c4c4; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:23px; padding-left:15px;}
.services ul li a:hover{ color:#fff;}
.services input[type="text"]{ width:90%; margin:7px 0px 5px 0px; padding:5px 0px 4px 0px; color:#797272;}
.services span{ float:left; margin:10px 0px 10px 0px; width:100%;}
.services1{ width:23%; float:left; margin:15px 0px 0px 10px;}
.services1 h1{ color:#fff; font-size:12px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:6px;}
.services1 p{font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#c5c4c4; line-height:19px;padding:10px 0px;}
.services1 img{ margin:0px 2px 10px 0px;}
.services2{ width:18%; float:right; margin:15px 0px 0px 0px;}
.services2 h1{ color:#fff; font-size:12px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:6px;}
.services2 p{ color:#c5c4c4; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:23px; padding:10px 0px; }
.border_bottom{ width:100%; background:url(../images/heading.png) repeat-x; height:2px;}

.footer_info{ width:1000px; margin:0 auto;}
.footer_left{ width:50%; float:left;}
.footer_left p{ font-size:12px; font-family:Arial,Helvetica,sans-serif;color:#b8b4b4; padding:10px 0px 0px 0px; }

.footer_right p{ font-size:12px; font-family:Arial,Helvetica,sans-serif;color:#b8b4b4; padding:10px 0px 0px 0px; }
.footer_menu{ width:38%; float:right; margin:10px 0px 0px 0px;}
.footer_menu ul{ margin:0px; padding:0px; list-style-type:none;}
.footer_menu ul li{ display:inline;}
.footer_menu ul li a{ font-size:12px; padding:0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; color:#c5c4c4}
.footer_menu ul li a:hover{ color:#fff;}

.project_gal{width: 100%; float:left;}
.img { float: left;  /*height: 144px;*/ width:200px; margin: 20px 0 0 15px; max-width: 100%;}
.img p{ text-align:center; font-size:12px; font-weight:900;}
.img a img { border: 5px solid #D2E4EA;}
.img a img:hover{border:5px solid #RED;}
   



/*****************************inner*************************************/
.inner_banner{ width:100%; padding-top:5px;}
.content_section1{ width:100%; margin:7px 0px 10px 0px; background:#fff;border:1px solid #8a8a8a; padding-bottom:35px; height:auto;}
.content1{ width:65%; float:left; margin:10px 0px 0px 0px;}
.content1 h1{ font-size:30px; font-family:Archivo Narrow;font-style:italic;font-weight:bold;color:#212121;padding:0px 0px 5px 10px;}
.form_top{ width:100%;}
.main_fome{ width:33.5%;float:right; margin:16px 0px 0px 0px;}
.form1{ width:89%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:10px 20px 0px 0px;}
.form1 h1{background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d4d4d 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d4d4d 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */ padding:8px 0px 8px 0px;color:#fff; text-align:center; font-family:Georgia; font-weight:bold; text-transform:uppercase; font-size:16px; }
.form1 input[type="text"]{ width:90%; margin:12px 0px 0px 12px; color:#3c3c3c; font-size:11px; border:1px solid #c2c2c2; padding:6px 0px 6px 5px;}
.form1 textarea{ width:90%; margin:10px 0px 15px 12px; color:#3c3c3c; font-size:11px; border:1px solid #c2c2c2; padding:7px 0px 16px 5px;}
.form1 span{ margin:0px 0px 0px 12px;}
.form_top img{ margin-bottom:10px;}
.contact{ width:96%; background:#f2f2f2; height:auto; padding-bottom:110px; border:1px solid #bbbbbb; border-radius:5px; margin:40px 0px 0px 10px}
.contact img{ margin:-10px 0px 0px 8px;}
.contact_left{ width:80%; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 10px;}
.contact input[ type="text"]{ width:62%;margin:0px 0px 15px 100px; padding:4px;}
.contact select{ width:62%;margin:0px 0px 15px 100px; padding:5px;}
.contact textarea{ width:62%;margin:-16px 0px 15px 156px; padding:5px; height:125px;}
.contact span{ float:right; /*margin:35px 15px 10px 105px;*/}



.services1 a {color: #C5C4C4;
    display: inline-block;
    font-family: Tahoma;
    font-size: 12px;
   
}

/*****************************inner*************************************/


@media screen 
    and (min-width : 240px) 
    and (max-width : 360px){
		
#header{ width:98%; margin:0 auto;}
.logo{ width:100%;  margin:10px 0px 10px 0px;}
.navigation{ width:100%;margin:32px 0px 0px 0px;}
.middle_main{ width:98%; margin:0 auto;}
#middle_section{ width:100%; background:none;}
.section{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 16px 10px 0px;}
.section1{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
.content{ width:100%; background:#fff; border:1px solid #8a8a8a; margin-bottom:10px;}
.form{ width:100%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
#footer_back{ width:100%; margin:185px 0px 0px 0px; background:#444242; padding:0px 0px 10px 0px;}
.footer_main{ width:98%; margin:0 auto;}
.services{ width:95%; margin:35px 12px 0px 12px;}
.services1{ width:95%; margin:15px 12px 0px 12px}
.services2{ width:90%; margin:15px 12px 0px 12px}
.footer_info{ width:98%; margin:0 auto;}
.footer_left{ width:95%;}
.footer_menu{ width:95%;margin:20px 0px 0px 0px;}

.content1{ width:100%; margin:10px 0px 0px 0px;}
.main_fome{ width:100%; margin:20px 0px 0px 0px;}
.content_section1{ width:99%; margin:7px 0px 10px 0px; background:#fff;border:1px solid #8a8a8a; padding-bottom:35px; height:auto;}
.contact textarea{ width:62%;margin:-16px 0px 15px 100px; padding:5px; height:125px;}
.contact_left{ width:69%; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 10px;}
.contact span{ float:right; margin:35px 0px 0px 70px;}
.contact{ width:93%; background:#f2f2f2; height:auto; padding-bottom:110px; border:1px solid #bbbbbb; border-radius:5px; margin:40px 0px 0px 10px}



    }
	
	
@media screen 
    and (min-width :361px) 
    and (max-width :600px){
		
#header{ width:98%; margin:0 auto;}
.logo{ width:100%;  margin:10px 0px 10px 0px;}
.navigation{ width:100%;margin:32px 0px 0px 0px;}
.middle_main{ width:98%; margin:0 auto;}
#middle_section{ width:100%; background:none;}
.section{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 16px 10px 0px;}
.section1{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
.content{ width:100%; background:#fff; border:1px solid #8a8a8a; margin-bottom:10px;}
.form{ width:100%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
#footer_back{ width:100%; margin:210px 0px 0px 0px; background:#444242; padding:0px 0px 10px 0px;}
.footer_main{ width:98%; margin:0 auto;}
.services{ width:95%; margin:15px 12px 0px 12px;}
.services1{ width:95%; margin:15px 12px 0px 12px}
.services2{ width:95%; margin:15px 12px 0px 12px}
.footer_info{ width:98%; margin:0 auto;}
.footer_left{ width:95%;}
.footer_menu{ width:95%;margin:10px 0px 0px 0px;}


.content1{ width:100%; margin:10px 0px 0px 0px;}
.main_fome{ width:96%; margin:20px 0px 0px 0px;}
.content_section1{ width:99%; margin:7px 0px 10px 0px; background:#fff;border:1px solid #8a8a8a; padding-bottom:35px; height:auto;}
.contact textarea{ width:62%;margin:-16px 0px 15px 100px; padding:5px; height:125px;}
.contact_left{ width:94%; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 10px;}
.contact span{ float:right; margin:35px 0px 0px 70px;}
.contact{ width:93%; background:#f2f2f2; height:auto; padding-bottom:110px; border:1px solid #bbbbbb; border-radius:5px; margin:40px 0px 0px 10px}
.contact input[ type="text"]{ width:62%;margin:0px 0px 15px 45px; padding:5px;}


}


@media screen 
    and (min-width :551px) 
    and (max-width :767px){
		
#header{ width:98%; margin:0 auto;}
.logo{ width:100%;  margin:10px 0px 10px 0px;}
.navigation{ width:100%;margin:32px 0px 0px 0px;}
.middle_main{ width:98%; margin:0 auto;}
#middle_section{ width:100%; background:none;}
.section{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 16px 10px 0px;}
.section1{ width:100%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
.content{ width:100%; background:#fff; border:1px solid #8a8a8a; margin-bottom:10px;}
.form{ width:100%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
#footer_back{ width:100%; margin:220px 0px 0px 0px; background:#444242; padding:0px 0px 10px 0px;}
.footer_main{ width:98%; margin:0 auto;}
.services{ width:45%; margin:15px 12px 0px 12px;}
.services1{ width:47%; margin:15px 10px 0px 10px}
.services2{ width:47%; margin:15px 12px 0px 0px}
.footer_info{ width:98%; margin:0 auto;}
.footer_left{ width:95%;}
.footer_menu{ width:95%;margin:10px 0px 0px 0px;}
.banner_bottom{ width:65%; margin:7px 0px 0px 85px;}
.content_section{ width:65%; margin:7px 0px 0px 85px;}

.content1{ width:100%; margin:10px 0px 0px 0px;}
.main_fome{ width:63%; margin:20px 80px 0px 0px;}
.content_section1{ width:99%; margin:7px 0px 10px 0px; background:#fff;border:1px solid #8a8a8a; padding-bottom:35px; height:auto;}
.contact textarea{ width:62%;margin:-16px 0px 15px 155px; padding:5px; height:125px;}
.contact_left{ width:96%; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 10px;}
.contact span{ float:right; margin:35px 0px 0px 70px;}
.contact{ width:93%; background:#f2f2f2; height:auto; padding-bottom:110px; border:1px solid #bbbbbb; border-radius:5px; margin:40px 0px 0px 10px}
.contact input[ type="text"]{ width:62%;margin:0px 0px 15px 99px; padding:5px;}

}



@media screen 
    and (min-width :768px) 
    and (max-width :1000px){
		
#header{ width:98%; margin:0 auto;}
.logo{ width:100%;  margin:10px 0px 10px 0px;}
.navigation{ width:100%;margin:32px 0px 0px 0px;}
.middle_main{ width:98%; margin:0 auto;}
#middle_section{ width:100%; background:none;}
.section{ width:31%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 22px 10px 0px;}
.section1{ width:31%;border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
.content{ width:65%; background:#fff; border:1px solid #8a8a8a; margin-bottom:10px;}
.form{ width:31%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:0px 0px 10px 0px;}
#footer_back{ width:100%; margin:55px 0px 0px 0px; background:#444242; padding:0px 0px 10px 0px;}
.footer_main{ width:98%; margin:0 auto;}
.services{ width:45%; margin:15px 12px 0px 12px;}
.services1{ width:50%; margin:15px 7px 0px 10px}
.services2{ width:46%; margin:15px 12px 0px 0px}
.footer_info{ width:98%; margin:0 auto;}
.footer_left{ width:50%;}
.footer_menu{ width:50%;margin:10px 0px 0px 0px;}
.banner_bottom{ width:100%; margin:7px 0px 0px 0px;}
.content_section{ width:100%; margin:7px 0px 0px 0px;}


.content1{ width:59%; margin:10px 0px 0px 0px;}
.main_fome{ width:41%; margin:93px 0px 0px 0px;}
.content_section1{ width:99%; margin:7px 0px 10px 0px; background:#fff;border:1px solid #8a8a8a; padding-bottom:100px; height:auto;}
.contact textarea{ width:62%;margin:-16px 0px 15px 115px; padding:5px; height:125px;}
.contact_left{ width:96%; font-size:15px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 10px;}
.contact span{ margin:35px 0px 0px 70px;}
.contact{ width:90%; background:#f2f2f2; height:auto; padding-bottom:110px; border:1px solid #bbbbbb; border-radius:5px; margin:40px 0px 0px 10px}
.form1{ width:97%; border:1px solid #acacac;height:auto;padding-bottom:10px;background:#fff;margin:10px 20px 0px 0px;}
.contact input[ type="text"]{ width:62%;margin:0px 0px 15px 60px; padding:5px;}
.contact img{ margin:-10px 20px 0px 0px;}


}