* { font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0; padding:0; }
body { background:#5897de; color:#393a3e; }
.body-default { background:#ffffff; color:#393a3e; margin:0; padding:15px; }

/* ----------------------------------------------------------------- blocks site ----------------------------------------------------------------- */
#box-all { margin:auto; min-width:1000px; max-width:1160px; }
	#box-all #box-all-pd { padding:5px; }

#tab-content { width:100%; }
	#tab-content tbody tr td { vertical-align:top; }
	#tab-content tbody tr td#tab-left { background:#fff url(../i/u-lb.gif) no-repeat 0 100%; width:28%; }
	#tab-content tbody tr td#tab-center { background:#fff url(../i/u-cb.gif) no-repeat 100% 100%; width:auto; }
	#tab-content tbody tr td#tab-right { width:22%; }

#tab-gallery { width:100%; }
	#tab-gallery tbody tr td { vertical-align:top; }
	#tab-gallery tbody tr td#tab-gallery-left { width:auto; }
	#tab-gallery tbody tr td#tab-gallery-right { background:#f3f3f3; width:30%; }

/* ----------------------------------------------------------------- left collumn ----------------------------------------------------------------- */
#left-collumn { background:url(../i/u-lt.gif) no-repeat; position:relative; }
	#left-collumn #left-collumn-pd { float:right; padding:0 0 50px; width:230px; }
	#left-collumn #block-vmenu { background:#5897de url(../i/u-block-vmenu-b.gif) no-repeat 100% 100%; left:0px; position:absolute; top:0px; }
		#left-collumn #block-vmenu #block-vmenu-pd { background:url(../i/u-block-vmenu-t.gif) no-repeat 100% 0; width:26px; }
/* Logo */
.logo { padding:31px 0 16px 25px; }
	.logo img { display:block; }
/* menu */
#vmenu { background:#5897de url(../i/u-vmenu-b.gif) no-repeat 0 100%; }
	#vmenu #vmenu-pd { background:url(../i/u-vmenu-t.gif) no-repeat; padding:20px 10px; }
		#vmenu #vmenu-pd ul { list-style:none; }
			#vmenu #vmenu-pd ul li { background:url(../i/mark-vmenu.gif) no-repeat 11px 6px; margin:4px 0; padding:1px 0 2px 25px; }
			#vmenu #vmenu-pd ul li.on { background:#aa1e56 url(../i/mark-vmenu-on.gif) no-repeat 11px 6px; }
				#vmenu #vmenu-pd ul li a { color:#fff; font-family:Tahoma,MS Sans Serif,Arial; font-size:11px; text-decoration:none; text-transform:uppercase; }
/* banner */
#lbanns { padding:12px 0 66px; }
	#lbanns img { display:block; margin:auto; }
/* news & article */
#lblock { margin:0 0 10px; padding:0 0 10px; width:220px; }
	#lblock .tit { background: #ccced0; text-align: center; color:#333; font-size:13px; font-weight:bold; padding:0 0 1px 2px; text-transform:uppercase; }
	#lblock div 	{color:#7b7a6e; font-size:12px; padding:7px 5px 0; }
	#lblock .serv3	{color:#666; font-size:9px; padding:7px 0 5px 5px;}

/* ----------------------------------------------------------------- center collumn ----------------------------------------------------------------- */
/* slogan */
#slogan { background:url(../i/bg-slogan.gif) repeat-x; height:89px; }
	#slogan #slogan-pd { background:url(../i/bg-slogan-pd.gif) no-repeat; color:#fff; font-size:18px; padding:48px 0 0 40px; }
/* gallery */
#gallery { background:#ccced0; height:180px; position:relative; }
	#gallery #gallery-pic { height:180px; width:486px; }
		#gallery #gallery-pic img { display:block; }
	#gallery #u-tr { left:471px; position:absolute; top:0; }
		#gallery #u-tr img { display:block; }
	#gallery #num-pic { background:url(../i/bg-num-pic.png) no-repeat; height:27px; left:0px; position:absolute; padding:6px 15px 0 0; bottom:0; }
	#gallery #num-pic { width:471px; }
		#gallery #num-pic .wlink { float:left; padding:2px 0 0 20px; }
		#gallery #num-pic a.n { background:url(../i/num-pic-off.gif) no-repeat; display:block; float:right; font-size:11px; height:21px; margin:0 5px 0 0; }
		#gallery #num-pic a.n { padding:4px 0 0; text-align:center; text-decoration:none; width:21px; }
		#gallery #num-pic a.on { background:url(../i/num-pic-on.gif) no-repeat; color:#fff; }
/* banners */
#cbanns { background:#f3f3f3 url(../i/u-cbanns-lb.gif) no-repeat 0 100%; height:178px; position:relative; }
	#cbanns #cbanns-box { background:#ccced0 url(../i/u-cbanns-pic-lb.gif) no-repeat 0 100%; height:128px; left:0; padding:14px 0 0 8px; }
	#cbanns #cbanns-box { position:absolute; top:0; width:702px; }
		/* mouseout */
		#cbanns #cbanns-box .banns { float:left; height:113px; margin:0 6px 0 0; width:169px; }
			#cbanns #cbanns-box .banns a { background:url(../i/bg-banns.gif) no-repeat; display:block; height:107px; overflow:hidden; padding:6px 6px 0; }
			#cbanns #cbanns-box .banns a { position:relative; text-decoration:none; width:157px; }
				#cbanns #cbanns-box .banns a img { display:block; margin:0 0 5px; }
				#cbanns #cbanns-box .banns a div { background:url(../i/u-banns.png) no-repeat; height:13px; left:0; position:absolute; top:0px; width:13px; }
				#cbanns #cbanns-box .banns a .utl { clip:rect(6px auto auto 6px); overflow:hidden; left:-1px; top:-1px; }
				#cbanns #cbanns-box .banns a .utr { clip:rect(6px 7px auto 0); overflow:hidden; left:155px; top:-1px; }
				#cbanns #cbanns-box .banns a .ubl { clip:rect(0 auto 7px 6px); overflow:hidden; left:-1px; top:69px; }
				#cbanns #cbanns-box .banns a .ubr { clip:rect(0 7px 7px 0); overflow:hidden; left:155px; top:69px; }
				#cbanns #cbanns-box .banns a span { background:url(../i/arr-banns.png) no-repeat; display:block; height:25px; left:6px; position:absolute; }
				#cbanns #cbanns-box .banns a span { top:27px; width:11px; }
		/* mouseover */
	#cbanns #cbanns-box .banns a:hover, #cbanns #cbanns-box .banns a.active { background:url(../i/bg-banns-on.gif) no-repeat; color:#fff; }
		#cbanns #cbanns-box .banns a:hover div, #cbanns #cbanns-box .banns a.active div { background:url(../i/u-banns-on.png) no-repeat; }
		#cbanns #cbanns-box .banns a:hover span, #cbanns #cbanns-box .banns a.active span { background:url(../i/arr-banns-on.png) no-repeat; }
/* navidation */
#cbanns #nav { color:#939393; bottom:13px; font-size:10px; font-weight:bold; left:20px; position:absolute; }
	#cbanns #nav span { color:#0f2f83; font-size:10px; font-weight:bold; }
	#cbanns #nav a { color:#0f2f83; font-size:10px; font-weight:bold; text-decoration:none; }
		#cbanns #nav a:hover { text-decoration:underline; }

/* content */
#content-pd { background:url(../i/u-content-tr.gif) no-repeat 100% 0; padding:20px 20px 40px 0; }
#content-pd ul {text-indent: 10px; font-size: 12px; margin: 0 0 0 20px; }
#content-pd ol {text-indent: 20px; font-size: 12px; margin: 0 0 0 20px; }
#content-pd	a:hover{color: #333; text-decoration:none; font-weight: bold;}
#content-pd img	{margin: 0 5px;}
/* ----------------------------------------------------------------- right collumn ----------------------------------------------------------------- */
#u-tright { background:#fff url(../i/u-tr.gif) no-repeat 100% 0; height:30px; }
/* phone */
#phone { background:#ccced0; color:#0f2f83; font-size:18px; height:44px; padding:15px 45px 0 0; text-align:right; }
	#phone span { color:#fff; font-size:18px; }
/* text block */
#rblock { background:#ccced0; height:322px; padding:0 0 0 20px; }
	#rblock #rblock-pd { background:#5897de url(../i/u-rblock-bl.gif) no-repeat 0 100%; height:180px; }
		#rblock #rblock-pd #rblock-txt { background:url(../i/u-rblock-tl.gif) no-repeat; height:150px; padding:30px 25px 0; }
			#rblock #rblock-pd #rblock-txt a { color:#e5e1da; display:block; font-size:11px; text-decoration:none; }
				#rblock #rblock-pd #rblock-txt a img { border:1px solid #5897de; display:block; float:left; margin:0 20px 0 0; }
			#rblock #rblock-pd #rblock-txt a:hover { text-decoration:underline; }
				#rblock #rblock-pd #rblock-txt a:hover img { border:1px solid #0f2f83; display:block; float:left; margin:0 20px 0 0; }
#right-collumn { background:#f3f3f3 url(../i/u-rrb.gif) no-repeat 100% 100%; padding:49px 17px 60px; }
/* text block */
#rblocks { padding:0 0 30px; }
	#rblocks .tit { border-bottom:1px solid #c2c2c0; color:#939393; font-size:12px; font-weight:bold; padding:0 0 1px 2px; text-transform:uppercase; }
	#rblocks div { color:#7b7a6e; font-size:11px; padding:10px 0 0; }
	
	#rblocks .tit1 { border-bottom:1px solid #c2c2c0; text-align: center; color:#666; font-size:14px; font-weight:bold; margin:0 0 10px 0;}
	#rblocks .tit2 { text-align: center; color:#C60101; font-size:14px; font-weight:bold; margin:0 0 10px 0;}
	#rblocks .tit3 { border-bottom:1px solid #c2c2c0; text-align: center; color:#333; font-size:14px; font-weight:bold; margin:0 0 5px 0;}
	#rblocks .serv 		{color:#939393; font-size:12px; font-weight:bold; padding:0 0 1px 2px;}
	#rblocks .serv2		{color:#333; font-size:12px; font-weight:bold; padding:0 0 1px 5px;}
	#rblocks a:link   	{color: #939393; text-decoration:none;}
	#rblocks a:active 	{color: #933; text-decoration:none;}
	#rblocks a:hover  	{color: #933; font-size:13px; text-decoration:none;}
	#rblocks a:visited	{color: #939393; text-decoration:none;}
	
	
/* works pic */
#rworks {}
	#rworks a { display:block; margin:5px 0 15px; position:relative; }
		#rworks a img { display:block; }
		#rworks a div { background:url(../i/u-works.png) no-repeat; height:21px; left:0px; overflow:hidden; position:absolute; top:0px; width:21px; }
		#rworks a .wtl { left:-12px; top:-12px; }
		#rworks a .wtr { left:177px; top:-12px; }
		#rworks a .wbl { left:-12px; top:130px; }
		#rworks a .wbr { left:177px; top:130px; }

#copyright 			{color:#f2efe9; font-size:10px; font-weight:bold; padding:7px 0 7px 28%; text-align: center; height:25px; }
#copyright img		{float: right; margin: 7px 3px 0 0; }
#copyright a:link  	{color: #f2efe9; font-size:10px; text-decoration:none;}
#copyright a:visited	{color: #f2efe9; font-size:10px; text-decoration:none;}

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }
/* ------------------------------------------------------------- function design ------------------------------------------------------------- */
#list-pics { padding:0 0 10px; }
	#list-pics a { border:1px solid #fff; display:block; float:left; font-weight:bold; padding:5px 5px 20px; position:relative; text-decoration:none; }
	#list-pics a:hover { border:1px solid #aa1e56; }
		#list-pics a img { display:block; margin:5px 0 0; }
		#list-pics a div { background:url(../i/u-pics.png) no-repeat; height:12px; left:-2px; overflow:hidden; position:absolute; top:18px; width:12px; }
		#list-pics a .ptl { clip:rect(6px 12px 12px 6px); }
		#list-pics a .ptr { clip:rect(6px 7px 12px 0px); left:81px; }
		#list-pics a .pbl { clip:rect(0px 12px 6px 6px); top:101px; }
		#list-pics a .pbr { clip:rect(0px 6px 6px 0px); left:81px; top:101px; }

#tabs { background:url(../i/line-tabs.gif) repeat-x 0 100%; padding:0 5px; }
	#tabs .ps { float:left; margin:0 5px 0 0; }
	#tabs .ps span { background:#c2c2c0; border:1px solid #fff; border-width:0 1px; display:block; font-size:0px; }
	#tabs .ps a { display:block; border:1px solid #c2c2c0; border-width:0 1px 1px; font-weight:bold; padding:1px 7px 2px; text-decoration:none; }
	#tabs .ps a.on { border-bottom:1px solid #fff; color:#a91e55; }

.tabs-color { width:100%; }
	.tabs-color tbody tr td { border:1px solid #fff; color:#939393; font-size:11px; padding:0 0 25px; }
		.tabs-color tbody tr td div { margin:3px 0 0; height:22px; }

#page-nav { padding:15px 0 0; }
	#page-nav .next { float:right; }
	#page-nav .prew { float:left; }
		#page-nav div a { text-decoration:none; }

.form { padding:0 0 0 15px; }
	.form .cl { padding:0 0 5px; }
	.form div label { display:block; float:left; padding:6px 10px 0 0; text-align:right; width:70px; }
	.form div .input, .form div .area { float:left; }
	.form div .input { background:#ccced0 url(../i/bg-input-right.gif) no-repeat 100% 0; height:27px; padding:0 5px 0 0; }
		.form div .input div { background:url(../i/bg-input-left.gif) no-repeat; float:none; height:26px; padding:1px 0 0 5px; }
		.form div .input div input { background:none; border:0; height:20px; padding:4px 0 0; }
	.form div .area { background:#ccced0 url(../i/u-area-bl.gif) no-repeat 0 100%; }
		.form div .area div { background:url(../i/u-area-br.gif) no-repeat 100% 100%; }
			.form div .area div div { background:url(../i/u-area-tl.gif) no-repeat 0 0; }
		.form div .area div div div { background:url(../i/u-area-tr.gif) no-repeat 100% 0; padding:5px; }
			.form div .area div div div textarea { background:none; border:0; overflow:auto; }
	.form .sbt { background:#aa1e56 url(../i/bg-submit.gif) no-repeat; border:0; color:#fff; cursor:pointer; height:27px; margin:0 0 0 80px; width:90px; }

.cat-pic { width:100%; }
	.cat-pic tbody tr td { padding:0 0 25px; vertical-align:top; }
	.cat-pic tbody tr td.br { width:50%; }
		.cat-pic tbody tr td a { text-decoration:none; }
			.cat-pic tbody tr td a span { padding:0 0 0 4px; }
			.cat-pic tbody tr td a .brd { height:144px; padding:4px 0 0; overflow:hidden; position:relative; width:195px; }
				.cat-pic tbody tr td a .brd div { background:url(../i/u-catpic.png) no-repeat; height:21px; overflow:hidden; position:absolute; width:21px; }
				.cat-pic tbody tr td a .ptl { clip:rect(11px 21px 21px 11px); left:-7px; top:-7px; }
				.cat-pic tbody tr td a .ptr { clip:rect(11px 10px 21px 0px); left:181px; top:-7px; }
				.cat-pic tbody tr td a .pbl { clip:rect(0px 21px 10px 11px); left:-7px; top:134px; }
				.cat-pic tbody tr td a .pbr { clip:rect(0px 10px 10px 0px); left:181px; top:134px; }
				.cat-pic tbody tr td a .brd img { display:block; margin:auto; }
			.cat-pic tbody tr td a:hover .brd { background:url(../i/border-catpic.gif) no-repeat 0 100%; height:144px; position:relative; width:195px; }

/* ------------------------------------------------------------- style content design ------------------------------------------------------------- */
a { color:#0f2f83; }
	a:hover { color:#a91e55; }
	.wphoto { background:url(../i/mark-lilac.gif) no-repeat 0 5px; font-size:10px; font-weight:bold; padding:0 0 0 10px; text-decoration:none; }
		.wphoto:hover { text-decoration:underline; }
	.news { font-size:14px; }

a img { border:0; }
	.bl { display:block; }

p { padding:0 0 10px; }

h1 {color:#0f2f83; font-size:18px; text-align: center; font-weight:normal; padding:0 0 10px; }
h2 {color:#333; font-size: 14px; text-align: center; padding: 0 0 7px;}
h3 {color:#666; font-size:12px; padding:0 0 7px; }
h4 {color:#003; font-size:12px; text-align: center; padding:0 0 10px;}
h5 {color:#000; font-size: 13px; text-indent: 30px; padding:0 0 7px;}

	table { border-collapse:collapse; }
	table.tb1 { border-collapse:separate; }
	table.tb1 tr.h td 	{padding:5;text-align:center;color:#fff;font-size:12px;background:#1B6491;font-weight:bold}
    table.tb1 tr.a td 	{padding:3;text-align:center;color:#000;font-size:12px;background:#E0EBFB}
    table.tb1 tr.b td 	{padding:3;text-align:center;color:#000;font-size:12px;background:#F3F7FD}
    table.tb1 tr.c td 	{padding:5;text-align:center;color:#fff;font-size:11px;background:#3399CC;font-weight:bold}
    table.tb1 tr.d td 	{padding:3;text-indent: 7px;color:#000;font-size:12px;background:#E0EBFB}
    table.tb1 tr.e td 	{padding:3;text-indent: 7px;color:#000;font-size:12px;background:#F3F7FD}
    
    table.tb2 { border-collapse:separate; }
	table.tb2 tr.h td 	{padding:5;text-align:center;color:#fff;font-size:11px;background:#1B6491;font-weight:bold}
    table.tb2 tr.a td 	{padding:3;color:#000;font-size:12px;background:#E0EBFB}
    table.tb2 tr.b td 	{padding:3;color:#000;font-size:12px;background:#F3F7FD}
    table.tb2 tr.c td 	{padding:3;text-align:center;color:#000;font-size:12px;background:#fc9;font-weight:bold}