@charset "utf-8";







body { margin:0; padding:0; width:100%; background:url(images/main_bg.gif) fixed top;







}







html { padding:0; margin:0;}















.blue { color:#58b7ff;}















/* main */







.main {width:100%; padding:0; margin:0 auto; }







.resize { width:949px; margin:0 auto;}















/********** header **********/







.header { }







.block_header {margin:0 auto; width:949px;}







/* logo */







.logo { float:left; padding:0; margin:0; width:299px;}







/* search */







.search { float:right; width:356px; height:57px; margin:40px 0 0 0; padding:0; background:url(images/search_bg.gif) top no-repeat;}







.search form { float:right; padding:15px 50px 0 0; margin:0;}







.search form b, .search form strong { display:block; float:left; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; padding:4px 10px;}







.search form label { }







.search form input { float:left;}







.search form input.text { padding:3px 3px; margin:2px 5px 0 0; background:url(images/search_form_bg.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}







.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}







/* menu */	







.MenuBar1 { padding:0; margin:0; width:949px; height:30px; background:url(images/menu_bg1.gif) top no-repeat;}







.rss { width:100px; float:left; margin:25px 0 0 10px; padding:0;}







.rss img { margin:0; padding:0; float:right;}







.menu ul { float:right; padding:0; margin:7px 30px 0 0; list-style:none; border:0;}







.menu ul li { float:left; margin:0; padding:0;}







.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c8c8c8; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}







.menu ul li a span { padding:15px; margin:0; background:none;}







.menu ul li a:hover { color:#60b6ff; background:url(images/r_menu.gif) no-repeat right;}







.menu ul li a:hover span { color:#60b6ff; background:url(images/l_menu.gif) no-repeat left;}







.menu ul li a.active { color:#60b6ff; background:url(images/r_menu.gif) no-repeat right;}







.menu ul li a.active span { color:#60b6ff; background:url(images/l_menu.gif) no-repeat left;}







/********** slider **********/







.slider {margin:0 auto; width:949px; height:362px; padding:0; background:url(images/slider_bg.png) top repeat-y; }







.slider .left1 { float:left; width:390px;}







.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 30px Arial, Helvetica, sans-serif;}







.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em;}







.slider p { font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:5px 0 5px 40px; margin:0; line-height:1.6em;}







.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}







.slider ul.buttons li { float:left; padding:0 5px; margin:0;}







.slider .gallery { float:left; width:453px; height:255px; margin:63px 0 0 40px;}







/*toppik*/







.toppik {margin:0 auto 43px auto; width:949px; padding:0; background:url(images/topi_bg.gif) top no-repeat; height:90px;}







.toppik p { padding:40px 0 0 50px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; }







.toppik ul { float:right; width:500px; list-style:none; margin:20px 0 0 0; padding:0;}  







.toppik ul li { float:left; padding:0 10px;}







/*blog_body*/







.blog_body { width:949px; background:#fff url(images/body_top_img.gif) top no-repeat; margin:0 auto; padding:0;}







.blog_bottom { margin:0; padding:0 2px; background:url(images/body_bottom_img.gif) bottom no-repeat;}







.blog_body p { margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#414141; padding:5px; line-height:1.6em;}







.blog_body a { color:#3497c4; text-decoration:underline;}







.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}







.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em;}







.blog_body ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}







.blog_body li { padding:10px 20px; margin:0; font:normal 10px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em;}







.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}







.blog_body ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}







.blog_body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:5px 0; line-height:1.6em;}







.blog_body h2.welcome { background:url(images/h2_welcome.gif) left no-repeat;}







.blog_body h2.what { background:url(images/h2_what.gif) left no-repeat;}







.blog_body h2.our { background:url(images/h2_our.gif) left no-repeat;}







.blog_body .lorem { width:275px; float:left; padding:10px 20px;}















/*FBG*/







.FBG { margin:0 auto; padding:0; width:949px;}







.FBG h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}







.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}







.FBG a { color:#75aecd; text-decoration:underline;}







.FBG span { color:#878787;}







.FBG .larem { width:275px; float:left; padding:10px 20px;}















/* search2 */







.search2 {

	float:right;

	margin:10px 0 0 0;

	padding:0;

	background-color: #f0fefe;

}







.search2 form { padding:5px 0 0 0; margin:0;}







.search2 form label { }







.search2 form input {

	float:left;

	background-color: #e6eff8;

	color: #3197c5;

}







.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url(images/search_foorm_bg2.gif) top no-repeat; border:0; color:#3197c5; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}







.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}















/*left*/







.left { width:620px; float:left; padding:10px 20px; margin:0;}







.left h2 { font:normal 32px Tahoma, Geneva, sans-serif; color:#090; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}







.left h2.port { background:url(images/h2_port.gif) left no-repeat;}







.left h2.sevr { background:url(images/h2_servises.gif) left no-repeat;}







.left h2.con {







	background:url(images/h2_con.gif) left no-repeat;







	font-family: Tahoma, Geneva, sans-serif;







	font-size: 32px;







	color: #090;







}







.left h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:0; line-height:1.4em;}







.left a { font:bold 11px Tahoma, Geneva, sans-serif; color:#2799cc; text-decoration:underline;}







.left .img { float:left; margin:10px; padding:0;}







/*right*/







.right {

	width:245px;

	float:left;

	margin:0;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 05px;

	padding-left: 20px;

}







.right h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px; margin:0; line-height:1.6em; }







.right a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e676d; float:right; text-decoration:none;}







.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}







.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}







.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}







.right li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}







.right li a:hover { text-decoration:underline;}
div#contentContainer div.xx {
	padding-top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
body#home div#contentContainer div.xx {
	padding-top: 3px; border-top-color: rgb(254, 224, 155); border-top-width: 10px; border-top-style: solid;
}
.mpuContainer {
	padding: 0px;
	width: 260px;
	height: 400px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}






/********** contact form **********/







#contactform {



	margin:0;



	padding:5px 10px;



	font-family:Verdana;



	font-size: 12px;



	font-weight:bold;



	color: #6dbc00;



	






}







#contactform * { color:#3197c5;}







#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 11px Verdana; color:#394671; text-transform:capitalize; float:left;}







#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}







#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}







#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}







#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}







p.response { text-align:center; color:#52882c; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}















/*************footer**********/






#footer {
	PADDING-BOTTOM: 20px; MARGIN-TOP: 30px; WIDTH: 940px; FLOAT: left; CLEAR: both; BORDER-TOP: #ccc 10px solid; PADDING-TOP: 4px; background-color:#FFF;text-decoration:none;
}
UL#footer-links {
	LINE-HEIGHT: 1.3; BACKGROUND-COLOR: #fff; MARGIN-TOP: 0px
}
UL#copyright-links {
	LINE-HEIGHT: 1.3; BACKGROUND-COLOR: #fff; MARGIN-TOP: 0px
}
UL#copyright-links {
	MARGIN-TOP: 3px
}
UL#footer-links LI {
	DISPLAY: inline; FONT-SIZE: 11px
}
UL#copyright-links LI {
	DISPLAY: inline; FONT-SIZE: 11px
}
p.clr,







.clr { clear:both; padding:0; margin:0; background:none; }
