@font-face{
font-family: 'Fjalla One', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Dosis', sans-serif;
src: url('http://fonts.googleapis.com/css?family=Fjalla+One|Monda|Dosis');
font-weight: normal;
font-style: normal;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	line-height:26px;
	
	/*	background-image:url(../images/repeat-bg.jpg);*/
	background-repeat:repeat;
	text-align:justify;
	}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:25px;
	padding:0 0 14px 0;
	margin:0 0 0 0;
	text-align:justify;
}
a{color:#000000; text-decoration:none;}
a:hover{color:#e91413; text-decoration:none;}
span{ text-decoration:none;}
span a{color:#e00c0c; text-decoration:none;}
span a:hover{color:#e00c0c;}
.clr{clear:both}
ol,ul{list-style:none; padding:0; margin:0;}
img{border:0;}
#top_bg{
	width:auto;
	height:auto;
	background-image:url(../images/1.jpg);
/*	background-image:url(../images/top_bg.jpg);*/
	background-repeat:repeat-x;
	background-position:center top;
}
#bg_img{
	width:auto;
	height:auto;
	background-image:url(../images/bg-img.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#wraper{
	width:980px;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
}
#container{
	width:980px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* header open */
#head{
	float:right;
	text-align:right;
	margin:-5px 10px -10px 0;
}
#header{
	width:980px;
	height:103px;
	/*background-image:url(../images/header-bg.png);
	background-position:center top;
	background-repeat:no-repeat;*/
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.menu{
	background-image:url(../images/header-bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:20px;
}
.header_left{
	width: 66%;
height: 120px;
float: left;
// padding: 25px 0 0 12px;
margin: 0;text-align: left;
font-size:45px;
color:rgb(180, 225, 244);
font-family:serif;
}
.header_left font
{
	margin-left:20px;
}
.header_right{
	width:33%;
	height:103px;
	float:right;
	padding:0;
	margin:0;
	color:#fff;
	font-weight:bold;
	font-size:15px;
}
.call_number{
	width:673px;
	float:right;
	height:87px;
	padding:0;
	margin:0;
	text-align:right;
}
.top_menu_area{
	width:100%;
	float:left;
	height:53px;
	padding:6px 0 0 0;
	margin:0;
	background-image:url(../images/header-bg.png);
	background-position:center top;
	background-repeat:no-repeat;
}
/* header close */


/* banner, boxes open */
#banner_area{
	width:980px;
	height:380px;
	padding:0 0 0 0;
	margin:0px 0;
}
.inner_banner_area{
	width:980px;
	height:236px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.inner_banner_development{
	width:980px;
	height:236px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-image:url(../images/development-banner.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.boxes_area{
	width:980px;
	height:140px;
	margin:15px 0 0px 20px;
	padding:0 0 0 0;
}
/* banner, boxes close */


/* center content open */
.center_content_new{
	width:980px; 
	height:auto;
	padding:25px 25px 0 25px;
	margin:0;
	box-shadow:0px 0px 2px 2px #c7c7c7;
	background-color:#fff;
}
.center_content_inner_new{
	width:981px; 
	height:auto;
	padding:0px 25px 0 25px;
	margin:0 0 0 0;
	box-shadow:0px 0px 2px 2px #c7c7c7;
	background-color:#fff;
}
.center_content_inner_sitemap{
	width:980px; 
	height:920px;
	padding:0;
	margin:0 0 0 0;
	box-shadow:0px 0px 2px 2px #c7c7c7;
	background-image:url(../images/sitemap-img.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

h1{
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#1e6d7b;
	padding:0 0 22px 0;
	margin:0px;
}

.content_left{
	width:860px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	margin-bottom: 40px;
}
.content_left_inner2{
	width:600px;
	height:auto;
	float:left;
	padding:0;
	margin:-13px 0 0 0;

}
.content_left_inner{
	width:650px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 0 0 0;
	position:relative;

}
.content_right{
	width:235px;
	height:auto;
	float:right;
	padding:0;
	margin:0;
}
.content_right_inner{
	width:225px;
	height:300px;
	float:right;
	padding:0;
	margin:0px 0 0 0;
	position:relative;
	border:1px solid red;
	}
.content_right_inner2{
	width:287px;
	height:auto;
	float:right;
	padding:0;
	margin:-53px 0 0 0;
		position:relative;
	}
.content_right_inner3{
	width:287px;
	height:auto;
	float:right;
	padding:0;
	margin:-300px 0 0 0;
		position:relative;
	}
.site_home{
	width:90px;
	height:306px;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	line-height:35px;
}
.site_heading{
	font-family: 'Monda', sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.site_heading a{
	font-family: 'Monda', sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.site_heading a:hover{
	font-family: 'Monda', sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#a0cc2f;
}

.site_about{
	width:350px;
	height:205px;
	float:left;
	padding:102px 0 0 79px;
	margin:0 0 0 0;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	line-height:35px;
}
.site_solution{
	width:358px;
	height:320px;
	float:right;
	padding:128px 0 0 0px;
	margin:0 0 0 0;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	line-height:35px;
}
.site_promotion{
	width:300px;
	height:auto;
	float:left;
	padding:88px 0 0 78px;
	margin:0 0 0 0;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	line-height:35px;
}
.site_software{
	width:170px;
	height:auto;
	float:right;
	padding:165px 0 0 0;
	margin:0 0 0 0;
	font-family: 'Monda', sans-serif;
	font-size:13px;
	line-height:35px;
}
.site_portcontact{
	width:600px;
	height:150px;
	float:left;
	padding:66px 0 0 0;
	margin:0 0 0 0;
}

.line{
	width:auto;
	height:1px;
	border-bottom:1px #CCCCCC dashed;
	margin:18px 0 18px 0;
}
.line_inner{
	width:auto;
	height:1px;
	border-bottom:1px #CCCCCC dashed;
	margin:10px 0 10px 0;
}
.line_news{
	width:auto;
	height:1px;
	border-bottom:1px #CCCCCC dashed;
	margin:7px 0 7px 0;
}
.carousel{
/*	width:930px;*/
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
.content_top_bg{
	padding:0 0 0 0;
	margin:0 0 0 -10px;
	width:980px;
	height:45px;
}
.left_img{
	float:left;
	margin:0 15px 10px 0;
	padding:0;
	border:1px #b7b7b7 solid;
}
.right_img{
	float:right;
	magrin:0 0 10px 15px;
	padding:0 0 0 0;
	border:1px #b7b7b7 solid;
}
.project_box{
	width:265px; 
	height:142px; 
	padding:10px; 
	border:1px #cccccc solid;
}
.form_text{
	color: #000000;
width: 160px;
text-align: right;
float: left;
margin: 5px 20px 0px 0px;
}
.form_textarea{
	width:400px;
	float:left;
	height:28px;
	padding:0 0 0 8px;
	margin:0 0px 18px 0;
	border:1px #cdcdcd solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.red_heading{
	font-family: 'Monda', sans-serif;
	font-size:17px;
	color:#cf0f0f;
	text-align:left;
	text-decoration:none;
}

.red_heading_inner{
	font-family: 'Monda', sans-serif;
	font-size:16px;
	color:#cf0f0f;
	text-decoration:none;
	margin:5px 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px #CCCCCC dashed;
}
.grey_heading{
	font-family: 'Monda', sans-serif;
	font-size:14px;
	color:#6c6c6c;
	text-decoration:none;
}
.grey_heading a{
	font-family: 'Monda', sans-serif;
	font-size:14px;
	color:#6c6c6c;
	text-decoration:none;
}
.grey_heading a:hover{
	font-family: 'Monda', sans-serif;
	font-size:14px;
	color:#6c6cf0f0fc6c;
	text-decoration:none;
}
.content_full{
	float:left;
	width:930px;
	position:relative;
	margin-top:-13px;
	text-align:left;
	left: 0px;
	top: 0px;
}
.port_menu{
	width:930px;
	height:40px;
	margin:0;
	padding:0;
}
ul.portfolio_manu{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline;
}
ul.portfolio_manu li{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:2px 0 2px 0;
	margin:0 4px 0 0;
	display:inline;
	border:1px #CCCCCC solid;
}
ul.portfolio_manu li:hover{
	background-color:#71ab44;
	border:1px #71ab44 solid;
	color:#FFFFFF;
	padding:2px 0 2px 0;
}

ul.portfolio_manu .red01{
	background-color:#fff;
	border:1px #CCCCCC solid;
	color:#ce0a0b;
	padding:2px 0 2px 0;
}

ul.portfolio_manu .red01:hover{
	background-color:#ce0a0b;
	border:1px #ce0a0b solid;
	color:#fff;
	padding:2px 0 2px 0;
}
ul.portfolio_manu .red01 span{
	background-color:#ce0a0b;
	border:1px #ce0a0b solid;
	color:#fff;
	padding:2px 10px 2px 10px;
}

ul.portfolio_manu .blue01{
	background-color:#fff;
	border:1px #CCCCCC solid;
	color:#ce0a0b;
	padding:2px 0 2px 0;
}

ul.portfolio_manu .blue01:hover{
	background-color:#3e95a5;
	border:1px #3e95a5 solid;
	color:#fff;
	padding:2px 0 2px 0;
}
ul.portfolio_manu .blue01 span{
	background-color:#3e95a5;
	border:1px #3e95a5 solid;
	color:#fff;
	padding:2px 9px 2px 9px;
}

ul.portfolio_manu .yellow01{
	background-color:#fff;
	border:1px #CCCCCC solid;
	color:#ce0a0b;
	padding:2px 0 2px 0;
}

ul.portfolio_manu .yellow01:hover{
	background-color:#f2b713;
	border:1px #f2b713 solid;
	color:#fff;
	padding:2px 0 2px 0;
}
ul.portfolio_manu .yellow01 span{
	background-color:#f2b713;
	border:1px #f2b713 solid;
	color:#fff;
	padding:2px 9px 2px 9px;
}

ul.portfolio_manu .pink01{
	background-color:#fff;
	border:1px #CCCCCC solid;
	color:#ce0a0b;
	padding:2px 0 2px 0;
}

ul.portfolio_manu .pink01:hover{
	background-color:#fc57a4;
	border:1px #fc57a4 solid;
	color:#fff;
	padding:2px 0 2px 0;
}
ul.portfolio_manu .pink01 span{
	background-color:#fc57a4;
	border:1px #fc57a4 solid;
	color:#fff;
	padding:2px 10px 2px 10px;
}

ul.portfolio_manu li span{
	background-color:#71ab44;
	border:1px #71ab44 solid;
	color:#FFFFFF;
	padding:2px 9px 2px 9px;
}

ul.portfolio_manu li a{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#4a4a4a;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	display:inline;

}
ul.portfolio_manu li a:hover{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin:0 0 0 0;
	display:inline;
	padding:5px 10px 5px 10px;
}

ul.pagination{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline;
}
ul.pagination li{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:2px 0 2px 0;
	margin:0 4px 0 0;
	display:inline;
	border:1px #CCCCCC solid;
}
ul.pagination li:hover{
	background-color:#71ab44;
	border:1px #71ab44 solid;
	color:#FFFFFF;
	padding:2px 0 2px 0;
}
ul.pagination li span{
	background-color:#298a9b;
	border:1px #298a9b solid;
	color:#FFFFFF;
	padding:2px 9px 2px 9px;
}

ul.pagination li a{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#4a4a4a;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	display:inline;

}
ul.pagination li a:hover{
	font-family: 'Monda', sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin:0 0 0 0;
	display:inline;
	padding:5px 10px 5px 10px;
}
.port_area{
	width:550px;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.port_text{
	width:350px;
	height:auto;
	float:right;
	padding:0 15px 0 0;
	margin:0 0 0 0;
}
	


/* center content close */

/* footer open */
#footer_main{
	width:auto;
	height:233px;
	background-image:url(../images/footer_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}
.footer_content{
	width:1000px;
	height:auto;
	padding:0;
	margin:0 auto;
}
.footer_bottom_bg{
	text-align:center; 
	width:1000px; 
	height:12px;
	background-image:url(../images/footer-bottom-bg.png);
	background-position:center top; 
	background-repeat:no-repeat;
}
.footer_left{
	width:100%;
	height:auto;
	padding:2px 0 0 10px;
	margin:0;
	float:left;
}
.footer_right{
	width:284px;
	height:350px;
	
	background-position:bottom;
	background-repeat:no-repeat;
	padding:15px 0 0 38px;
	margin:0;
	float:right;
}
.facebook-box{
	width:275px;
	height:290px;
	background-image:url(../images/fb-bg.jpg);
	background-position:bottom;
	padding:0px 0 0 0px;
	margin:0;
	float:right;
}
.footer_links_box{
	width:180px;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:0 17px 0 0;
}
ul.footer_links{
	font-family:Arial, Helvetica, sans-serif;
	color:#bae7ed;
	font-size:12px;
	line-height:21px;
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-decoration:none;
}
ul.footer_links li{
	font-family:Arial, Helvetica, sans-serif;
	color:#bae7ed;
	font-size:12px;
	line-height:21px;
	display:block;
	padding:0 0 0 29px;
	margin:0 0 0 0;
	text-decoration:none;
	background-image:url(../images/dot_upper.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
}
ul.footer_links li:hover{
	background-image:url(../images/dot_hover.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
ul.footer_links .activ{
	background-image:url(../images/dot_hover.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
ul.footer_links li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#0C0D0D;
	font-size:12px;
	line-height:21px;
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-decoration:none;
	text-align:left;
}
ul.footer_links li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	line-height:21px;
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.footer_heading{
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	padding:0 0 10px 0;
	margin:0;
	text-shadow:1px 1px 2px #05363e;
}
.footer_newsletter_bg{
	width:250px;
	height:30px;
	margin:0 0 8px 0;
	padding:0;
	background-image:url(../images/newsletter-bg.png);
	background-position:top;
	background-repeat:no-repeat;
}
.footer_bottom_textarea{
	width:980px;
	height:auto;
	padding:7px 10px 0 10px;
	color:#a0c4ca;
	float:left;
}
.footer_bottom_textarea a{
	color:#a0c4ca;
	text-decoration:none;
}
.footer_bottom_textarea a:hover{
	color:#fff;
	text-decoration:none;
}
.footer_bottom_texleft{
	float:left;
	width:100%;
	color:#fff;
	text-align:left;
}
.footer_bottom_texright{
	float:right;
	text-align:right;
}
.follow_icon{
	padding-right:10px;
}

/* footer close */