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

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/bg.jpg) ; background-repeat:repeat-x; }
.logo { width:114px; height:110px; margin:auto; float:left; }
a { color:#339900; text-decoration:none; }
a:hover { color: #FF6600; text-decoration:underline; }
.img { width:67px; height:65px; margin-left:14px; float:left; display:block; }
p { margin:auto; padding:0; }
h3 { margin:auto; padding:0; }
.arcreation { width:350px; height:81px; float:right; }
.container { width:1024px; height:auto; margin:auto; background-color:#FFFFFF; }
.header { width:1024px; height:120px; margin:auto; background:url(../images/header.jpg); background-repeat:no-repeat; }
.header_left { width:606px; height:auto; margin-left:38px; float:left; }
.header_right { width:336px; height:auto; margin-right:42px; float:right;  }

/*======= menu=====*/

#menu { width:1024px; height:54px; margin:auto; background:url(../images/menu.jpg); background-repeat:repeat-x; }	
#menu ul {
  margin: 0;
  padding: 10px 6px 0;
  line-height: 100%;
  border-radius: 0em;
  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 1012px;
  margin-top:-1px;
  z-index:9999;
}
#menu li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
}
#menu a,
#menu a:link {
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 8px 20px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#menu a:hover {
  background: #000;
  color: #fff;
}
#menu .active a,
#menu li:hover > a {
  background: #8a808a url(../images/overlay.png) repeat-x 0 -40px;
  background: #666666 url(../images/overlay.png) repeat-x 0 -40px;
  color: #444;
  border-top: solid 1px  #f8f8f8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;
}
#menu ul ul li:hover a,
#menu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu ul ul a:hover {
  background: #706770 url(../images/overlay.png) repeat-x 0 -100px !important;
  color: #fff !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#menu li:hover > ul {
  display: block;
}
#menu ul ul {
  z-index: 1000;
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 40px;
  left: 0;
  background: #ffffff url(../images/overlay.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#menu ul ul li {
  float: none;
  margin: 0;
  padding: 3px;
}
#menu ul ul a,
#menu ul ul a:link {
  font-weight: normal;
  font-size: 12px;
}
#menu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #menu ul {
  height: 1%;
}
 /*======= end menu ====== */
 
 
 /*========= Zoom ======== */

.zoom_img img{

height:65px;
width:67px;
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
border:3px solid #009933;
}

	/*======= End Zoom =========*/
.banner {width:100%; float:left; margin:auto; height:350px; }
.body { width:1024px; height:auto; margin:auto; background-color:#FFFFFF;  }
.body_top { width:1024px; height:343px; margin:auto; background-color:#ebead8; float:left; border-top: 2px solid green; }
.body_top_left { width:594px; height:320px; margin-left:38px; margin-right:40px; margin-top:24px; float:left; }
.body_top_left_bot { width:594px; height:320px; margin-right:40px; margin-top:18px; float:left; }
.body_top_right { width:310px; height:320px; margin-left:38px;  float:right; background:url(../images/left_bg.jpg); background-repeat:repeat-x; }
.body_top_right_bot { width:257px; height:101px; margin-right:42px; margin-top:25px;  float:right; background-color:#ebead8; }

.body_top_right ul { list-style-type:none; margin:0; margin-left:14px; padding:0; }
 .body_top_right ul li { display:inline; }
 .body_top_right ul li a{ display:block; color:#000000; background:url(../images/list_img.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; padding-top:10px; padding-bottom:5px; margin:0; }
 .body_top_right ul li a:hover { color: #FFffff; }
 .projects { width:1024px; height:220px; margin:auto; background-color:#dbd5bb; float:left;  }
 .projects_image { width:970px; height:220px; margin-left:5px; margin-right:5px;}
 .footer { width:1024px; height:75px; margin:auto; background:url(../images/footer.jpg); background-repeat:repeat-x; float:left;   }
 
 
.banner_pro {width:100%; float:left; margin:auto; height:auto; }
.body_pro { width:1024px; height:auto; margin:auto; background-color:#FFFFFF;  }
.body_top_pro { width:1024px; height:atuo; margin:auto; background-color:#ebead8; float:left; border-top: 2px solid green; }
.body_top_left_pro { width:594px; height:auto; margin-left:38px; margin-right:40px; margin-top:24px; float:left; }
.body_top_left_bot_pro { width:594px; height:auto; margin-right:40px; margin-top:18px; float:left; }
.body_top_right_pro { width:310px; height:auto; margin-left:38px;  float:right; background:url(../images/left_bg.jpg); background-repeat:repeat-x; }
.body_top_right_bot_pro { width:257px; height:auto; margin-right:42px; margin-top:5px;  float:right; background-color:#ebead8; }
.body_top_left_bot_pro { width:594px; height:auto; margin-right:40px; margin-top:18px; float:left; }
.pro_img {width:310px; margin-top:10px; float:left;}




/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom:30px;
	right: 10px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: 100%;
	background:url(../images/down_arrow.png) no-repeat right top;
}
.wrap{
	width:80%;
	margin: 0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.main{
	padding:2% 0 3% 0;
}
.col{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child{
	margin-left:0;
}	
.span_2_of_3 {
	width: 63.1%;
	padding:1.5%; 
}
.span_1_of_3 {
	width: 29.2%;
	padding:1.5%; 
}
.span_2_of_3  h3,
.span_1_of_3  h3 {
	color: #363638;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom:20px;
}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-size:0.8125em;
	color: #333;
	padding-bottom:5px;
	font-family :verdana, arial, helvetica, helve, sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
	padding:8px;
	display:block;
	width:98%;
	background:#fcfcfc;
	border: none;
	outline:none;
	color:#464646;
	font-size:0.8125em;
	font-family:Arial, Helvetica, sans-serif;
	box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-appearance:none;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	padding:7px 20px;
	color:#FFF;
	cursor:pointer;
	background:#001C32 url(../images/large-button-overlay.png);
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
    font-family:Arial, Helvetica, sans-serif;
    position:absolute;
    right:0;
}
.contact-form input[type="submit"]:hover{
	background-color:#FA6210;
}
.contact-form input[type="submit"]:active{
	background-color:#FA6210;
}
.company_address{
	padding-top:20px;
}
.company_address p{
	font-size:16px;
	color:#660000;
	line-height:1.5em;
}
.company_address p span{
	text-decoration:underline;
	color:#333;
	cursor:pointer;
}
.company_address p span:hover{
	text-decoration:none;
}
.map{
	border:1px solid #C7C7C7;
	margin-bottom:15px;
}