@charset "utf-8";
/* CSS Document */

#WhiteBack{
	background-image:url(images/YourStationBG3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	background-size:cover;
}

#screenshotTable{}
.screenshotTD{ vertical-align:top}


div.TotalColumnModesWhite{
	width: 100%;
	background-image:url(images/YourStationBG3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative;
}
.back3logo{
		background-image:url(images/YourStationBG1.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;
		-webkit-background-size:cover;
		background-size:cover
	}
	#topLine{background-color:#333; width:100%}
	#floatBarOne{}
	#additionatHeght{}
	.zeroPadding{}
@media (min-width: 961px){
	#floatBarOne{height:580px}
	#additionatHeght{ height:0px}
}
@media (min-width: 860px) and (max-width: 960px){
	#floatBarOne{height:580px}
	#additionatHeght{ height:0px}
}
@media (min-width: 600px) and (max-width: 859px){
	#floatBarOne{height:460px}
	#additionatHeght{ height:580px}
}
@media (min-width: 500px) and  (max-width: 599px){ 
	#floatBarOne{height:550px}
	#additionatHeght{ height:500px}
}
@media (min-width: 410px) and  (max-width: 499px){
	#floatBarOne{height:630px}
	#additionatHeght{ height:500px}
}
@media (max-width: 409px){
	#floatBarOne{height:820px}
	#additionatHeght{ height:500px}
}
@media (min-width: 600px){
	div.back3logo{width:570px;margin:0 auto 0 auto}
	body{height:1000px}
	#topLine{ height:30px}
	#screenshotTable{ padding:0px 30px 30px 30px}
	.screenshotTD{padding:5px}
}
@media (max-width: 599px){ 
	div.back3logo{margin:0 0 0 0}
	#topLine{height:70px}
	#screenshotTable{ padding:0px}
	.screenshotTD{padding:5px 0px 5px 0px}
}
@media (min-width: 600px){
	div.icon{ 
		height:110px;
		width:110px;
		margin: 5px 10px 30px 30px;
		float:left;
	}
	.iconImage{
		width:110px;
		alignment-adjust: middle;
		position: relative;
		bottom:270px;
	}
	div.WhiteCont{
		background-image:url(images/YourStationBG2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;
		-webkit-background-size:cover;
		background-size:cover;
		width:960px;
		position:relative;
		right:32px;
		bottom:200px;
		z-index:-1;
		height:270px
	}
	
	#ZuZuZu{ text-align:left }
	#description{text-align:left}
	#featureList{text-align:left}
	
	.TitleDiv{
		margin: 55px 0px 0px 160px;
		height:85px;
		vertical-align:central;
	}
	
	.horizontalDownloadButtoms{
	
	}
	
	.verticalDownloadButtons{
		display:none;
	}
}

@media (max-width: 599px){ 
	div.icon{ 
		height:110px;
		width:110px;
		margin: 5px auto 10px auto;
	}
	.iconImage{
		width:110px;
		alignment-adjust: middle;
		position: relative;
		bottom:430px;
	}
	div.WhiteCont{
		background-image:url(images/YourStationBG2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;
		-webkit-background-size:cover;
		background-size:cover;
		width:960px;
		position:relative;
		right:300px;
		bottom:260px;
		z-index:-1;
		height:430px
	}
	
	#ZuZuZu{ text-align:center }
	#description{text-align:center}
	#featureList{text-align:center}
	
	.TitleDiv{
	margin: 20px auto 40px auto;
	vertical-align: central;
	}
	
	.horizontalDownloadButtoms{
		display:none;	
	}
	
	.verticalDownloadButtons{}
}

@media (min-width: 961px){
	.limiter{ 
		width:960px;
		margin:0px auto 0px auto;
	}
}
@media(max-width: 960px){
	.limiter{}
	body{ }
	.zeroPadding{ padding:0px}
}

div.iPad{
	width:40%;
	position:absolute;
}
div.boardertest{
	width:100%; height:100%;
	padding:12% 0 0 5%;
	position:absolute;
	z-index:1000;	
}

td{
	padding-top: 0px;
	padding-right: 0px;
}

div.townBG{
	background-image:url(images/YourStationBG1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	background-size:cover;
	z-index:-100;
	position:relative;
	width:100%;
}

div.contact_info{
	float: right;
	padding-right: 20px;
	padding-left: 0px;
	height: 30px;
	width: 210px;
	padding-top: 0px;
}

div.White80{
	background-image:url(images/YourStationBG2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	background-size:cover;
}

div.TotalColumn{
	width: 100%;
	background-image:url(images/YourStationBG1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	background-size:cover
}
	
@media (min-width: 860px){
	td.descriptionColumn{
		display:inline-block;
		/*background-color: rgba(178,183,237,0.50);*/
	}
	div.White80{   /*задник1*/
		height: 287px;
	}
	table.UpperTable{
		bottom:287px;
	}
}

@media(max-width: 859px){
	td.descriptionColumn{
		width: 100%;
		/*background-color: rgba(178,183,237,0.50);*/
	}
	div.White80{
		height: 200px;
	}
	table.UpperTable{
		bottom:200px;
	}
}

@media (min-width: 860px){
	td.iPadColumn{
		display:inline-block;
		width:380px;
		height:650px;
		/*background-color: rgba(176,102,103,0.65);*/
	}
}

@media(max-width: 859px) {
	td.iPadColumn{
		display: none;
		/*background-color: rgba(176,102,103,0.65);*/
	}
}

@media (min-width: 860px) {
	tr.iPadRow{
		display:none;
	}
}

@media(max-width: 859px) {
	tr.iPadRow{
		/*background-color: rgba(176,102,103,0.65);*/
	}
}
/*FONTS*/
a{
	color:#999;
	text-decoration: none;
}

a.header:hover{
	color:#FFF;
}

a.intextLink{
	text-decoration: none;
	color:rgba(171,83,22,1);
}

a.intextLink:hover{
	text-decoration:underline;
	color:rgba(205,131,14,1);
}

a.mail:hover{
	color:#FFF;
	text-decoration:underline;
}

a.download{
	color:#333;
	text-decoration: none;
}

a.download:hover{
	color:#000;
}

.LoadButtons{
	border-radius: 10px;
	background-color:rgba(230,230,230,0.9);
	font-family: sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 100;
	z-index:100;
}

.LoadButtons:hover{
	text-decoration: none;
	color:#CCC;
	background-color:#FFF;
	font-family: sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 100;
}

.WhiteSmall{
	/*font-family: 'Roboto Mono', sans-serif;*/
	font-family: sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: 100;
	letter-spacing:0.06em;
	word-spacing:0.07em;
	line-height:1.5em;
}

.blackSmall{
	/*font-family: 'Roboto Mono', sans-serif;*/
	font-family: sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 100;
}

.h2White{
	/*font-family: 'Roboto Mono', sans-serif;*/
	font-family: sans-serif;
	font-size: large;
	color: #FFF;
	font-weight: 400;
	letter-spacing:0.05em;
	word-spacing:0.05em;
}