/* CSS Document */

body						{padding:0px; margin:0px; background:#f0f0f0 url(../images/bodybg.jpg) repeat-y center top;}

td, tr, th, div, p, html	{font-size:14px; color:#333333; text-decoration:none; font-family:arial, verdana; line-height:18px;}
a img						{border:0px;}

a, a:link, a:visited,
a:active, a:focus			{text-decoration:none; color:#006699;}
a:hover						{text-decoration:none; color:#CC0000;}

h2							{display:block; font-size:20px; font-weight:bold; margin-left:10px;}

/* ===================== Generic Classes ======================== */

.TopBar						{display:block; width:972px; height:84px; margin:0px auto; background:url(../images/top-bg.jpg) repeat-x left top;}
a.logo						{display:block; width:300px; height:70px; float:left; background:url(../images/logo2.png) no-repeat left top;
							 margin:5px 0px 0px 20px;}
.TopLocale					{display:block; padding:25px 0px 0px 30px; font-size:18px; font-weight:bold; float:left;}

#Header						{display:block; height:480px; background:url(../images/header-bg.jpg) no-repeat left top;
							 margin:0px auto; width:952px; padding:20px 0px 0px 20px;}
.Header-Left				{display:block; float:left; width:645px;}
.Header-Left p				{display:block; margin-left:47px; color:#FFFFFF;}
.Header-Left img.app		{display:block; float:right; width:200px; height:68px; }
.Header-Left ul				{list-style-image:url(../images/bul.gif); margin-left:60px; color:#FFFFFF; line-height:19px;}

.Header-Right				{display:block; float:right; background:url(../images/iphone4.png) no-repeat left top; 
							 width:307px; height:557px; z-index:100; position:relative;
							 margin:-75px 0px 0px 0px;} 

.clearfix					{clear:both;}

.wrapper					{display:block; width:972px; margin:0px auto; background:url(../images/content-bg.jpg) repeat-x left top;
							 margin-top:-34px;}
.LeftPane					{display:block; width:490px; float:left; padding:10px;}
.RightPane					{display:block; width:460px; float:left; }

/* ============================ Sections =========================== */

.section-box				{display:block; margin:10px 0px;}
.section-box p				{display:block; margin-left:10px;}
.section-box h1.function	{display:block; background:url(../images/heading_functions.png) no-repeat left top; height:49px;}
.section-box h1.downloads	{display:block; background:url(../images/heading_downloads.png) no-repeat left top; height:49px;}
.section-box h1.multinational{display:block; background:url(../images/heading_multinational.png) no-repeat left top; height:49px;}
.section-box h1.separatemenus{display:block; background:url(../images/heading_separatemenus.png) no-repeat left top; height:49px;}

.section-box h1.functions-de	{display:block; background:url(../images/heading_functions_de.png) no-repeat left top; height:49px;}
.section-box h1.downloads	{display:block; background:url(../images/heading_downloads_de.png) no-repeat left top; height:49px;}
.section-box h1.multinational{display:block; background:url(../images/heading_multinational_de.png) no-repeat left top; height:49px;}
.section-box h1.separatemenus-de{display:block; background:url(../images/heading_separatemenus_de.png) no-repeat left top; height:49px;}

.section-box h1.functions-es	{display:block; background:url(../images/heading_functions_es.png) no-repeat left top; height:49px;}
.section-box h1.multinational-es{display:block; background:url(../images/heading_multinational_es.png) no-repeat left top; height:49px;}
.section-box h1.separatemenus-es{display:block; background:url(../images/heading_separatemenus_es.png) no-repeat left top; height:49px;}

.section-box h1.functions-ru	{display:block; background:url(../images/heading_functions_ru.png) no-repeat left top; height:49px;}
.section-box h1.downloads-ru	{display:block; background:url(../images/heading_downloads_ru.png) no-repeat left top; height:49px;}
.section-box h1.multinational-ru{display:block; background:url(../images/heading_multinational_ru.png) no-repeat left top; height:49px;}
.section-box h1.separatemenus-ru{display:block; background:url(../images/heading_separatemenus_ru.png) no-repeat left top; height:49px;}

.section-box h1.functions-it	{display:block; background:url(../images/heading_functions_it.png) no-repeat left top; height:49px;}
.section-box h1.downloads-it	{display:block; background:url(../images/heading_downloads_it.png) no-repeat left top; height:49px;}
.section-box h1.multinational-it{display:block; background:url(../images/heading_multinational_it.png) no-repeat left top; height:49px;}
.section-box h1.separatemenus-it{display:block; background:url(../images/heading_separatemenus_it.png) no-repeat left top; height:49px;}

/* =========================== Right Sections ====================== */

.section-right				{display:block; margin-left:15px; }
.section-head				{display:block; width:423px; height:52px; padding-top:35px; text-align:center; font-weight:bold; 
							 background:url(../images/bubble-head.jpg) no-repeat left top; font-size:16px;}
.section-mid				{display:block; width:363px; padding:5px 30px; line-height:20px;
							 background:url(../images/bubble-bg.jpg) repeat-y left top; }
.section-mid ul				{list-style-image:url(../images/right-bul.jpg);}
.section-mid li				{line-height:28px;}
.section-bottom				{display:block; width:423px; height:72px; background:url(../images/bubble-bottom.jpg) no-repeat left top; }
.footer						{display:block; height:306px; width:972px; margin:0px auto; 
							 background:url(../images/bottom-bg.jpg) repeat-x left top;}
.footer-sign				{display:block; width:812px; margin:0px auto; padding:20px 20px 20px 140px;
							 background:url(../images/footer-sign.png) no-repeat 0px 0px;}							 
.screens					{display:block; height:270px;}
.screens a img				{padding:2px; margin:10px;}
.footercopy					{display:block; padding:10px; margin-top:-10px; background:url(../images/content-bg.jpg) repeat-x;}

main {
  padding: 1rem;
}