@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, 
thead, article, aside, canvas, details, embed, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, 
audio, video 
{
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-size : 100%;
	vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display : block;
}
nav ul 
{
	list-style : none;
}
blockquote, q 
{
	quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after 
{
	content : '';
	content : none;
}
a 
{
	margin : 0;
	padding : 0;
	font-size : 100%;
	vertical-align : baseline;
	background : transparent;
}
ins 
{
	background-color : #ff9;
	color : #000;
	text-decoration : none;
}
mark 
{
	background-color : #ff9;
	color : #000;
	font-style : italic;
	font-weight : bold;
}
del 
{
	text-decoration : line-through;
}
abbr[title], dfn[title] 
{
	border-bottom : 1px dotted;
	cursor : help;
}
table 
{
	border-collapse : collapse;
	border-spacing : 0;
}
hr 
{
	display : block;
	height : 1px;
	border : 0;
	border-top : 1px solid #cccccc;
	margin : 1em 0;
	padding : 0;
}
input, select 
{
	vertical-align : middle;
}
* 
{
	margin : 0;
	padding : 0;
}
body 
{
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 14px;
}
.topwrap
{
	background-color:#fff;
	height:40px;
	width:100%;
	margin:0 auto;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: inset 0 -5px 20px 1px #eee;
}
.top
{
	height:40px;
	width:1020px;
	margin:0 auto;
}
.phone
{
	height:15px;
	width:100px;
	position:relative;
	top:10px;
	left:0px;
	float:left;
	color:#666;
	font-size:11px;
}
.mail
{
	height:15px;
	width:100px;
	position:relative;
	top:10px;
	left:10px;
	float:left;
	color:#666;
	font-size:11px;
}
.searchwrap
{
	height:40px;
	width:300px;
	position:relative;
	top:0px;
	left:180px;
	float:left;
	color:#666;
	font-size:11px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	background-position:265px;
}
.searchwrap input
{
	width:235px;
	padding:5px 8px;
	position:relative;
	top:5px;
	left:10px;	
	border:none;
	outline:none;
	background-color:transparent;
	color:#666;
}
.social
{
	height:30px;
	width:150px;
	position:relative;
	top:0px;
	right:0px;
	float:right;
	clear:right;
	color:#666;
	font-size:11px;
}
.icon1
{
	background-image:url(images/fb.png);
	height:30px;
	width:30px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	cursor:pointer;
}
.icon2
{
	background-image:url(images/tw.png);
	height:30px;
	width:30px;
	position:relative;
	top:0px;
	left:10px;
	float:left;
	cursor:pointer;
}
.icon3
{
	background-image:url(images/in.png);
	height:30px;
	width:30px;
	position:relative;
	top:0px;
	left:20px;
	float:left;
	cursor:pointer;
}
.icon4
{
	background-image:url(images/g.png);
	height:30px;
	width:30px;
	position:relative;
	top:0px;
	left:30px;
	float:left;
	cursor:pointer;
}
.headerwrap
{
	background-color:#fff;
	height:100px;
	width:100%;
	margin:0 auto;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: inset 0 -5px 20px 1px #eee;
}
.header
{
	height:80px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.logo
{
	height:60px;
	width:32px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}
.logotxt
{
	height:60px;
	width:260px;
	position:relative;
	top:20px;
	left:20px;
	float:left;
	color:#3eade6;
	font-size:36px;
	font-weight:normal;

}
.nav
{
	height:25px;
	width:435px;
	position:relative;
	top:10px;
	right:0px;
	float:right;
	clear:right;
	color:#666;
}
.nav li
{
	list-style-type:none;
	float:left;
	margin-right:30px;
	height:20px;
	width:auto;
	padding:5px;
	cursor:pointer;
}
.nav li a
{
	color:#666;
	text-decoration:none;
}
.nav li:hover
{
	border-bottom:2px solid #3eade6;
}
.active
{
	border-bottom:2px solid #3eade6;
}
.bannerwrap
{
	height:500px;
	width:100%;
	margin:0 auto;
	position:relative;
	margin-top:10px;
}
.banner
{
	height:500px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:0px;
}
.middlewrap
{
	background-color:#fff;
	height:140px;
	width:100%;
	margin:0 auto;
}
.middle
{
	height:140px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:0px;
}
.middle_box
{
	height:100px;
	width:238px;
	position:relative;
	top:20px;
	margin-right:20px;
	float:left;
}
.middle_box .img
{
	background-image:url(images/img.png);
	height:40px;
	width:40px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}
.middle_box .txt
{
	height:100px;
	width:160px;
	position:relative;
	top:0px;
	left:25px;
	float:left;
}
.middle_box .txt h2
{
	color:#2891c8;
}
.middle_box .txt p
{
	position:relative;
	top:10px;
	color:#666;
	font-size:12px;
	line-height:18px;
}
.bottomwrap
{
	background-color:#fff;
	height:250px;
	width:100%;
	margin:0 auto;
	border-bottom: 1px solid #e5e5e5;
}
.bottom
{
	height:220px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.bottom h2
{
	color:#000;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	float:left;
}
.bottom .line
{
	width:905px;
	position:relative;
	top:8px;
	float:left;
	left:20px;
	border-top:1px dashed #666;
}
.bottom .work
{
	width:1020px;
	height:180px;
	position:relative;
	top:20px;
	float:left;
	clear:left;
	left:0px;
}
.work_box
{
	border:1px solid #ccc;
	height:180px;
	width:238px;
	position:relative;
	top:0px;
	margin-right:20px;
	float:left;
	border-radius:5px;
}
.work_box .img
{
	height:120px;
	width:238px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}
.work_box .img:hover
{
	opacity:0.8;
}
.work_box .txt
{
	border-top:4px solid #f5f5f5;
	background-color:#f5f5f5;
	height:55px;
	width:238px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}
.work_box .txt:hover
{
	border-top:4px solid #3eade6;
}
.work_box .txt h2
{
	position:relative;
	left:10px;
	top:5px;
	font-size:10px;
	font-weight:bold;
}
.work_box .txt p
{
	float:left;
	position:relative;
	top:10px;
	font-size:12px;
	left:10px;
	color:#666;
}
.footerwrap
{
	background-color:#3eade6;
	height:50px;
	width:100%;
	margin:0 auto;
	border-bottom: 1px solid #e5e5e5;
}
.footer
{
	height:20px;
	width:1020px;
	margin:0 auto;
	position:relative;
	color:#fff;
	top:15px;
}
.footer a
{
	color:#fff;
	text-decoration:none;
}







/*****************************************************************************************************************************/


.certi
{
	height:200px;
	width:980px;
	margin:0 auto;
	position:relative;
	top:40px;
}
.certi img
{
	height:150px;
	width:105px;
	border:1px solid #ccc;
	margin-right:20px;
}
.aboutwrap
{
	background-color:#fff;
	height:691px;
	width:100%;
	margin:0 auto;
}
.about
{
	border:1px solid #ccc;
	border-radius:5px;
	height:660px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.abouttxt
{
	height:400px;
	width:980px;
	position:relative;
	top:20px;
	left:20px;
}
.abouttxt p
{
line-height:20px;
text-align:justify;
}
.serviceswrap
{
	background-color:#fff;
	height:650px;
	width:100%;
	margin:0 auto;
}
.services
{
	border:1px solid #eee;
	height:630px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.servicestxt
{
	height:400px;
	width:980px;
	position:relative;
	top:20px;
	left:20px;
}
.servicestxt p
{
line-height:20px;
text-align:justify;
}
.gallerywrap
{
	background-color:#fff;
	height:660px;
	width:100%;
	margin:0 auto;
}
.gallery
{
	border:1px solid #eee;
	height:640px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.gallerytxt
{
	height:620px;
	width:980px;
	position:relative;
	top:20px;
	left:20px;
}
.gallerytxt p
{
line-height:20px;
text-align:justify;
}


#gallery 
{
	width :980px;
	clear : left;
	float : left;
	position : relative;
	top : 10px;
	left :0px;
}
#gallery ul 
{
	list-style : none;
}
#gallery ul li 
{
	float:left;
	margin-right:8px;
	margin-bottom:10px;
}
#gallery ul img 
{
	border:1px solid #ccc;
		padding:5px;
}
#gallery ul a:hover img 
{
	border:1px solid #666;
}
#gallery ul a:hover 
{
	color : #fff;
}
.contactwrap
{
	background-color:#fff;
	height:700px;
	width:100%;
	margin:0 auto;
}
.contact
{
	border:1px solid #eee;
	height:680px;
	width:1020px;
	margin:0 auto;
	position:relative;
	top:10px;
}

.contacttxt
{
	height:650px;
	width:980px;
	position:relative;
	top:20px;
	left:40px;
}
.contacttxt p
{
line-height:20px;
text-align:justify;
}

.contact1
{
	border:1px solid #ccc;
	height:260px;
	width:940px;
	position:relative;
	top:20px;
	left:0px;
	float:left;
}
.contact2
{
	border:1px solid #ccc;
	height:310px;
	width:476px;
	position:relative;
	top:60px;
	left:0px;
	float:left;
	border-radius:5px;
}
.contact3
{
	border:1px solid #ccc;
	height:310px;
	width:440px;
	position:relative;
	top:60px;
	left:20px;
	float:left;
	border-radius:5px;
}
.contact2txt
{
	height:220px;
	width:380px;
	position:relative;
	top:25px;
	right:20px;
	float:right;
	font-size:14px;
}
.contacticon
{
	height:180px;
	width:30px;
	position:relative;
	top:70px;
	left:20px;
	float:left;
}
.c1
{	
	height:30px;
	width:30px;
	position:relative;
	top:25px;
	left:0px;
	float:left;
}
.c2
{
	height:30px;
	width:30px;
	position:relative;
	top:65px;
	left:0px;
	float:left;
}
.c3
{
	height:21px;
	width:30px;
	position:relative;
	top:95px;
	left:5px;
	float:left;
}
.contact_form .section
{
	height:50px;
	width:880px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	clear:left;
}
.contact_form .left
{
	height:40px;
	width:400px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}
.contact_form .right
{

	height:40px;
	width:400px;
	position:relative;
	top:0px;
	right:0px;
	float:right;
}
.contact_form
{
	width:450px;
	float:left;
	padding:5px;
	border-radius:5px;
}
.contact_form ul 
{
    width:450px;
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li
{
	padding:6px; 
	position:relative;
} 
.contact_form h2 
{
	margin:0;
	display: inline;
}
.required_notification 
{
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}
.contact_form label 
{
	width:140px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input 
{
	height:25px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea 
{
	padding:8px; 
	width:220px;
	height:50px;
}
.contact_form button 
{
	margin-left:156px;
}
.contact_form input, .contact_form textarea 
{ 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus 
{
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:30px;
}
.contact_form input:focus + .form_hint 
{
	display: inline;
}
.contact_form input:required:valid + .form_hint 
{
	background: #28921f;
}
.contact_form input:required:valid + .form_hint::before 
{
	color:#28921f;
}
button.submit 
{
	background-color: #3eade6;
	border: 1px solid #3eade6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	cursor:pointer;
}
button.submit:hover
{
	background-color:#1284be;
}