Index: branches/5.1.x/inc/styles.css
===================================================================
diff -u -r13087 -r13482
--- branches/5.1.x/inc/styles.css	(.../styles.css)	(revision 13087)
+++ branches/5.1.x/inc/styles.css	(.../styles.css)	(revision 13482)
@@ -1,7 +1,7 @@
 /* Basic Blocks
 *******************************************************************************/
 body {
-	background: #fff url('../img/bg_header_new.jpg') no-repeat 50% 0;
+	background: #fff url('@templates_base@/img/bg_header_new.jpg') no-repeat 50% 0;
 	color: #000;
 	font: 0.75em/1.333em Sans-Serif,Arial,Tahoma,Verdana;
 	min-width: 800px;
@@ -20,7 +20,7 @@
 /* Layout
 *******************************************************************************/
 #wrapper.inner {
-	background: url('../img/bg_inner_lines.gif') repeat-x 0 100%;
+	background: url('@templates_base@/img/bg_inner_lines.gif') repeat-x 0 100%;
 }
 #wrapper .title_system {
 	color: #fff;
@@ -46,7 +46,7 @@
 	width: 480px;
 }
 #header h1.logo a {
-	background: url('../img/logo_xyz.gif') no-repeat 0 0;
+	background: url('@templates_base@/img/logo_xyz.gif') no-repeat 0 0;
 	color: #CF0;
 	display: block;
 	font-family: sans-serif;
@@ -71,7 +71,7 @@
 
 /*** Menu ***/
 #menu {
-	background: url('../img/menu/top_sup_menju.gif') repeat-x 0 100%;
+	background: url('@templates_base@/img/menu/top_sup_menju.gif') repeat-x 0 100%;
 	height: 76px;
 }
 #menu ul {
@@ -80,14 +80,14 @@
 	width: 770px;
 }
 #menu li {
-	background: url('../img/menu/nav_rcorn.jpg') no-repeat 100% 0;
+	background: url('@templates_base@/img/menu/nav_rcorn.jpg') no-repeat 100% 0;
 	display: inline-block;
 	float: left;
 	padding: 0 26px 0 0;
 	_width: 1%;
 }
 #menu li a {
-	background: url('../img/menu/arr_nav.gif') no-repeat 0 0;
+	background: url('@templates_base@/img/menu/arr_nav.gif') no-repeat 0 0;
 	color: #fff;
 	font-family: sans-serif;
 	font-size: 1.25em;
@@ -101,18 +101,18 @@
 	text-decoration: none;
 }
 #menu li .first {
-	background: url('../img/menu/nav_1lcorn.jpg') no-repeat 0 0;
+	background: url('@templates_base@/img/menu/nav_1lcorn.jpg') no-repeat 0 0;
 	display: block;
 	height: 39px;
 	padding: 0 0 0 26px;
 }
-#menu li.last { background: url('../img/menu/nav_last_rcorn.gif') no-repeat 100% 0; }
-#menu li.last.active { background: url('../img/menu/nav_last_rcorn_a.gif') no-repeat 100% 0; }
-#menu li.active { background: url('../img/menu/nav_1rcorn_a.jpg') no-repeat 100% 0; }
-#menu li.active .first { background: url('../img/menu/nav_1lcorn_a.jpg') no-repeat 0 0; }
-#menu li.beforeactive { background: url('../img/menu/nav_lcorn_a.jpg') no-repeat 100% 0; }
+#menu li.last { background: url('@templates_base@/img/menu/nav_last_rcorn.gif') no-repeat 100% 0; }
+#menu li.last.active { background: url('@templates_base@/img/menu/nav_last_rcorn_a.gif') no-repeat 100% 0; }
+#menu li.active { background: url('@templates_base@/img/menu/nav_1rcorn_a.jpg') no-repeat 100% 0; }
+#menu li.active .first { background: url('@templates_base@/img/menu/nav_1lcorn_a.jpg') no-repeat 0 0; }
+#menu li.beforeactive { background: url('@templates_base@/img/menu/nav_lcorn_a.jpg') no-repeat 100% 0; }
 #menu li.active a {
-	background: url('../img/menu/arr_nav_a.gif') no-repeat 0 0;
+	background: url('@templates_base@/img/menu/arr_nav_a.gif') no-repeat 0 0;
 	color: #000;
 	_background: none;
 }
@@ -148,21 +148,21 @@
 	width: 270px;
 }
 #content .text { padding: 0 40px 130px 40px; }
-#content .text.about { background: url('../img/sections/about_pic.jpg') no-repeat 50% 100%; }
-#content .text.services { background: url('../img/sections/services_pic.jpg') no-repeat 50% 100%; }
-#content .text.products { background: url('../img/sections/products_pic.jpg') no-repeat 50% 100%; }
-#content .text.contacts { background: url('../img/sections/contacts_pic.jpg') no-repeat 50% 100%; }
+#content .text.about { background: url('@templates_base@/img/sections/about_pic.jpg') no-repeat 50% 100%; }
+#content .text.services { background: url('@templates_base@/img/sections/services_pic.jpg') no-repeat 50% 100%; }
+#content .text.products { background: url('@templates_base@/img/sections/products_pic.jpg') no-repeat 50% 100%; }
+#content .text.contacts { background: url('@templates_base@/img/sections/contacts_pic.jpg') no-repeat 50% 100%; }
 
 
 /*** News ***/
 .block-news h3 {
-	background: #4F739F url('../img/bg_news_shade.gif') repeat-x 0 0;
+	background: #4F739F url('@templates_base@/img/bg_news_shade.gif') repeat-x 0 0;
 	padding: 13px 6px 0;
 }
 .block-news h3 img { margin-bottom: -3px; }
-.block-news dl { background: #DCE4F1 url('../img/bg_right_colmn.gif') repeat-y 0 0; }
+.block-news dl { background: #DCE4F1 url('@templates_base@/img/bg_right_colmn.gif') repeat-y 0 0; }
 .block-news dl dt {
-	background: url('../img/pix_news.gif') no-repeat 0 15px;
+	background: url('@templates_base@/img/pix_news.gif') no-repeat 0 15px;
 	color: #0066CC;
 	font-weight: bold;
 	margin: 0 0 0 6px;
@@ -174,15 +174,15 @@
 	margin: 0 0 0 6px;
 	padding: 0 10px 5px 34px;
 }
-.block-promo { background: #fff url('../img/bg_promo.jpg') repeat-x 0 27px; }
+.block-promo { background: #fff url('@templates_base@/img/bg_promo.jpg') repeat-x 0 27px; }
 .block-promo h3 {
-	background: #DDF47F url('../img/bg_promo_shade.gif') repeat-x 0 0;
+	background: #DDF47F url('@templates_base@/img/bg_promo_shade.gif') repeat-x 0 0;
 	padding: 7px 6px 0;
 }
 .block-promo h3 img { margin-bottom: -4px; }
-.block-promo dl { background: url('../img/bg_promo_fade.jpg') no-repeat 0 0; }
+.block-promo dl { background: url('@templates_base@/img/bg_promo_fade.jpg') no-repeat 0 0; }
 .block-promo dl dt {
-	background: url('../img/pix_promo.gif') no-repeat 0 15px;
+	background: url('@templates_base@/img/pix_promo.gif') no-repeat 0 15px;
 	color: #006600;
 	font-weight: bold;
 	margin: 0 0 0 6px;
@@ -208,9 +208,9 @@
 .contacts-block .contacts-form .note { color: #777; font-size: 0.917em; }
 .contacts-block .contacts-form .red { color: red; }
 
-.contacts-block .contacts-form .bg-contacts { background: url('../img/bg-contacts.png') repeat-y 0 0; margin: 0 0 30px 0; }
-.contacts-block .contacts-form .bg-contacts-up { background: url('../img/bg-contacts-up.png') no-repeat 0 0; }
-.contacts-block .contacts-form .bg-contacts-down { background: url('../img/bg-contacts-down.png') no-repeat 0 100%; padding: 15px 10px; }
+.contacts-block .contacts-form .bg-contacts { background: url('@templates_base@/img/bg-contacts.png') repeat-y 0 0; margin: 0 0 30px 0; }
+.contacts-block .contacts-form .bg-contacts-up { background: url('@templates_base@/img/bg-contacts-up.png') no-repeat 0 0; }
+.contacts-block .contacts-form .bg-contacts-down { background: url('@templates_base@/img/bg-contacts-down.png') no-repeat 0 100%; padding: 15px 10px; }
 .contacts-block .contacts-form .bg-contacts p { clear: both; float: left; width: 100%; }
 .contacts-block .contacts-form .bg-contacts label { float: left; width: 120px; padding: 0 5px 0 0; }
 .contacts-block .contacts-form .bg-contacts em { float: left; width: 215px; }
@@ -245,11 +245,11 @@
 /* Footer
 *******************************************************************************/
 #footer {
-	background: url('../img/bg_footer_left.jpg') repeat-x 0 0;
+	background: url('@templates_base@/img/bg_footer_left.jpg') repeat-x 0 0;
 	margin-top: 20px;
 	overflow: hidden;
 }
-#footer .footer-bg { background: url('../img/bg_footer.jpg') no-repeat 0 0; }
+#footer .footer-bg { background: url('@templates_base@/img/bg_footer.jpg') no-repeat 0 0; }
 #footer .footer-center {
 	font-size: 0.833em;
 	height: 54px;
Index: branches/5.1.x/elements/html_head.elm.tpl
===================================================================
diff -u -r13087 -r13482
--- branches/5.1.x/elements/html_head.elm.tpl	(.../html_head.elm.tpl)	(revision 13087)
+++ branches/5.1.x/elements/html_head.elm.tpl	(.../html_head.elm.tpl)	(revision 13482)
@@ -8,11 +8,11 @@
 <inp2:m_else/>
 	<meta name="Description" content="<inp2:m_GetConfig name='Category_MetaDesc'/>"/>
 </inp2:m_if>
-<meta name="author" content="<inp2:m_GetConfig name='Site_Name'/>"/> 
+<meta name="author" content="<inp2:m_GetConfig name='Site_Name'/>"/>
 <meta http-equiv="content-type" content="text/html; charset=<inp2:lang.current_Field name='Charset'/>" />
 
 <!-- CSS -->
-<link rel="stylesheet" type="text/css" href="<inp2:m_TemplatesBase />inc/screen.css" media="screen" charset="<inp2:lang.current_Field name='Charset'/>"/>
+<link rel="stylesheet" type="text/css" href="<inp2:m_Compress files='inc/reset.css|inc/styles.css'/>" media="screen" charset="<inp2:lang.current_Field name='Charset'/>"/>
 
 <!-- JS FOR ADMIN -->
 <inp2:st_EditingScripts/>