* {
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 36em;
	position: relative;
	font: normal 100%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

p{margin: 1em 0;}

a{color: #489dc0;}
a:hover{text-decoration: none;}

/*
 * wrap
 */

.pre-wrap{
	width:36em;
	height: 20em;
}

.wrap{
	width: 27em;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4em 0 0 -12em; 
}

.logo{
	position: absolute;
	left: -65px;
	top: -70px;
}

/*
 *	phones 
 */

.phones{
	font-weight: bolder;
	margin-bottom: 2.8em;
}
.phones p{margin: 0;}
.phones .code,
.phones small{color: #ccc;}

.rostov{
	font-size: 200%;
	line-height: 110%;
}
.rostov small{font-size: 43.75%;}

.moscow{
	font-size: 143.75%;
	line-height: 110%;
}
.moscow small{font-size: 60.87%;}

/*
 * folio
 */

.hd a{color: #f30;}

.wd a{color: #000;}

.hd,
.wd,
.sl{
	font-size: 93.75%;
	line-height: 120%;
}