@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Tahoma, Arial, Verdana, Helvetica;
   font-size:14px; line-height:17px; color:#339999;  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 #bdedf8;height:100%; }
.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after, .mdex:after, .mdey:after, .title: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, .title{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder, * html .mdex, * html .mdey, * html .title{height: 1%;}
.override, .mde, .mdel, .mder, .mdex, .mdey, .title{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============== text  =============== */
/* =============================== mdeul [START] ==================================== */
.mdeul{ position:relative; overflow:hidden; margin:0px; padding:0px; }
.mdeul_bg0 li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px 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 6px no-repeat; }
.mdeul_bg3 li{ background:url(../graph/shared/ul_sign3.gif) 0px 6px no-repeat; }
.mdeul_bg4 li{ background:url(../graph/shared/ul_sign4.gif) 0px 5px no-repeat; }

.mdeul_bg0o li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.mdeul_bg1o li{ background:url(../graph/shared/ul_sign1.gif) 0px 9px no-repeat !important; }
.mdeul_bg2o li{ background:url(../graph/shared/ul_sign2.gif) 0px 9px 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 5px no-repeat !important; }
.set_mdeul_bg1 ul li{ background:url(../graph/shared/ul_sign1.gif) 0px 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_pm5 li{ padding-bottom:5px !important; }
.mdeul_pm8 li{ padding-bottom:8px !important; }

.span_ab{
	position:absolute;
	left:0px;
}
.mdeul_span_ab{ overflow:visible !important; }
.mdeul_span_ab li{ padding-left:22px !important; }
/* =============================== mdeul [END] ====================================== */
/* =============================== mdedl [START] ==================================== */
.mdedl{ position:relative; overflow:hidden; }
.mdedl dt{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
.mdedl dd{
	width:50%;
	float:right;
	position:relative;
	overflow:hidden;
}
.mdedl_set1{ width:270px; }
.mdedl_set1 dt{ width:70px; margin-top:3px; }
.mdedl_set1 dd{ width:192px; }
/* =============================== mdedl [END] ====================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }

.color_orange{ color:#ff7200 !important; }
.color_black{ color:#1a171b !important; }
.color_red{ color:#c80000 !important; }
.color_grey{ color:#707070 !important; }
.color_green{ color:#186f11 !important; }
.color_blue{ color:#1463b0 !important; }
.color_blue2{ color:#003357 !important; }
.bg_red{ background-color:#b83535 !important; }
.bg_white{ background-color:#ffffff !important; }
.bg_orange{ background-color:#f09214 !important; }
.bg_orange2{ background-color:#e56c00 !important; }
.bg_green{ background-color:#0c8e12 !important; }
.bg_black{ background-color:#1a171b !important; }
.bg_grey{ background-color:#eeefef !important; }
.bg_body{ background-color:#333a40 !important; }
.size10{ font-size:10px !important; line-height:14px !important;}
.size11{ font-size:11px !important; line-height:14px !important;}
.size12{ font-size:12px !important; line-height:15px !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; }

a{
	font: 14px/17px Tahoma, Arial, Verdana, Helvetica;
	color:#339999;
	text-decoration:underline;
}
a:hover{ color:#666666; text-decoration:underline; }
.under_off{ text-decoration:none; }
.set_bold{ font-weight:bold; }

h1{	font:bold 18px/22px Tahoma, Arial, Verdana, Helvetica; }
/*
h2{	font: 24px/28px Tahoma, Arial, Verdana, Helvetica; }
*/

#main_container, .main_container{
	width:100%;
	position:relative;
	left:0px;
	min-width:924px;
	overflow:hidden;
}

.main_sea, .main_white{
	width:100%;
	position:relative;
	left:0px;
}
.main_sea{
	background:url(../graph/shared/main_seabg.gif) 0px bottom repeat-x #bdedf8;
	border-top:1px solid #ffffff;
	padding:0px 0px 2px 0px;
	/*override*/
	z-index:10;
}

.main_white{
	background:url(../graph/shared/main_whitebg.gif) 0px bottom repeat-x #ffffff;
	overflow:hidden;
	z-index:1;
}
.mde{
	width:924px;
	margin:0px auto 0px auto;
	position:relative;
	/* override */
}

.mdel{
	width:246px;
	position:relative;
	float:left;
	margin-right:-3px;
	/* override */
}


.mder{
	width:629px;
	padding:0px 9px 0px 3px;
	position:relative;
	float:right;
	margin-left:-3px;
	/* override */
}

.mdex{
	width:590px;
	position:relative;
	float:left;
	margin-right:-3px;
	/*overflow:hidden;*/
}

.mdey{
	width:205px; 
	position:relative;
	float:right;
	margin-left:-3px;
	/* overrride */
}
/* =============================== mde [END] ======================================== */
/* =============================== top [START] ====================================== */
#top{ background:url(../graph/shared/top/top_bg.jpg) right 0px no-repeat; height:186px; padding-bottom:1px; }
#top_logo{
	background:url(../graph/shared/top/top_logo.gif) 0px 0px no-repeat;
	width:160px;
	height:160px;
	position:absolute;
	left:45px;
	top:10px;
}
/* =============================== top [END] ======================================== */
/* =============================== menu [START] ===================================== */
#menu{ height:308px; }
#menu_bg{
	background:url(../graph/shared/menu/menu_bg.png) 0px 0px no-repeat;
	width:247px;
	height:327px;
	position:absolute;
	left:0px;
	top:-8px;
}

.menul{
	width:245px;
	height:299px;
	padding:9px 0px 0px 0px;
	position:absolute;
	left:1px;
	top:9px;
}
.menul li{
	background:url(../graph/shared/menu/menul_sep.gif) 0px bottom no-repeat;
	list-style:none;
	width:245px;
	padding:0px 0px 1px 0px;
	position:relative;
	float:left;
	overflow:hidden;
}
.menul li a{
	width:192px;
	padding:8px 28px 8px 28px;
	position:relative;
	float:left;
	overflow:hidden;
}
.menul .active a, .menul li a:hover{ background:url(../graph/shared/menu/hover/menul_bg.png) 0px 0px repeat; }
.menul li a img{ width:189px; height:18px; }

#menul_1 a img{ background:url(../graph/shared/menu/menul_1.png) 0px 0px no-repeat; }
#menul_2 a img{ background:url(../graph/shared/menu/menul_2.png) 0px 0px no-repeat; }
#menul_3 a img{ background:url(../graph/shared/menu/menul_3.png) 0px 0px no-repeat; }
#menul_4 a img{ background:url(../graph/shared/menu/menul_4.png) 0px 0px no-repeat; }
#menul_5 a img{ background:url(../graph/shared/menu/menul_5.png) 0px 0px no-repeat; }
#menul_6 a img{ background:url(../graph/shared/menu/menul_6.png) 0px 0px no-repeat; }
#menul_7 a img{ background:url(../graph/shared/menu/menul_7.png) 0px 0px no-repeat; }

#menu_img{
	width:651px;
	height:308px;
	position:absolute;
	left:273px;
	top:0px;
	overflow:hidden;
}
/* =============================== menu [END] ======================================= */
/* =============================== cont [START] ===================================== */
#cont{ padding:21px 0px 50px 0px; }
.title_h1{ padding-top:8px; }
.line{
	height:1px;
	position:relative;
	overflow:hidden;
}
.line1{ background:url(../graph/shared/line1.gif) 0px 0px repeat-x; }
/* =============================== cont [END] ======================================= */
/* =============================== boxz [START] ===================================== */
.boxz_up, .boxz_dn{
	width:240px;
	height:9px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}
.boxz_up{ background:url(../graph/shared/mde/boxz/boxz_up.png) 0px 0px no-repeat; z-index:1; }
.boxz_dn{ background:url(../graph/shared/mde/boxz/boxz_dn.png) 0px 0px no-repeat; margin-top:-9px; z-index:3; }
.boxz{
	background:url(../graph/shared/mde/boxz/boxz_bg.png) 0px 0px repeat-x #d3f3fa;
	width:224px;
	padding:0px 8px 9px 8px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.boxz_pg{ width:240px; padding:0px 0px 0px 0px; }
.boxz, .boxz *{ font-size:12px; line-height:15px; color:#666666; }
.boxz_link1{
	background:url(../graph/shared/ul_sign1.gif) 0px 5px no-repeat;
	padding-left:14px;
	color:#1463b0;
	text-decoration:underline;
}
.boxz_link1:hover{ color:#000000; text-decoration:underline; }
.boxz_title{
	border-bottom:1px solid #ffffff;
	width:224px;
	margin-bottom:4px;
	padding:0px 0px 4px 0px;
	position:relative;
	overflow:hidden;
}
.boxz_title, .boxz_title *{ font-size:14px; line-height:17px; color:#ffffff; }
/* =============================== boxz [END] ======================================= */
/* =============================== foot [START] ===================================== */
#foot{ width:860px; padding:10px 32px 10px 32px; }
.foot_line1, .foot_line2{
	width:860px;
	position:relative;
	overflow:hidden;
}
.foot_line1{
	border-bottom:1px solid #666666;
	padding:0px 0px 8px 0px;
}
.foot_line1, .foot_line1 *{ font-size:12px; line-height:15px; color:#666666; }
.foot_line1 a{ text-decoration:none; }
.foot_line1 a:hover{ color:#666666; text-decoration:underline; }

.foot_line2{ padding:5px 0px 0px 0px; }
.foot_line2 .lt{ float:left; position:relative; overflow:hidden; }
.foot_line2 .rt{ float:right; position:relative; overflow:hidden; }
.foot_line2, .foot_line2 *{ font-size:11px; line-height:14px; color:#999999; }
.foot_line2 a{ text-decoration:none; }
.foot_line2 a:hover{ color:#000000; text-decoration:none; }

.foot_sep{ margin-left:2px; margin-right:2px; }
/* =============================== foot [END] ======================================= */
/* =============================== formd [START] ==================================== */
.formd{
	width:622px;
	position:relative;
	border:0px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}
/* ========== box_formd ============== */
/*
.box_formd{ width:auto; }
.box_formd, .box_formd *{ font-size:12px; line-height:16px; }
.box_formd h1{ font-size:26px; line-height:30px; }
.box_formd h2{ font-size:18px; line-height:22px; }
.box_formd h3{ font-size:14px; line-height:17px; }


.box_formd .formd_full{ width:598px; }
.box_formd .formd_label{ width:226px; padding-right:8px; }
.box_formd .formd_label, .box_formd .formd_label *{  }
.box_formd .formd_text{ background:#f2fcf2; width:250px; border:1px solid #786527; }
.box_formd .formd_textarea{ background:#f2fcf2; width:250px; border:1px solid #786527; }
.box_formd .formd_full_button{ width:491px; }

.box_formd .formd_select{ width:258px; height:20px; border:1px solid #786527; background:#f2fcf2; }
.box_formd .formd_select option{ background:#f2fcf2; }
.box_formd .formd_submit{ 
	background:url(../graph/shared/single/btn_sign1.gif) right 6px no-repeat #566c29; 
	height:25px;
	margin:0px;
	padding:0px 28px 0px 10px;
	border:0px;
	font: bold 14px/17px "Times New Roman", Tahoma, Arial, Verdana, Helvetica; 
	color:#ffffff;
}
.box_formd .formd_submit:hover{ background:url(../graph/shared/single/btn_sign1.gif) right 6px no-repeat #d42b23; color:#ffffff;  }
*/
/* ========== box_formd ============== */
/* ========== contact_formd ========== */
.contact_formd{ width:355px; }
.contact_formd, .contact_formd *{ font-size:12px; line-height:16px; }
.contact_formd .formd_full{ width:355px; }
.contact_formd .formd_label{ width:100px; padding-right:8px; }
.contact_formd .formd_label, .contact_formd .formd_label *{ color:#339999; }
.contact_formd .formd_text{ background:#e9f5f5; width:239px; border:1px solid #339999; }
.contact_formd .formd_textarea{ background:#e9f5f5; width:239px; border:1px solid #339999; }
.contact_formd .formd_full_button{ width:355px; }
.contact_formd .formd_submit{ background:url(../graph/shared/single/btn_sendinquiry.gif) 0px 0px no-repeat; border:0px; width:129px; height:30px; }
.contact_formd .formd_submit:hover{ background:url(../graph/shared/single/hover/btn_sendinquiry.gif) 0px 0px no-repeat; width:129px; height:30px; }

.contact_formd .formd_select{ width:258px; height:20px; border:1px solid #339999; background:#e9f5f5; }
.contact_formd .formd_select option{ background:#e9f5f5; }
/* ========== contact_formd ========== */


.formd_full{
	width:622px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
}
.formd_full{ margin-top:11px; margin-right:-3px; /* IE path */ }
.formd_full_first{ margin-top:0px; }

.formd_label{
	width:170px;
	margin-top:3px;
	padding-right:9px;
	position:relative;
	float:left;
	overflow:hidden;
	
	font:12px/16px Verdana, Arial, Tahoma, Helvetica;
	color:#000000;
	text-align:right;
}

.formd_text{
	background-color:#fadead;
	width:205px;
	height:14px;
	padding:3px 3px 3px 3px;
	border:1px solid #5ed5f8;
	position:relative;
	float:left;
	
	font:12px/14px Verdana, Arial, Tahoma, Helvetica;
	color:#454545;
}

.formd_textarea{
	background-color:#fadead;
	width:435px;
	height:70px;
	padding:3px 3px 3px 3px;
	border:1px solid #5ed5f8;
	position:relative;
	float:left;
	
	font:12px/14px Verdana, Arial, Tahoma, Helvetica;
	color:#454545;
}

.formd_select{
	background:#fadead;
	width:213px;
	height:18px;
	border:1px solid #5ed5f8;

	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	float:left;
}

.formd_select option{ background:#fadead; border:0px; }

.formd_radio{
	width:15px;
	height:15px;
	position:relative;
	float:left;
	overflow:hidden;
}
/* ================= formd_full_button ========== */
.formd_full_button{
	width:392px;
	margin:0px;
	margin-right:-3px;
	padding:0px;
	padding-top:11px;
	position:relative;
	overflow:hidden;
	float:left;
	left:0px;
}


.formd_submit{
	background:#fadead;
	border:1px solid #5ed5f8;
	/*width:137px;*/
	padding:10px 40px 10px 40px;
	margin:0px;
	/*height:37px;*/
	position:relative;
	float:right;
	cursor:pointer;
}

.formd_submit:hover{ background:#e0c79b; }
/* ================= formd_full_button ========== */
.color_redlight{ color:#d60600; }

/* =============================== formd [END] ====================================== */
/* =============================== light [START] ==================================== */
.light{ 
	width:625px;
	padding:0px 2px 0px 2px;
	position:relative;
	overflow:hidden;
}
.light a{
	border:1px solid #339999;
	position:relative;
	margin:6px 10px 6px 10px;
	float:left;
	overflow:hidden;
}
.light a:hover{ border:1px solid #7ec4c4; }
/* =============================== light [END] ====================================== */
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */