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

*{
	padding:0px;
	margin:0px;
}
body{
	padding:0px;
	margin:0px;
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#36363d;
}
h1, h2, h3, h4, h5, h6, a, li, ol, ul, u, p, img{
	padding:0px;
	margin:0px;
}
  a { color: #49494a;-moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;text-decoration: none;}
.clear{
	visibility:hidden;
	clear:both;
}
@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#CalibriRegular') format('svg');
}

/*----------------------------------------------*/
#background_wrap{
	width:100%;
	height:518px;
	background:url(../images/new_bg.jpg) top center no-repeat;
}
#banner_container{
	width:972px;
	padding-top:20px;
	margin:auto;
}
#logo_container{
	width:972px;
	height:65px;
	float:left;
}
#logo{
	width:224px;
	height:110px;
	float:left;
	margin-left:10px;
}
#logo_contact_container{
	width:353px;
	float:right;
	margin-top:17px;
	
}
.logo_contact_text{
	float:right;
	 font-family: 'CalibriRegular';
	 font-size:12px;
	color:#000;
	margin-right:20px;
}
#menu{
	width:500px;
	height:19px;
	float:left;
	margin-top:20px;
}
#menu ul{
	list-style:none;
	margin:0px 0px 0px 0px;
}
#menu ul li{
	display:inline;
	padding:0px 29px 0px 10px;
}
#menu ul li a{
	 font-family: 'CalibriRegular';
	 font-size:16px;
	 font-weight:bold;
	color:#000;
	text-decoration:none;
}
#menu ul li a:hover{
	 font-family: 'CalibriRegular';
	 font-size:16px;
	 font-weight:bold;
	color:#d10600;
	text-decoration:none;
}

#banner{
	width:972px;
	height:387px;
	float:left;
	background:#FFFFFF;
}
#content_container{
	width:932px;
	
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	margin-top:-10px;
	padding:40px 20px 55px 20px;
	-moz-box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 1px #666666;

}
.home_welcome{
	width:430px;
	height:240px;
	float:left;
}
.home_caption{
	font-family: 'CalibriRegular';
	font-size:20px;
	color:#989949
}
.home_content{
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#36363d;
	margin-top:10px;
	float:left;
}
.home_mission{
	width:460px;
	height:210px;
	float:right;
	/*border:1px #e0e2e2 solid;
	-moz-bordr-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	padding:15px;*/
	
}
.home_mission_pic{
	width:222px;
	height:134px;
	float:left;
	margin-top:25px;
}
#home_gallery{
	width:932px;
	height:220px;
	float:left;
	margin-top:10px;
}




#carousel_inner {
	width:922px;
	height:200px;
	float:left;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
position:relative;
margin-left:4px;
border-top:1px #bcbcbc solid;
border-bottom:1px #bcbcbc solid;
padding-bottom:15px;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;

}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:172px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:182px;

/*margin-top:10px;*/
/*margin-bottom:10px; */
margin-left:9px; 
margin-right:9px; 
}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll{
	float:left;
	height:61px;
	width:26px;
	position:absolute;
	left: 165px;
	top: 880px;
	z-index:999;
}
#right_scroll{
float:right; 
height:61px; 
width:26px; 
position:absolute;
	right: 167px;
	top: 880px;
	z-index:999;

}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
margin:0px 0px 0px 0px;

}






#home_gallery_line{
	width:700px;
	height:1px;
	float:left;
	margin-top:10px;
	background:#CCC;
}
.home_view{
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#989949;
	float:right;
	text-decoration:underline;
}
.home_view a{
	font-family: 'CalibriRegular';
	font-size:12px;
	color:#989949;
	text-decoration:none;

}
.home_view a:hover{
	font-family: 'CalibriRegular';
	font-size:12px;
	color:#2a2824;
	text-decoration:none;

}
.home_gallery_pic{
	width:172px;
	height:182px;
	float:left;
	background:#333;
	text-align:center;
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#fff;
}
.footer_wrap{
	width:100%;
	height:277px;
	background:url(../images/footer_bg.jpg) top center no-repeat;

}
.footer_container{
	width:972px;
	height:277px;
	margin:auto;
}
.footer_white{
	width:972px;
	height:10px;
	background:#fff;
	float:left;
	
}
.footer_box{
	width:185px;
	height:190px;
	float:left;
	margin:15px 0px 0px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#898988;
}
.footer_box ul{
	list-style:none;
	margin:0px 0px 0px 0px;
}
.footer_box ul li{
	display:list-item;
	padding:10px 0px 0px 0px;
}
.footer_box ul li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#898988;
	text-decoration:none;
}
.footer_box ul li a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.footer_caption{
	width:185px;
	float:left;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#989949;
	
}
.footer_icons{
	width:150px;
	height:29px;
	float:right;
	margin:40px 40px 0px 0px;
}
.fb{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/fb.png) top center no-repeat;
}
.fb a{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/fb.png) top center no-repeat;
}
.fb a:hover{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/fb.png) bottom center no-repeat;
}
.twitter{
	width:30px;
	height:29px;
	float:left;
	margin-left:5px;
	background:url(../images/twitter.png) top center no-repeat;
}
.twitter a{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/twitter.png) top center no-repeat;
}
.twitter a:hover{
	width:30px;
	height:29px;
	float:left;
	
	background:url(../images/twitter.png) bottom center no-repeat;
}
.youtube{
	width:30px;
	height:29px;
	float:left;
	margin-left:5px;
	background:url(../images/you_tube.png) top center no-repeat;
}
.youtube a{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/you_tube.png) top center no-repeat;
}
.youtube a:hover{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/you_tube.png) bottom center no-repeat;
}
.pintrest{
	width:30px;
	height:29px;
	float:left;
	margin-left:5px;
	background:url(../images/p_interst.png) top center no-repeat;
}
.pintrest a{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/p_interst.png) top center no-repeat;
}
.pintrest a:hover{
	width:30px;
	height:29px;
	float:left;
	background:url(../images/p_interst.png) bottom center no-repeat;
}
.copy_right{
	width:500px;
	margin-top:35px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#898988;
	float:left;
}
.footer_logo{
	width:164px;
	height:70px;
	float:left;
	float:right;
	margin:20px 30px 0px 0px;
}
/*------------------------------service---------------------*/
#inner_wrap{
	width:100%;
	height:491px;
	background:url(../images/inner_bg.jpg) top center no-repeat;
}
#inner_banner_container{
	width:960px;
	height:491px;
	margin:auto;
}
#inner_banner{
	width:960px;
	height:318px;
	float:left;
}
#inner_content_container{
	width:932px;

	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	margin-top:-10px;
	padding:40px 20px 0px 20px;
	-moz-box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 1px #666666;
}
.inner_content_area{
	width:932px;
	float:left;
	padding-bottom:40px;
}
.service_pic{
	width:370px;
	height:233px;
	float:right;
	margin:0px 0px 0px 0px;
}
.service_new_pic{
	width:281px;
	height:210px;
	float:left;
}
.gallery_contaqiner{
	width:900px;
	height:234px;
	float:left;
	margin-top:20px;
}
.gallery1{
	width:268px;
	height:234px;
	float:left;
}
/*------------------------------gallery---------------------*/
#gallery {
		
		
		width:932px;
	
	float:left;
	margin-top:20px;
	}
	#gallery ul { 
	list-style: none;
	
	  }
	#gallery ul li { display: inline;
		padding:0px 22px 0px 0px;
	
	 }
	#gallery ul img {
		border: 3px solid #CCC;
		border-width: 10px 10px 10px;
		
	}
	#gallery ul a:hover img {
		border: 3px solid #999;
		border-width: 10px 10px 10px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/*----------------------contact-----------------*/	
.cont_inner_right{ width:530px; float:right;background-color:#fbfbfb; border:1px solid #eeeeee; padding:10px 10px;}
.contact_text{
	width:450px;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	}

.cnt_indx_hed{ font-size:16px; color:#424242; font-weight:bold; padding:10px 0px;}
.text_field{
	width:520px;
	height:30px;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	color:#666666;
	border:1px #cccccc solid;
	
	}
.text_area{
	width:520px;
	height:100px;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	color:#666666;
	border:1px #cccccc solid;
	
	font-family: 'CalibriRegular';
	font-size:14px;
	line-height:18px;
	}
.send_button{
	width:70px;
	height:25px;
	float:left;
	margin:10px 0px 0px 0px;
	background:#333;
	text-align:center;
	padding-top:2px;
	border:none;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	}
.send_button a{
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	}	
.send_button a:hover{
	font-family: 'CalibriRegular';
	font-size:14px;
	color:#FFCC00;
	text-decoration:none;
	}