@import 'css/global.css';
@import 'css/typography.css';
@import 'css/form.css';

body          		{ background:#fff url(img/bcgr.png) repeat-x; }


/* =============== global ================= */
div#wrap            { width:970px; margin:0px auto; text-align:left; background: url(img/wrap_l.png) no-repeat; padding:0 0 0 10px; }
div#wrap_r          { width:957px; background: url(img/wrap_r.png) 100% 0% no-repeat; padding:0 13px 0 0; }
#header , #middle, #main2 ,#main3 , #footer { width:100%; position:relative; clear:both; }
#right , .wraper  ,#content , #main , #main2 ,#main3, #middle, #about, #contact, .modul, .modules, #navleft, .contact_form,.box  
					{ height:auto!important; height:20px; min-height:20px;}
a.more		 		{ clear:both;  display:block; float:right; margin:5px 5px 5px 4px; height:10px; background:url(img/arrow.png) 100% 2px no-repeat; padding-right:12px; text-decoration: none; font-size:10px; line-height:10px;}
a:hover.more 		{ color:#000;}		
h3.title      		{ font-size: 21px; margin:15px 0px 10px 0px; color: #8f0000;}
h3.start			{ width:435px; font-size: 21px; margin:15px 0px 10px 0px; color: #8f0000; float:left;} 
h4.title      		{ font: italic  bold  18px  Arial ,sans-serif;margin:10px 0px 10px 0px; }			
h3.title_mod		{ font-size: 18px;  margin:5px 0px 7px 0px; color: #8f0000; background:url(img/leaf.png) no-repeat; padding:2px 0px 5px 28px; letter-spacing:-0.06px;}							
					

/* =============== header ================= */
div#header   		{ height:67px; border-bottom:1px solid #dadada;}
div.search  		{ width:211px; height:41px; position:absolute; top:17px; right:5px; background: url(img/search.png) no-repeat  }
div#icons  			{ width:190px; height:12px; position:absolute; bottom:8px; left:0px; }
div#icons  a 		{ height:12px; display:block; float:left ;line-height:10px; padding-left:18px; color:#6d6d6d ;margin:0px 5px; font-size:10px }
div#icons  a:hover	{ text-decoration:none; } 	
a#mapsite		    { background:url(img/mapsite.png) 0px 1px no-repeat; }
a#home			    { background:url(img/home.png) 0px 1px no-repeat; }


/* =============== baner ================= */
div#baner , div#baner2
					{ width:100%;  height:240px; margin:3px 0;background:url(img/baner.jpg) no-repeat; position:relative; }
div#baner2			{ background:url(img/baner2.jpg) no-repeat;  }
div#head_baner		{ width:252px; height:34px; background:url(img/head_baner.png) no-repeat; position:absolute; top:-34px; left:246px;}
div#baner2	 div#head_baner		
					{ width:50px; height:34px; background:url(img/head_baner2.png) no-repeat; position:absolute; top:-34px; left:291px;}
a#logo       		{ width:213px; height:145px; display:block;  font-size:0; color:#fff;position:absolute;top:23px;left:0px }
div#nav      		{ width:950px; height:48px; position:absolute; top:185px; left:0;  }
div#nav a	  		{ height:48px; line-height:50px; display:block; border-right:1px dotted #5a6e66; padding:0px 25px 0 40px; color:#fff; text-decoration: none; background:url(img/arrow_nav.png) 20px 20px no-repeat; font-size:13px; float:left; letter-spacing:0.1px}
div#nav a:hover		{ background:url(img/nav.png) repeat-x ; }
div#nav a.active	{ background:url(img/nav.png) repeat-x ;}


/* =============== middle ================= */
div#middle   		{ width:100%;border-top:1px solid #dadada;padding: 25px 0px 0px 0px ; line-height:20px; background:url(img/middle.png) repeat-x;}
div#pathway	 		{width:552px;  ;height:30px;  position:absolute; top:-16px; left:10px; }
div#pathway	a 		{display:block; float: left;background:url(img/arrow_blue.png) 100% 13px no-repeat; padding-right:9px;
height:30px; line-height:30px;margin:0px 3px; text-decoration: none; color:#454545;  font-size:10px;}
div#pathway	a:hover {text-decoration: underline;}
div#pathway	span 	{display:block;float:left; height:30px; line-height:30px;margin:0px 4px;font-size:10px; color:#8f0000}
div#main ,div#main2	, div#main3
					{ width:714px; float:left;  margin:0; padding:10px 0px 0px; border-right:1px solid #dadada;display:inline;}
div#main2      		{ background:url(img/main2.png) 100% 100% no-repeat; padding:10px 0px 15px;}
div#main3      		{ width:602px; background:url(img/main2.png) 100% 100% no-repeat; padding:10px 0px 15px;}
div#content   		{ margin:0px 10px 0px 20px;}
div#content img 	{ display:block; float:left; border:1px solid #dadada; padding:5px; margin:5px; background:#fff; }
div#content img.img_start
					{ margin:5px 15px 5px 5px;}
div.column			{ float:left; width:210px; border-right:1px solid #dadada; padding:0px 0px;}
div.behind_column	{ float:left; width:335px;  padding:5px 0px 5px 16px;}


/* =============== boxes ================= */
div.boxes   		{ float: right; width:700px; margin:15px 0px 0px 0px; position:relative; background:url(img/modules.png) 332px 100% no-repeat;  padding:0px 0px 10px 0px;}
div#box		  		{ width:332px;float:left; }
div#box	h3.title_mod ,div#box2	h3.title_mod
					{ margin:0px!important; color: #8f0000; background:#fff url(img/leaf.png) no-repeat; padding:2px 0px 5px 28px; letter-spacing:-0.06px; height:26px; position:relative;right:-1px;}	
div#box	.wraper		{ width:300px; background:#fff url(img/box.png) no-repeat; padding:10px 16px;}
div#box	 ul			{ margin:0px 0px 10px 0px; font-weight:bold; color:#454545;}
div#box	 li			{ border-bottom:1px dotted #aeada7; padding:3px 2px 3px 13px; background:url(img/li.png) 3px 10px no-repeat ;list-style-type: none;}		
div#box	 li a		{ color:#454545; text-decoration:none} 
div#box	 li a:hover	{ color:#6a6a6a;} 
div#box2	  		{ width:322px;float:left; padding:0px 10px 0px 10px}
div#box2	 ul		{ margin:2px 0px 0px 10px; font-weight:bold; color:#454545;}
div#box2 li			{ border-top:1px dotted #aeada7; padding:3px 2px 3px 13px; background:url(img/doc.png) 1px 8px no-repeat; list-style-type: none;}		
div#box2	 li a	{ text-decoration:none;} 
div#box2	 li a:hover	
					{ color:#6a6a6a;} 
div#box ul span , div#box2 ul span 
					{display:block; width:100%; text-align:right; font-weight:normal; color:#6a6a6a;}


/* =============== right ================= */
div#right    		{ width:240px; float:left;margin-right:-3px; background:url(img/right.png) no-repeat; padding:17px 0px 0px; }
div.modul 			{ width:220px; margin:0px auto 20px auto; }
div.modul  img 		{ display:block; border:1px solid #dadada; padding:5px; margin:5px 0 18px ; background:#fff; }
div.modul	 ul		{ width:170px; padding:0px ; margin:5px 10px 10px 10px;  }
div.modul	 li ,	div.column li	
					{ list-style-type: none ;}
div.modul li span	,div.modul li a ,div.column li span , div.column li a
					{ float:right; }
div.column ul		{ width:170px; padding:0px ; margin:5px 10px 10px 0px;  }
div#contact    		{ width:352px; float:left;margin-right:-3px; background:url(img/right.png) no-repeat; padding:17px 0px; }
div#contact    div.modul { width:320px; margin:0px auto 10px auto; }
div#right_nav  		{ width:185px;margin:0px 0; }
div#right_nav a  	{ display:block; width:100%; height:auto!important; height:25px; min-height:25px; background:url(img/li.png) 12px 10px no-repeat; color:#fff; padding-left:24px;border-bottom:1px dotted #aeada7;line-height:25px;text-decoration: none; color:#454545 ;font-weight:bold; }
div#right_nav a:hover ,div#right_nav a.active
					{ background:#f4f4f4 url(img/li.png) 15px 10px no-repeat;}
	
					
/* =============== footer ================= */
div#footer    		{ width:100%; height:46px;float:left; margin-top:15px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;  }
div#footer_nav		{ float:right;margin-top:2px; }
div#footer_nav a   	{ border-right:1px solid #dadada; line-height:45px;padding:0px 12px;color:#6a6a6a; text-transform:uppercase;font-size:10px; text-decoration:none }
span#studio		   	{ color:#868686; line-height:45px;margin-left:5px;}
span#studio a	   	{ font-weight:bold;}
div#copyright 		{ width:auto; float:left; margin:10px auto 20px; text-align:center;}
div#copyright2 		{float:right; width:100px;  margin-top:10px; text-align:right;}
div#copyright2 	a { padding:0px; margin:0px; vertical-align:middle;}
div#copyright2 	a img { vertical-align:middle;padding:0px; margin:0px;}
/* ===============  pagination  ================= */
div.pages{width:100%; float:left; margin:5px 0px}
.pages a, .pages span{ display:block;  float:left;  padding:1.2px 0.2px;  margin-right:4px;  font-weight:bold}
.pages span.current{ color:#000}
.pages a{ text-decoration:none;  font-size:11px;  color:#0764A9}
.pages a:hover, a:hover.nextprev{ color: #0764A9;  text-decoration:underline}
.pages a.nextprev{ font-weight:bold;  padding:1.2px 1px}
.pages span.nextprev{ color:#000;  padding:1.2px 1px}





/* ######################## SITEMAP ############################# */
ul.sitemap{margin:20px 20px;float:left;}
ul.sitemap ,ul.sitemap li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	color: #000000;

	margin-top:3px;
	
	list-style-type:none;

}

ul.sitemap ul li {

	margin: 3px 0px 3px 0px;

	line-height:12px;

	list-style-image: url(img/list.png);

	}

ul.sitemap  li  a , ul.sitemap ul li  a{

  padding-top:6px;

  display:block;
  text-decoration:none;

  }