@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color:#4c2460; background-image: url(images/main_bg.jpg);background-position: top; background-repeat: repeat-x;}
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
.resize { width:966px; margin:0 auto; }
/********** header **********/
.header { }
.block_header { margin:0 auto; width:966px; }
/* logo */
.logo { float:left; padding:0; width:209px; margin-top: 10px; margin-right: 0; margin-bottom: 0px; margin-left: 400px; }
/*Twitter*/
.Twitter {width:500px; float:left;}
/* menu */	
.menu { width:966px; height:53px; background: url(images/divider_dark.png); border-top: #210520 thin dotted; border-bottom: #210520 thin dotted; }
.menu-item { text-align:center; width:136px; height:19px; float:left; margin: 0; padding: 17px 0; border-left: #8b2e84 thin dotted; border-right: #210520 thin dotted;}
.menu-item img {float: right; position: relative; top: -18px; margin-left: -32px; border:none;}
.menu a { margin: 0 0; padding: 0 0; color:#fff; font:14px Verdana, Geneva, sans-serif; font-weight: bold; text-decoration:none;}
.menu-item:hover { background: url(images/divider2.png); }
.menu-item:active { background: url(images/divider2.png); }
#active { background: url(images/divider2.png); }
.divider {height: 16px; width: 966px;  background: url(images/divider2.png); border-bottom: #808080 thin dotted; float: left;}
/********** slider **********/
.slider { margin:0 auto; padding:0; height:250px; }
.slider2 { margin:0 auto; padding:0; }
.slice12 { margin:0 auto; width:966px; padding:0; background:url(images/slice_tampon.jpg) top no-repeat; height:250px; }
.slice12 h2 { font: normal 40px; color:#1c1d1c; padding:20px 40px; margin:0; font-family: Tahoma, Geneva, sans-serif;}
.slice13 { margin:0 auto; width:966px; padding:0; background:url(images/slice-pl2.jpg) top no-repeat; height:250px; }
.slice13 h2 { font: normal 40px; color:#1c1d1c; padding:20px 40px; margin:0; font-family: Tahoma, Geneva, sans-serif;}
.slice14 { margin:0 auto; width:966px; padding:0; background:url(images/slice-pads2.jpg) top no-repeat; height:250px; }
.slice14 h2 { font: normal 40px; color:#1c1d1c; padding:20px 40px; margin:0; font-family: Tahoma, Geneva, sans-serif;}
.slice15 { margin:0 auto; width:966px; padding:0; background:url(images/slice_contact.jpg) top no-repeat; height:250px; }
.slice15 h2 { font: normal 40px; color:#1c1d1c; padding:20px 40px; margin:0; font-family: Tahoma, Geneva, sans-serif;}
.slice16 { margin:0 auto; width:966px; padding:0; background:url(images/slice-blog.jpg) top no-repeat; height:180px; }
.slice16 h2 { font: normal 40px; color:#1c1d1c; padding:20px 40px; margin:0; font-family: Tahoma, Geneva, sans-serif;}
/*simple text*/
.simple { width:966px; margin:0 auto; padding:0; }
.simple .text { font:normal 12px Arial, Helvetica, sans-serif; color:#858585; width:200px; float: right; margin:10px 0; padding:0; }
.slider div.slice1 { margin:0 auto; width:966px; padding:0;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0; }
.banner1 { margin:0; padding:0; width:966px; height:250px; background:url(images/banners-01.jpg) top no-repeat; }
.banner2 { margin:0; padding:0; width:966px; height:250px; background:url(images/banners-03.jpg) top no-repeat; }
.banner3 { margin:0; padding:0; width:966px; height:250px; background:url(images/banners-02.jpg) top no-repeat; }
.bannertxt { width:280px; float: left; margin:120px 0px 0px 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; padding:18px 0 5px 20px; line-height:1.8em; }
.bannertxt2 { width:120px; float: left; margin:120px 0px 0px 840px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; padding:18px 0 5px 0px; line-height:1.8em; }
.slider div div div h2 { width:300px; float:left; font:normal 40px; color:#000; padding:30px 0 0 40px; margin:0; line-height:1.2em; font-family: Tahoma, Geneva, sans-serif;}
.slider div div div p.img { width:590px; float:right; padding:20px 0 0 0; margin:0; }
/********** block index **********/
.body { padding:0; margin:0; }
.body h2 { font: normal 20px  Verdana, Geneva, sans-serif; color:#FFF; padding:10px 5px; margin:0; }
.body h3 { font:normal 18px Verdana, Geneva, sans-serif; color:#373737; padding:10px 5px; }
.body h4 { font:normal 18px Verdana, Geneva, sans-serif; margin: 0; padding: 5px 20px;}
.body h5 { font:normal 18px Verdana, Geneva, sans-serif; margin: 0; padding: 5px 35px;}

.body a { font:normal 11px; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:5px; margin:0; }
.body strong { color:#fff; }
.body span { font:bold 11px; color:#baa271; font-family: Tahoma, Geneva, sans-serif; }
.body em { font:italic 11px; color:#8d8d8d; line-height:1.8em; padding:10px 0 0 10px; font-family: Tahoma, Geneva, sans-serif; }
.body_resize { width:966px; margin:0 auto; padding:0; background: url(images/bg-serv.png);}
.blog { background: url(images/bg-side2.png);}

/********************topi***************/
.topi { width:966px; height: 250px; background: url(images/bg-serv.png); margin: 0px auto;}
.topi .blogi { width:280px; height: 135px; margin:40px 5px 20px 5px; padding:15px 15px; float:left; background: url(images/bg-side3.png); opacity:0.6; text-align:right;}
.topi .blogi:hover { opacity:1; border: thin dotted #fff;}
.topi h2 { border:0; padding: 90px 0 0 0; font:normal 26px; color:#666; font-family: Tahoma, Geneva, sans-serif;}
.topi p { font: normal 11px Tahoma, Geneva, sans-serif; color:#fff; }
.topi h2.what { background: url(images/btn_pl.png) no-repeat; background-position: center center;}
.topi h2.Our { background:url(images/btn_pad.png) center center no-repeat;}
.topi h2.work { background:url(images/btn_tampon.png) center center no-repeat; }
/*******************Welcome*****************/
.Welcome { width:535px; margin:5px auto; float:left; padding:5px 20px 5px 10px; }
.Welcome .titlebg { background: url(images/divider2.png); border-bottom: #FFF thin dotted; border-top: #FFF thin dotted; clear:both; padding:0 0px; margin:0px 0px 5px 0px;	}
.content { border-top: thin dotted #808080; border-bottom: thin dotted #808080; }
.content:hover { border-top: thin dotted #CCC; background: url(images/bg-serv.png);}
.Welcome h2 {color: #d037cf; }
.Welcome h2 img {padding: 0 5px;}
.Welcome ul { width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.Welcome li {  background:url(images/diamond2.png) left no-repeat; padding:10px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#ffffff; }
.Welcome li.more { background:url(images/ul_li.gif) left no-repeat; padding:15px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.Welcome .serv { width:500px; float:left; margin:5px 2px; padding:0; }
.Welcome .serv img { margin:30px 20px 30px 10px; float:left; padding:0; }

/*app */
.app-green { width: 10px; height: 31px; float: left; background: url(images/app-green.png); color: #2acf2a;}
.green a{ font:normal 18px Arial, Helvetica, sans-serif; color:#2acf2a; margin: 0; padding: 5px 20px; }
.app-blue { width: 10px; height: 31px; float: left; background: url(images/app-blue.png); color: #2acf2a;}
.blue a{ font:normal 18px Arial, Helvetica, sans-serif; color:#4773d8; margin: 0; padding: 5px 20px; }
.app-purple { width: 10px; height: 31px; float: left; background: url(images/app-purple.png); color: #2acf2a;}
.purple a{ font:normal 18px Arial, Helvetica, sans-serif; color:#d037cf; margin: 0; padding: 5px 20px; }
.app-pink { width: 10px; height: 31px; float: left; background: url(images/app-pink.png); color: #2acf2a;}
.pink a{ font:normal 18px Arial, Helvetica, sans-serif; color:#db427f; margin: 0; padding: 5px 20px; }

/*education-main */
.Education { width:530px; margin:5px auto; float:left; padding:5px 30px 5px 80px; background: url(images/notepad-back.gif) left; color: #333;}
.Education .titlebg { background: url(images/divider2.png); border-bottom: #FFF thin dotted; border-top: #FFF thin dotted; clear:both; padding:0 0; margin:0px 0px 5px 0px;	}
.Education ul { width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.Education li { background:url(images/diamond2.png) left no-repeat; padding:10px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#333; }
.Education .serv { width:500px; float:left; margin:5px 2px; padding:0; }
.Education .serv img { margin:30px 20px 30px 10px; float:left; padding:0; }
.edutitle { width: 500px; height: 130px; margin: 15px 0 0 5px; background: url(images/edubg.png) left no-repeat; float: left;}
.edutitle h2 { border:0; padding: 35px 0 0 150px; font:normal 20px; color:#19517F; font-family: Tahoma, Geneva, sans-serif;}
.Education p {color: #333; padding: 5px 0 0 10px;}
.Education .strong { width:490px; margin:5px auto; float:left; padding:5px 5px 30px 10px; font:  bold 12px Arial, Helvetica, sans-serif; color:#333; }
.Eduini { background: url(images/edu_ini.png) left no-repeat; border-bottom: #333 1px dotted;
	clear:both;
	font: normal 20px Arial, Helvetica, sans-serif; color: #333;
	padding:0;
	margin:0px 0px 5px 0px;
	}
	
/*education-post */
.edu-posts { width:260px; float: left; margin: 20px 15px; padding: 0px 10px 5px 10px;}
.post-top { width:280px; height: 63px; background: url(images/post_top.png) left no-repeat; float: left;}
.post-back { width:240px; background: url(images/post_back.png) left; float: left; padding: 5px 0 0 20px}
.post-back ul { list-style:none; margin:0 0; padding:0; }
.post-back ul li a { 
	font: normal 14px Arial, Helvetica, sans-serif; color:#333;
	display:block;
	width: 180px;
	margin: 1px 0;
	padding:4px 0 4px 25px;
	border-top: #999 thin dotted;
	border-bottom: #999 thin dotted;
	float: left;
	background: url(images/indicator.png) left no-repeat;
}
.post-back ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(images/indicator-hover.png) left no-repeat #ffa3e0;
}
.post-bottom { width:280px; height: 63px; margin: 0 0 30px 0; background: url(images/post_bottom.png) left no-repeat; float: left;}
.category-top { background: url(images/categories-top.png) left no-repeat;}
/*News */
.recent-posts { width:280px; height: 960px; float: left; margin: 20px 15px; padding: 0px 10px 5px 10px;}

.recent-posts ul { list-style:none; margin:0 0; padding:0; }
	
.recent-posts ul li a {
	font: bold 14px Arial, Helvetica, sans-serif; color:#5c5c5c;
	display:block;
	width:220px;
	margin: 1px 0;
	padding:4px 0 4px 25px;
	border-top: #FFF thin dotted;
	border-bottom: #fff thin dotted;
	float: left;
	background: #000000 url(images/indicator.png) left no-repeat;
	opacity:0.5;
}
.recent-posts ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(images/indicator-hover.png) left no-repeat #ffa3e0;
}

.News {
	width:307px;
	float: left;
	margin:5px 15px;
	padding:5px 40px 5px 10px;
	background: url(images/main_divider.png) right top no-repeat;
}
.News h2 {color: #d037cf; }
.News h2 img {padding: 0 5px;}
.News a { font:normal 11px;
	color:#fff;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
}
.News .content img { margin: 0 70px 5px 0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#333333; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 12px Tahoma, Geneva, sans-serif; color:#656565; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; }
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; }
p.response { text-align:center; color:#ffffff; font: bold 18px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/********** footer **********/
.footcate { height: auto; width: 566px;  background: url(images/side-serv.png); border-bottom: #808080 thin dotted; float: left; padding: 0 0 0 400px; }
.footcate ul { display:block; margin: 10px 5px; float: left; padding: 0; list-style: none;}
.footcate h2 { color: #d037cf; border-bottom: 1px dotted #d037cf; padding: 3px 2px;}
.footcate h2 a { font: normal 16px  Verdana, Geneva, sans-serif; color:#d037cf; padding:0 0; margin:0; text-decoration:none; }
.footcate ul li { padding: 2px 5px; font:normal 11px Arial, Helvetica, sans-serif; color: #fff;  }


.footer { padding:30px 0; margin:0 auto; }
.footer .resize div { width:966px; color:#d6e8f5; font:normal 11px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; }
.footer .resize p.footer_logo { float:left; padding:0; margin:0 10px; }
.footer .resize div p { padding:0; margin:0; float:left; }
.footer .resize div img { margin:0; padding:0; }
.footer .resize div a { color:#d6e8f5; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px;}
.text_left { text-align:right; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:4px solid #0066ff; padding:0; margin:5px 0; background:none; }
.headline { background: url(images/divider2.png);
	clear:both;}
#titlebg {background-color:#06F; filter: alpha(opacity=50); padding:5px 0px;}

#subtitle { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none; }

/********** sample **********/
.body_sample { 	width:966px; margin:30px auto; padding:20px 20px; background: url(images/bg-side.png); border-bottom:1px solid #0e0e0e;}
.sample { width:535px; margin:5px auto; float:left; padding:5px 20px 5px 50px;}
.sample .titlebg { background: url(images/divider2.png); border-bottom: #FFF thin dotted; border-top: #FFF thin dotted;
	clear:both;
	padding:0 0px;
	margin:0px 0px 5px 0px;
	}

.sample ul { width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.sample li {  background:url(images/diamond2.png) left no-repeat; padding:10px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#ffffff; }
.sample li.more { background:url(images/ul_li.gif) left no-repeat; padding:15px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.sample .serv { width:500px; float:left; margin:5px 2px; padding:0; }
.sample .serv img { margin:30px 20px 30px 10px; float:left; padding:0; }