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

body {
	margin:0px;
	padding:0px;
	font-family: "Century Gothic";
	font-size:9pt;
	background: url(../images/bg.png) #418b70;
	color:#FFF;
	text-align:justify;
     min-width: 1024px;
}

a {
	font-size:9pt;
	color:#0071BB;
	text-decoration: underline;
}

a:hover {
	font-size:9pt;
	color:#0071BB8;
	text-decoration: none;
}

img {
	border:none;
}


p {
	margin:0;
	padding-bottom:10px;
	padding-top:10px;
}

.left { float:left; margin:0px;}
.right {float:right; margin:0px;}
.clear  { clear:both; margin:0px;}

/* All */
#all{
	background: url(../images/bg02.jpg) repeat-y top center;
    
}

/* Header */
#header{
	background: url(../images/header.png) repeat-x top center;
	height:125px;
    
}

#header #header_content{
	width:999px;
	margin:0 auto;
}

/* Logo */
#header #logo{
	height:85px;
	width:158px;
}

/* Menu */
#header #menu{
	margin:0px;
	padding:0px;
	position:relative;
	z-index:9999;
}

/* It */
#it{
	margin:0 auto;
	width:999px;
	padding:0px 0px 10px 0px;
	height:36px;
	display:block;
	background:url(../images/it_line.png) no-repeat bottom center;
	position:relative;
	margin-top:-10px;
}

/* slide */
#slide_search{
	margin:0 auto;
	width:999px;
	padding:20px 0px 0px 0px;
	display:block;
	position:relative;
}

#slide{
	margin:0 auto;
	width:999px;
	padding:0px 0px 0px 0px;
}

/* Search */
#search{
	margin:0px;
	width:278px;
	height:51px;
	padding:0px 0px 0px 0px;
	background:url(../images/search.png) no-repeat top center;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1003;
}

#search #search_form{
	margin:0px;
	padding:0px;
}

#search input.search_text{
	font-family:  "Century Gothic";
	padding:0px 10px;
	margin:9px 0 0 9px;
	direction: ltr;
	width:200px;
	height:34px;
	background: none;
	font-size:10pt;
	color:#0071BB;
	text-align: left;
	border:none;
	vertical-align:top;
	position:relative;
	outline:none;
}

#search input.search_button{
	font-family:  "Century Gothic";
	cursor:pointer;
	color:#FFFFFF;
	font-size:9pt;
	width:22px;
	height:35px;
	text-align:center;
	background: url(../images/search_button.png) no-repeat bottom center;
	margin:9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: none;
}

#search input.search_button:hover{
	cursor:pointer;
	color:#84B1C9;
	background: url(../images/search_button.png) no-repeat top center;
	border: none;
}

/* Content Site */
#content_site{
	margin:0px;
	padding:0px;
	margin-top:-45px;
	position:relative;
	z-index:99;
}

	/* Shadow */
#content_site .shadow_top{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:45px;
	background: url(../images/content_top_shadow.png) repeat-x top center;
}

#content_site .shadow_bottom{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:45px;
	background: url(../images/content_bottom_shadow.png) repeat-x bottom center;
}

	/* Content */
#content {
	margin:0px;
	padding:0px;
	background: #FFF;
}

#content .top{
	margin:0px;
	padding:0px;
	background: url(../images/content_top.png) repeat-x top center;
}

#content .bottom{
	margin:0px;
	padding:0px;
	background: url(../images/content_bottom.png) repeat-x bottom center;
}

#content .middle{
	width:999px;
	margin:0 auto;
	padding:20px 0px;
	color:#334147;
}


/* Tab */
#tabs{
	height:65px;
	display:block;
}

/* Boxs */
#boxs{
	margin:0px;
	padding:0px;
}

#boxs #box{
	margin:0px;
	padding:10px 25px;
	width:281px;
}

#boxs #box .title{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#0071BB;
	font-family:Tahoma;
	font-size:14pt;
}

#boxs #box .img{
	margin:0px;
	padding:0px 0px 10px 0px;
}

#boxs #box .text{
	margin:0px;
	padding:0px;
	font-size:10pt;
	color:#334147;
	text-align:justify;
}

#boxs #box .more{
	margin:0px;
	padding:0px;
}

#boxs #box .more a{
	margin:10px 0px 0px 0px;
	padding:0px 20px;
	display:block;
	background:#0071BB;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10pt;
}

#boxs #box .more a:hover{
	background:#0071BB;
	color:#000000;
	text-decoration:none;
}

/* Inner */
#path{
	padding:10px 0px 5px 0px;
	margin:0px;
	position:relative;
	z-index:9999;
	float:left;
}

#path ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

#path ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:inline;
	color:#0071BB;
	font-size:10pt;
}

#path ul li a{
	margin:0px 10px 0px 2px;
	padding:0px 20px 0px 0px;
	text-decoration: none;
	float:left;
	background:url(../images/path.png) no-repeat right top;
	display:block;
	text-decoration:none;
	font-size:10pt;
	color:#000000;
}

#path ul li a:hover{
	color:#0071BB;
	text-decoration: none;
	background:url(../images/path_hover.png) no-repeat right top;
}

/* Sup Menu Inner */
#sup_menu_inner{
	padding:20px 0px 130px 0px;
	margin:0px;
	background:url(../images/sub_menu_inner.png) repeat-y right top;
}

#sup_menu_inner ul{
	padding:0px;
	margin:0px;
}

#sup_menu_inner ul li{
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}

#sup_menu_inner ul li a{
	padding:10px 30px 10px 10px;
	margin:0px 0px 0px 0px;
	display: block;
	text-decoration:none;
	background:url(../images/sub_menu_inner_button.png) no-repeat;
	background-position:0px -167px;
	width:183px;
	color:#000000;
	text-align:left;
	vertical-align: middle;
	font-size:10pt;
}

#sup_menu_inner ul li a:hover{
	background:url(../images/sub_menu_inner_button.png) no-repeat;
	color:#0071BB;
	background-position:0px 0px;
}

#sup_menu_inner ul li a.select{
	background:url(../images/sub_menu_inner_button.png) no-repeat;
	color:#CCD6ED;
	background-position:0px -83px;
}


/* Content Site Inner */
#content_site_inner{
	padding:0px 15px 0px 10px;
	min-height:500px;
}
#content_site_inner2{
    padding:0px 15px 0px 10px;
	
}
#content_site_inner .title{
	padding:0px 0px 10px 0px;
	color:#0F0F0F;
	font-weight:bold;
	font-size:14pt;
}

#content_site_inner .text{
	padding:0px 0px 0px 0px;
	color:#263035;
	font-size:10pt;
	text-align:justify;
}

#content_site_inner .text a{
	color:#0070B8;
	font-size:10pt;
	text-decoration:underline;
}

#content_site_inner .text a:hover{
	color:#0070B8;
	text-decoration: none;
}

/* Table */
#content_site_inner .text .table{
	padding:0px 0px 0px 0px;
	color:#263035;
	font-size:10pt;
	text-align: left;
}

#content_site_inner .text .table td{
	padding:5px 10px;
	border:1px solid #F4F6FB;
}

#content_site_inner .text .table .color{
	background:#CCD6ED;
}

#content_site_inner .text .table .arabic{
	direction:rtl;
	text-align:right;
	font-family:Tahoma;
	font-size:9pt;
}




/* Contact form */

#contact_form{
	padding:0px 15px 0px 0px;
	margin:0px;
}

#contact_form form{
	padding:0px;
	margin:0px;
}

#contact_form form .text_input{
	padding:2px 10px;
	margin:0px;
	background:#F2F5FA;
	border:#D3DCF0 solid 1px;
	height:18px;
	width:560px;
	color:#0070B8;
	font-size:9pt;
	font-family:"Century Gothic";
}

#contact_form form .text_textarea{
	padding:2px 10px;
	margin:0px;
	background:#F2F5FA;
	border:#D3DCF0 solid 1px;
	height:100px;
	width:560px;
	color:#0070B8;
	font-size:9pt;
	font-family:"Century Gothic";
}

#contact_form form .button{
	padding:2px 10px;
	margin:0px;
	background:#D3DCF0;
	border:#F2F5FA solid 1px;
	color:#0070B8;
	font-size:9pt;
	font-family:"Century Gothic";
	cursor:pointer;
}

#contact_form form .button:hover{
	background:#F2F5FA;
	border:#D3DCF0 solid 1px;
	color:#0070B8;
}












































/* Footer */

#footer{
	padding:0px 0px 10px 0px;
	width:990px;
	margin:0 auto;
	color:#0071BB;
	margin-top:-20px;
	position:relative;
	z-index:999;
}

#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer ul li{
	margin:2px 10px 2px 0px;
	padding:0px;
	list-style:none;
	display: inline-table;
	width:100px;
}

#footer a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#0071BB;
	text-decoration:none;
}

#footer a:hover{
	color:#000000;
	text-decoration:none;
}

#footer ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background: url(../images/li_footer.png) no-repeat top left;
	color:#0071BB;
	text-decoration:none;
}

#footer ul li a:hover{
	background: url(../images/li_footer_hover.png) no-repeat top left;
	color:#000000;
	text-decoration:none;
}

/* Footer It */
#footer #footer_it{
	margin:0px 20px 0px 0px;
	padding:0px 0px 20px 0px;
	background:url(../images/line_footer.png) no-repeat top right;
}

#footer #footer_it ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer #footer_it ul li{
	margin:0px 10px 0px 0px;
	padding:0px;
	list-style:none;
	display: inline-table;
	width:120px;
}

#footer #footer_it ul li a{
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/it_footer.png) no-repeat top left;
	color:#0071BB;
	text-decoration:none;
	display:block;
	height:20px;
	text-indent: -9999px;
}

#footer #footer_it ul li a:hover{
	background: url(../images/it_footer.png) no-repeat top left;
	color:#000000;
	text-decoration:none;
}

/* A */
#footer #footer_it ul li a.plan_it{
	background-position:0px -111px;
}

#footer #footer_it ul li a.design_it{
	background-position:0px -149px;
}

#footer #footer_it ul li a.build_it{
	background-position:0px -187px;
}

#footer #footer_it ul li a.market_it{
	background-position:-143px -111px;
}

#footer #footer_it ul li a.support_it{
	background-position:-143px -149px;
}

/* hover */
#footer #footer_it ul li a.plan_it:hover{
	background-position:0px 0px;
}

#footer #footer_it ul li a.design_it:hover{
	background-position:0px -38px;
}

#footer #footer_it ul li a.build_it:hover{
	background-position:0px -76px;
}

#footer #footer_it ul li a.market_it:hover{
	background-position:-143px 0px;
}

#footer #footer_it ul li a.support_it:hover{
	background-position:-143px -38px;
}

/* FOLLOW US */
#footer #follow_us {
	color:#8830C6;
	font-size:14pt;
	margin:0px 0px 0px 290px;
	padding:0px 0px 0px 20px;
	background:url(../images/line_footer.png) no-repeat top left;
}

#footer #follow_us .title {
	color:#0071BB;
	font-size:12pt;
}

#footer #follow_us ul{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#footer #follow_us ul li{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:inline;
}

#footer #follow_us ul li a{
	margin:0px 2px 0px 2px;
	padding:0px 0px 0px 0px;
	color:#8830C6;
	text-decoration: none;
	float:left;
	background:url(../images/follow_us.png) no-repeat;
	display:block;
	width:31px;
	height:29px;
	text-indent:-9999px;
	text-decoration:none;
}

#footer #follow_us ul li a:hover{
	color:#DCB9FC;
	text-decoration: none;
}
/* Follow A */
#footer #follow_us ul li a.r{
	background-position:0px 0px;
}

#footer #follow_us ul li a.t{
	background-position:-36px 0px;
}

#footer #follow_us ul li a.f{
	background-position:-72px 0px;
}

/* Follow Hover */
#footer #follow_us ul li a.r:hover{
	background-position:0px -29px;
}

#footer #follow_us ul li a.t:hover{
	background-position:-36px -29px;
}

#footer #follow_us ul li a.f:hover{
	background-position:-72px -29px;
}