html {
  background-color: #1a5187;
}

body {
   margin: 0;
   padding: 0;
   text-align: center;
}

* {font-family: sans-serif; font-size: small;}


a {text-decoration: none; outline: none;}

a img {border: none;}

ul {list-style: none; margin: 0; padding: 0;}

.clear {clear: both;}

p.clear a{
text-decoration:underline;
color:black;
}

ul.clear a{
text-decoration:underline;
color:black;
list-style: inside;
margin-left: 24px;
}

#master_frame {
  width: 992px;
  margin: 0 auto;
  text-align: left;
}
    
#head_wrap {
	position:relative;
	}

#head, #platforms, #content, #getFreeForm {
  position: relative;
  background-color: white;
}

* html #head, * html #platforms, * html #content, * html #getFreeForm {display: inline-block;}

#head {
	display:block;
	height: 109px;
	width:992px;
	background: #fff url(../images/shapka.png) no-repeat center bottom;
	}

#mirrows {
  position: absolute;
  left: 15px;
  bottom: 1px;
  z-index:100;
}

* html #mirrows {
	top:70px;
	}

#mirrows li {
  margin-right: 4px;
  float:left;
}

.leftBottom, .rightBottom, .leftTop, .rightTop {
  position: absolute;
  height: 11px;
  width: 11px;
  z-index: 100;
}


.leftBottom {
  left: 0;
  bottom: 0;
  background: url(../images/leftBottom.png) left bottom no-repeat;
}

.rightBottom {
  right: 0;
  bottom: 0;
  background: url(../images/rightBottom.png)  right bottom no-repeat;
}

.leftTop {
  left: 0;
  top: 0;
  background: url(../images/leftTop.png) no-repeat left top;
}

.rightTop {
  right: 0;
  top: 0;
  background: url(../images/rightTop.png) no-repeat right top;
}


.bannerTop {
	margin:5px auto;
	text-align:center;
	}


#content_wrap {
  overflow: hidden;
  clear:both;
}

#content_wrap #navSide {
  float: left;
  width: 232px;
}

#content_wrap #navSide #platforms {
	background:#fff;
	width:232px;
	}

#content_wrap #navSide #getFreeForm {
	background:#fff;
	width:232px;
	}


#content {padding-top: 1px; padding-bottom: 1px; margin-bottom: 35px;}


#platforms {
padding-top: 1px;
padding-bottom: 8px;
}


* html #content .rightBottom { bottom: -1px; right: -1px}
* html #content .leftBottom { bottom: -1px;}
* html #content .rightTop { right: -1px;}


#platforms  ul {
overflow: hidden;
margin-top: 10px;
margin-left: 6px;
margin-bottom: 10px;
}

* html #platforms  ul {
	margin-bottom: 28px;
	display: inline-block;
	}


#platforms  ul li {
	float: left;
	margin-bottom: 3px;
	}

* html #platforms  ul li {display: inline-block; vertical-align: bottom;}

* html #platforms  ul li a.symbian, #platforms  ul li a.android {
	height:30px;
	}

#platforms  ul li.clear {clear: both;}


#platforms  ul li a {
width: 73px;
padding-top: 53px;
display: block;
text-align: center;
font-size: 90%;
color: #444;
overflow:hidden;
}

#platforms  ul li a nobr {font-size: 100%;}


#platforms  ul a.windows { background: url(../images/mobileMenu.gif) no-repeat left top; }
#platforms  ul a.windows:hover { background: url(../images/mobileMenu.gif) no-repeat right top; }
#platforms  #current a.windows {background: url(../images/mobileMenu.gif) no-repeat left top; } 


#platforms  ul a.symbian { background: url(../images/symbianMenu.gif) no-repeat left top; }
#platforms  ul a.symbian:hover { background: url(../images/symbianMenu.gif) no-repeat right top; }
#platforms  #current a.symbian {background: url(../images/symbianMenu.gif) no-repeat left top; } 


#platforms  ul a.java { background: url(../images/javaMenu.gif) no-repeat left top; }
#platforms  ul a.java:hover { background: url(../images/javaMenu.gif) no-repeat right top; }
#platforms  #current a.java {background: url(../images/javaMenu.gif) no-repeat left top; } 


#platforms  ul a.android { background: url(../images/androidMenu.gif) no-repeat left top; }
#platforms  ul a.android:hover { background: url(../images/androidMenu.gif) no-repeat right top; }
#platforms  #current a.android {background: url(../images/androidMenu.gif) no-repeat left top; } 


#platforms  ul a.blackberry { background: url(../images/blackberryMenu.gif) no-repeat left top; }
#platforms  ul a.blackberry:hover { background: url(../images/blackberryMenu.gif) no-repeat right top; }
#platforms  #current a.blackberry {background: url(../images/blackberryMenu.gif) no-repeat left top; } 


#platforms  ul a.mac { background: url(../images/macMenu.gif) no-repeat left top; }
#platforms  ul a.mac:hover { background: url(../images/macMenu.gif) no-repeat right top; }
#platforms  #current a.mac {background: url(../images/macMenu.gif) no-repeat left top; } 


#platforms  ul a.msWin { background: url(../images/msWin.gif) no-repeat left top; }
#platforms  ul a.msWin:hover { background: url(../images/msWin.gif) no-repeat right top; }




#platforms label {
		  display: block;
		  margin-left: 10px;
		  margin-bottom: 3px;
		  color: #8dbe48;
}

#platforms select {
		  margin-left: 10px;
		  margin-right: 5px;
		  width: 90%;
		  display: block;
		  margin-bottom: 10px;
		  border: 1px solid silver;
}


.baner234 {
 width: 234px;
 height: 60px;
 background: url(../images/baner234.png) no-repeat left top;
 margin-top: 15px;
}




/******************************get_form**************************************/

#getFreeForm {
margin-top: 15px;
padding-top: 1px;
padding-bottom: 10px;
}

#get_box {
	width:221px;
	margin:7px 0 0 7px;
	}

#get_01 {
	background:url(../images/get_free_01.gif) no-repeat;
	width:6px;
	height:25px;
	float:left;
	margin:6px 0;
	}
#get_02 {
	background:url(../images/get_free_02.gif) repeat-x;
	height:25px;
	width:168px;
	float:left;
	margin:6px 0;
	color:#fff;
	font:bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	}
#get_03 {
	background:url(../images/get_free_03.gif) no-repeat;
	width:36px;
	height:35px;
	float:right;
	margin-right:6px;
	}

		#getFreeForm label {
		  display: block;
		  margin-left: 10px;
		  margin-bottom: 3px;
		  color: #666;
		}
		
		#getFreeForm input, #getFreeForm select {
		  margin-left: 10px;
		  margin-right: 5px;
		  width: 90%;
		  display: block;
		  margin-bottom: 10px;
		  border: 1px solid silver;
		}
		
		#getFreeForm .submitButton {
		   background: url(../picts/submit.gif) no-repeat center center;
		   width: 100px;
		   height: 40px;
		   border: none;
		   margin-left: auto;
		   margin-right: 10px;
		   cursor: pointer;
		}
		
		#es #getFreeForm .submitButton {
		   background: url(../picts/es/submit.png) no-repeat center center;
		}



/*****************************home****************************/		

#homeAbout {
margin-top: 15px;
width: 235px;
background: url(../picts/HomeAboutTop.png) no-repeat left top;
padding-top: 1px;
}

#innerHomeAbout {
background: url(../picts/HomeAboutBottom.png) no-repeat left bottom;
margin-top: 12px;
overflow: hidden;
padding-bottom: 15px;
}

* html  #innerHomeAbout {display: inline-block;}


#homeAbout a {
color: #fff;
text-decoration: underline;
font-size: 110%;
padding-left: 35px;
height: 35px;
line-height: 35px;
font-weight: bolder;
}

#homeAbout .home {
 background: url(../picts/home.png) no-repeat left center;
 margin-left: 15px;
 float: left;
}

#homeAbout .about {
 background: url(../picts/about.png) no-repeat left center;
 float: right;
 margin-right: 25px;
}
		  



	  
/************************main**********************************/		  

#content_wrap #content {
  margin-left: 242px;
  background-color: #fff;

}

#content #description {
  margin: 15px 15px 50px 25px;
  overflow: hidden;
}

* #content #description {display: block;}

#content .baner720 {
  width: 720px;
  height: 90px;
  background: url(../images/baner720.png) no-repeat left top;
  margin-left: -10px;
}



#content h1 {
  padding-left: 50px;
  margin-left: -5px;
  background: url(../images/descriptionTitle.png) no-repeat left top;
  color: #2065b2;
  margin-bottom: 20px;
  padding-top: 14px;
  font-size: 120%;
}

* html #content h1 {height: 3em; margin-left: -13px;}

#content h1 span {
  display: block;
  margin-top: 12px;
}

#content img.books {
  float: left;
  margin-right: 20px;
  margin-left: 7px;
  margin-bottom: 5px;
}

#content p {
  margin: 20px 0;
  color: #444;
  line-height: 1.4;
}

#content strong {
  color: #333;
}

#titleFeatures {
  margin-bottom: 0;
  font-size: 120%;
  font-style: italic;
  line-height: 2.5em;
  padding-left: 20px;
}

#features {
  background-color: #ffffe5;
  padding: 10px 20px 20px 0;
  border: 1px dashed lightblue;
  border-left: 1px solid #eee;
  list-style: disc;
  padding-left: 20px;
}

#features li {
  margin-top: 20px;
  margin-left: 15px;
  padding: 2px 0 2px 5px;
}








#bottomNavigation {
overflow: hidden;
clear: both;
}

#bottomNavigation a {text-decoration: underline;}

#bottomNavigation * {color: #fff;}
#bottomNavigation li a {color: #ddd;}
#bottomNavigation li a:hover {color: #fff;}


#bottomNavigation #morePlatforms {
float: left;
width: 250px;
}

#bottomNavigation h2 {
text-transform: uppercase;
}

#bottomNavigation #morePlatforms ul a {
display: inline-block;
background: url(../picts/strelka.png) left center no-repeat;
font: bolder 100% Verdana;
padding: 10px 0 10px 40px;
line-height: 1.3;
}

#bottomNavigation #morePlatforms ul.morePlatforms_es a{
padding-top: 5px;
padding-bottom: 5px;
}

* html #bottomNavigation #morePlatforms ul a {
padding: 5px 0 5px 40px;
}





#bottomNavigation .devices {
float: left;
width: 17%;
margin-left: 3%;
}

#bottomNavigation .devices_wm_es {
width: 20%;
}






#bottomNavigation .devices ul li {
	background:url(../picts/punct.gif) left center no-repeat;
	padding-left:15px;
	line-height:130%;
	}

#bottomNavigation .devices ul li a {
font-size: 85%;
}




#copyright {
clear: both;
color: #fff;
margin-left: 27.3%;
margin-bottom:15px;
}