/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#6f6f6f; font:12px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#mainbody{width:775px; margin:0 auto; position:relative; padding:0px; border-left: #CCCCCC 1px solid} 

/*  TOP HEADER  */

#topheader{height:101px; width:770px; margin:0 0 0 5px; position:relative; padding:0px;} 

#topheader img{height:108px; width:181px; position:absolute; top:3px; left:23px;}

#topheader ul { height:33px; position:absolute; top:30px; right:3px;}
#topheader ul li{float:left}

#topheader ul li{width:75px; height:25px;  margin-left:28px;}
#topheader ul li a{display:block; height:25px; background:url(../images/mnu.jpg) 0 -20px no-repeat; text-indent:-20000px;}
#topheader ul li a:hover{display:block;   height:25px; background:url(../images/mnu.jpg) 0 -20px no-repeat;}

#topheader ul li.home a{background-position: 0 0;}
#topheader ul li.home a:hover{background-position: 0 -25px;}
#topheader ul li.about {margin-left:12px;}
#topheader ul li.about a{background-position: -75px 0;}
#topheader ul li.about a:hover{background-position: -75px -25px;}
#topheader ul li.services a{background-position: -150px 0;}
#topheader ul li.services a:hover{background-position: -150px -25px;}
#topheader ul li.support a{background-position: -225px 0;}
#topheader ul li.support a:hover{background-position: -225px -25px;}
#topheader ul li.support {margin-left:12px;}
#topheader ul li.contacts a{background-position: -300px 0;}
#topheader ul li.contacts a:hover{background-position: -300px -25px;}

/* TOP BACK */

#topback{height:295px; width:770px; background:url(../images/main_bac_blend.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topback h2{width:220px; height:50px; text-indent:-20000px; margin:10px 0 0 35px;}
#topback p{width:250px; margin:14px 0 0 40px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; }
#topback p span {font:14px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }

#topback ul{width:170px; margin:14px 0 0 30px;}
#topback ul li a{display:block; width:220px; height:20px; font:12px/20px Tahoma, Arial, Helvetica, sans-serif; color:#adb5ff; font-weight:normal; text-decoration:none; padding:0 0 0 20px;}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 

#topback ul.ask {width:250px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}

/*TOP BODY*/
#topbody{width:770px; background:none}
#topbody h2{width:725px; height:28px; margin:14px 0 0 19px; font:14px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f47b9; text-transform:uppercase;}
#topbody p{width:725px; margin:14px 0 0 23px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; }
#topbody p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }
#topbody h4{width:725px; height:28px; margin:0 0 0 23px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; color:#4f47b9;}

#topbody ul{color:#4f47b9;}
#topbody ul li a{font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#4f47b9; font-weight:normal; text-decoration:none; padding:0 0 0 20px;margin:0 0 0 30px}
#topbody ul li a:hover{text-decoration:underline; color:#FFF} 

#topbody ul.ask {width:200px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topbodyk ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topbody ul.ask li a:hover{width:200px; height:50px;}

/*  BODY PAN */

#bodypan{width:770px; margin:0 0 0 5px; position:relative; padding:0px;}
#leftpan{width:219px; margin:32px 0 0 19px; position:relative; padding:0px; float:left}
#leftpan h2{width:219px; height:27px; background:url(../images/h.png) 0 -27px no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#leftpan ul{width:215px; margin:0 0 0 4px;}
#leftpan ul li.arrow{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin-top:14px}
#leftpan ul li{background:none; padding:0 0 0 16px;}
#leftpan ul li span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#4f47b9;}
#leftpan ul li a{font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

#middlepan{width:212px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan h2{width:212px; height:27px; background:url(../images/h.png) 0 0px no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan span{color:#4f47b9;}
#middlepan a{font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan a:hover{color:#4aafdc;}
#middlepan ul li.arrow{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13;}

#rightpan{width:246px; margin:18px 0 0 28px; position:relative; padding:0px; float:left}
#rightpan h2{width:246px; height:27px; background:url(../images/h.png) 0 -54px no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#rightpan span{color:#4f47b9;}
#rightpan #img01{background:url(../images/img2.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan #img02{background:url(../images/img3.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan a{font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}

/*  FOOTER */

#footer{
	width:770px;
	height:75px;
	margin:0px 0 0 0px;
	position:relative;
	padding:0px;
	background:#ececf6;
	float: left;
}
#footer p{margin:20px 0 0 40px; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:underline;}