@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Tahoma, Arial, Verdana, Helvetica;
   font-size:12px; line-height:16px; color:#435050;  background-repeat:no-repeat; }
a{ text-decoration:none; }
a img{ border:0px;}
/*html{ height:100%; }*/
body{ background:url(../graph/shared/body_bg.gif) 0px 0px repeat-x #eceded; }

.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after, .mdex:after, .mdey:after, .mde_ct:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
	/* Added By WEBZONES */
	line-height:0px;
	font-size:0px;
	/* Added By WEBZONES */
}

.override, .mde, .mdel, .mder, .mdex, .mdey, .mde_ct{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder, * html .mdex, * html .mdey, * html .mde_ct{height: 1%;}
.override, .mde, .mdel, .mder, .mdex, .mdey, .mde_ct{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============================== mde_ul [START] =================================== */
.mdeul{ position:relative; overflow:hidden; }
.mdeul_bg0 li{ background:url(../graph/shared/ul_sign0.gif) 0px 6px no-repeat; }
.mdeul_bg1 li{ background:url(../graph/shared/ul_sign1.gif) 0px 6px no-repeat; }
.mdeul_bg2 li{ background:url(../graph/shared/ul_sign2.gif) 0px 4px no-repeat; }
.mdeul_bg3 li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat; }

.mdeul_bg0o li{ background:url(../graph/shared/ul_sign0.gif) 0px 6px no-repeat !important; }
.mdeul_bg1o li{ background:url(../graph/shared/ul_sign1.gif) 0px 7px no-repeat !important; }
.mdeul_bg2o li{ background:url(../graph/shared/ul_sign2.gif) 0px 4px no-repeat !important; }
.mdeul_bg3o li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat !important; }

.set_mdeul_bg0 ul li{ background:url(../graph/shared/ul_sign0.gif) 0px 6px no-repeat !important; }
.set_mdeul_bg1 ul li{ background:url(../graph/shared/ul_sign1.gif) 7px 5px no-repeat !important; }
.set_mdeul_bg2 ul li{ background:url(../graph/shared/ul_sign2.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg3 ul li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat !important; }


.mdeul li{
	/*background:url(../graph/_shared/ul_sign1.gif) 0px 4px no-repeat;*/
	padding-left:15px;
	list-style:none;
	position:relative;
	overflow:hidden;
	min-width:80%;
}

.mdeul li p{margin-left:0px; margin-right:0px; position:relative; }
.mdeul_pg8 li{ padding-left:8px !important; }
.mdeul_pg15 li{ padding-left:15px !important; }

.spanab{
	position:absolute;
	left:-22px;	
}
.mdeul_spanab li{ padding-left:22px; }
/* =============================== mde_ul [END] ===================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }
.color_orange{ color:#fe6206 !important; }
.color_grey{ color:#666666 !important; }
.color_grey2{ color:#999999 !important; }
.color_yellow{ color:#ffe010 !important; }
.color_green{ color:#6bc536 !important; }
.color_violet{ color:#812d96 !important; }
.color_red{ color:#a52511 !important; }
.color_blue{ color:#067ab5 !important; }
.color_blue2{ color:#0297bf !important; }
.bg_white{ background-color:#ffffff !important; }
.bg_blue{ background-color:#067ab5 !important; }
.bg_grey{ background-color:#f9f9f9 !important; }
.bg_orange{ background-color:#faead2 !important; }
.bg_body{ background-color:#333a40 !important; }
.size10{ font-size:10px !important; line-height:14px !important;}
.size11{ font-size:11px !important; line-height:15px !important;}
.size12{ font-size:12px !important; line-height:16px !important;}
.size14{ font-size:14px !important; line-height:17px !important;}
.size16{ font-size:16px !important; line-height:20px !important; }
.size18{ font-size:18px !important; line-height:22px !important; }
.size20{ font-size:20px !important; line-height:24px !important; }
.size22{ font-size:22px !important; line-height:26px !important; }
.size24{ font-size:24px !important; line-height:28px !important; }
.seta_size10{ font-size:10px !important; line-height:14px !important;}
.seta_size11{ font-size:11px !important; line-height:15px !important;}
.seta_size12{ font-size:12px !important; line-height:16px !important;}
.seta_size14 a{ font-size:14px !important; line-height:17px !important; }
.seta_size16 a{ font-size:16px !important; line-height:20px !important; }
.seta_size18{ font-size:18px !important; line-height:22px !important;}
.seta_size20{ font-size:20px !important; line-height:24px !important;}

a{
	font-family:Tahoma, Arial, Verdana, Helvetica;
   	font-size:12px; 
	line-height:16px;
	text-decoration:underline;
}
a:hover{ color:#fe6206; }



.mde{
	width:758px;
	margin:0px auto 0px auto;
	position:relative;
	/* override */
}

.mde_bg1{ background:url(../graph/shared/mde/mde_ct.gif) 0px 0px repeat-y; }
.mdel{
	width:172px;
	position:relative;
	float:left;
	/* override */
}


.mder{
	width:552px;
	position:relative;
	float:right;
	/*padding-right:25px;*/
	right:25px;
	/* override */
}

.mder_padding{ padding-top:25px; }
.mdex{
	width:250px;
	position:relative;
	float:left;
	/* override */
}
.mdex_width1{ width:200px !important; }
.mdey_width1{ width:332px !important; }
.mdey{
	width:292px;
	position:relative;
	float:right;
	overflow:hidden;
	/* overrride */
}


/*
.link_one{
	font-family:Tahoma, Arial, Verdana, Helvetica;
   	font-size:12px; 
	line-height:16px;
	color:#666666;
	text-decoration:underline;
}

.link_one:hover{ color:#a52511; }
*/
/* =============================== mde [END] ======================================== */
#top_link{
	width:100%;
	min-width:758px;
	height:109px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}

#top_link_img{
	position:absolute;
	right:0px;
	top:0px;
}
/* =============================== topup [START] ==================================== */
#topup{ height:144px; }
#topup_logo{
	background-image:url(../graph/shared/topup/topup_logo.gif);
	width:123px;
	height:32px;
	position:absolute;
	left:29px;
	top:104px;
	overflow:hidden;
}
/* =============================== topup [END] ====================================== */
/* =============================== top [START] ====================================== */
#top{
	width:552px;
	height:164px;
	position:relative;
	float:right;
	padding-right:25px;
	overflow:hidden;
}

#topul{
	position:absolute;
	right:17px;
	top:8px;
	float:right;
	overflow:hidden;
}

#topul li{
	list-style:none;
	position:relative;
	padding:0px 10px 0px 10px;
	float:left;
	overflow:hidden;
}

#topul li a{
	padding:4px 4px 4px 4px;
	height:9px;
	background-position:4px 4px;
	position:relative;
	float:left;
	overflow:hidden;
}

#topul_home a{ background-image:url(../graph/shared/top/topul_home.gif); width:34px; }
#topul_skills a{ background-image:url(../graph/shared/top/topul_skills.gif); width:28px; }
#topul_portfolio a{ background-image:url(../graph/shared/top/topul_portfolio.gif); width:48px; }
#topul_whoweare a{ background-image:url(../graph/shared/top/topul_whoweare.gif); width:78px; }
#topul_contact a{ background-image:url(../graph/shared/top/topul_contact.gif); width:47px; }

#topul_home2 a, #topul_home a:hover{ background-image:url(../graph/shared/top/hover/topul_home.gif); width:34px; }
#topul_skills2 a, #topul_skills a:hover{ background-image:url(../graph/shared/top/hover/topul_skills.gif); width:28px; }
#topul_portfolio2 a, #topul_portfolio a:hover{ background-image:url(../graph/shared/top/hover/topul_portfolio.gif); width:48px; }
#topul_whoweare2 a, #topul_whoweare a:hover{ background-image:url(../graph/shared/top/hover/topul_whoweare.gif); width:78px; }
#topul_contact2 a, #topul_contact a:hover{ background-image:url(../graph/shared/top/hover/topul_contact.gif); width:47px; }

.toptitle{
	width:552px;
	height:14px;
	position:absolute;
	left:0px;
	top:145px;
}
/* =============================== top [END] ======================================== */
/* =============================== cont [START] ===================================== */
#cont_up{
	background-image:url(../graph/shared/mde/mde_up.gif);
	width:758px;
	height:13px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

#cont_lt{
	background-image:url(../graph/shared/mde/mde_lt.gif);
	width:2px;
	height:161px;
	position:absolute;
	left:0px;
	top:13px;
	overflow:hidden;
}

#cont_rt{
	background-image:url(../graph/shared/mde/mde_rt.gif);
	width:4px;
	height:161px;
	position:absolute;
	left:754px;
	top:13px;
	overflow:hidden;
}

#cont_dn{
	background-image:url(../graph/shared/mde/mde_dn.gif);
	width:758px;
	height:19px;
	position:relative;
	overflow:hidden;
}

#cont_ct{
	background:url(../graph/shared/mde/mde_dot1.gif) 25px 164px no-repeat;
	width:752px;
	/*min-height:461px;*/
	padding:0px 4px 0px 2px;
	position:relative;
	overflow:hidden;
}
#cont_minheight{
	width:0px;
	height:461px;
	position:relative;
	float:left;
	overflow:hidden;
}
/* =============================== cont [END] ======================================= */
/* =============================== formb [START] ==================================== */
#formb{
	width:292px; /*390px;*/
	position:relative;
	border:0px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}

/* ================= formb_fieldset_left ======== */
#formb_fieldset_left, .formb_field{
	width:291px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
}


.formb_field{ margin-top:11px; margin-right:-2px; /* IE path */ }

#formb_fieldleft_first{ margin-top:0px; }

.formb_text{
	background-color:#e3e5e5;
	width:203px;
	height:15px;
	padding:3px 3px 3px 3px;
	border:1px solid #435151;
	position:relative;
	float:right;
	
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size:12px;
	line-height:14px;
	color:#435151;
}

.formb_label{
	width:76px; 
	position:relative;
	float:left;
	overflow:hidden;
	margin-top:3px;
	
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:12px;
	line-height:16px;
	color:#435151;
	text-align:right;
}

.formb_label img{ padding-top:4px; }

/* ================= formb_fieldset_left ======== */

.formb_textarea{
	background-color:#e3e5e5;
	width:203px;
	height:70px;
	padding:3px 3px 3px 3px;
	border:1px solid #435151;
	position:relative;
	float:right;
	
	font-family:Verdana, Arial, Helvetica, Tahoma;
	font-size:12px;
	line-height:14px;
	color:#435151;
}

/* ================= formb_fieldset_button ====== */
#formb_fieldset_button{
	width:291px; 
	margin:0px;
	padding:0px;
	padding-top:11px;
	position:relative;
	overflow:hidden;
	float:left;
	left:0px;
}

#formb_submit{
	background:url(../graph/shared/single/btn_send.gif) 0px 0px no-repeat;
	border:0px;
	width:48px;
	height:23px;
	position:relative;
	float:right;
	cursor:pointer;
}

/*#formb_submit:hover{ background-color:#dcaf74; color:#602313; border:1px solid #dcaf74; }*/
/* ================= formb_fieldset_button ====== */
.color_redlight{ color:#faead2; }
/* =============================== formb [END] ====================================== */
/* =============================== foot [START] ===================================== */
#foot{
	width:722px;
	padding:2px 18px 5px 18px;
}

#foot .lt{ float:left; }
#foot .rt{ float:right; }

#foot a{ text-decoration:none; }
#foot a:hover{ text-decoration:underline; }
.foot_sep{ margin-left:3px; margin-right:3px; }

#foot, #foot p, #foot b, #foot span, #foot a{
	font-family:Tahoma, Arial, Verdana, Helvetica;
   	font-size:11px; 
	line-height:15px;
	color:#435151;
}
/* =============================== foot [END] ======================================= */
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */
/* ================================================================================== */
/* =============================== subpage.php [START] ============================== */
/* ================================================================================== */
.portul{
	width:552px;
	position:relative;
	padding-bottom:26px;
	overflow:hidden;
	/*overflow:hidden;*/
}

.portul li{
	background:url(../graph/shared/single/portul_bg1.gif) 0px 0px no-repeat;
	list-style:none;
	/*width:107px;*/
	width:162px;
	height:95px;
	/*padding:0px 1px 0px 2px;*/
	padding:0px 22px 7px 0px; /*to change with Javascript*/
	margin:0px;
	position:relative;
	float:left;
	overflow:hidden;
}
.portul li img{ border:1px solid #c6caca; }
.portul li img:hover{ border:1px solid #fe6206; }
.portul_expand{
	background:none !important;
	width:552px !important;
	height:auto !important;
	padding:26px 0px 0px 0px !important;
	margin-right:-3px !important; /*IE Fix*/
	/*float:none !important;*/
}

.expand_up{
	background:url(../graph/shared/single/expand_up.gif) 0px 0px no-repeat;
	width:552px;
	height:4px;
	float:left;
	position:relative;
	overflow:hidden;
}

.expand_dn{
	background:url(../graph/shared/single/expand_dn.gif) 0px 0px no-repeat;
	width:552px;
	height:7px;
	float:left;
	position:relative;
	overflow:hidden;
}

.expand{
	background:url(../graph/shared/single/expand_ct.gif) 0px 0px repeat-y;
	/*width:547px;*/
	width:552px;
	/*padding:0px 3px 0px 2px;*/
	position:relative;
	padding-bottom:10px;
	overflow:hidden;
	float:left;
}
.expand_title{
	/*width:523px;*/ /*547px;*/
	width:531px;
	padding:0px 7px 0px 7px;
	position:relative;
	overflow:hidden;
}

.expand_img{
	background:url(../graph/shared/mde/loading.gif) 129px 70px no-repeat;
	width:532px;
	height:307px;
	padding:0px 0px 0px 0px;
	/*left:7px;*/
	left:7px;
	position:relative;
	overflow:hidden;
}

.expand_img ul{
	
	width:2660px; /*Set From Script*/
	position:absolute;
	padding:0px;
	float:left;
	left:0px;
	top:6px;
	height:307px;
}
.expand_img ul li img{ border:0px; }
.expand_img ul li img:hover{ border:0px; }
.expand_img ul li{
	list-style:none;
	width:532px;
	height:307px;
	padding:0px;
	position:relative;
	float:left;
	overflow:hidden;
}

.expand_nav{
	background:#435151;
	/*width:523px;*/ /*547px;*/
	width:522px;
	margin-top:3px;
	padding:6px 12px 7px 12px;
	position:relative;
	overflow:hidden;
}

.expand_nav ul{
	width:400px;
	position:relative;
	overflow:hidden;
	float:left;
}

.expand_nav ul li{
	background:url(../graph/shared/ul_sign0.gif) 0px 7px no-repeat;
	list-style:none;
	width:auto;
	height:auto;
	padding:0px 25px 0px 7px;
	position:relative;
	float:left;
	overflow:hidden;
}

.expand_nav ul li a{
	position:relative;
	float:left;
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
}

.expand_nav ul li a:hover{ text-decoration:underline; color:#fe6206; }

.expand_nav_launch{
	background:url(../graph/shared/ul_sign_launch.gif) 0px 5px no-repeat;
	padding:0px 0px 0px 13px;
	float:right;
	color:#ffffff;
	text-decoration:none;
}
.expand_nav_launch:hover{ text-decoration:underline; }
.expand_img ul li{ background:none; }
.expand_img_back, .expand_img_next{
	width:54px;
	height:54px;
	position:absolute;
	top:126px;
}
.expand_img_back img, .expand_img_next img{
	border:0px !important;
	width:54px;
	height:54px;
	position:absolute;
}
.expand_img_back{ left:14px; }
.expand_img_back img{ background-image:url(../graph/shared/single/btn_back.png); left:0px; }

.expand_img_next{ right:14px; }
.expand_img_next img{ background-image:url(../graph/shared/single/btn_next.png); right:14px; }

.expand_img_back:hover img{ background-image:url(../graph/shared/single/btn_back2.png); }
.expand_img_next:hover img{ background-image:url(../graph/shared/single/btn_next2.png); }
/* ================================================================================== */
/* =============================== subpage.php [END] ================================ */
/* ================================================================================== */