/*----- RESET CSS -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:  "Arial";
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #ffffff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{
	margin:0;
	padding:0;
	/*font-family: 'Calibri';*/
	font-family: "Arial";/*"Trebuchet MS"*/
}
/*----- RESET CSS END -----*/


body {
	color: #181818;
	background: #FFF url(../images/bg.jpg) 
	center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-moz-transition:all .2s linear; 
	-webkit-transition:all .2s linear;
	font-size: 100%;
	min-height:450px;
	min-width:600px;
}

@media only all and (max-width: 1024px; min-width:480px;) and (max-height: 683px; min-height:320px; ) {
	body { 
	-moz-background-size: 1024px 683px;
	background-size: 1024px 683px;
}
}

@media screen and (max-width:950px) { 
    body { 
        font-size:75%; 
    }
}
@media screen and (max-width:820px) { 
    body { 
        font-size:65%; 
    }
}
@media screen and (max-width:700px) { 
    body { 
        font-size:50%; 
    }
}

/*----- styles -----*/

#mainWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:320px;
	min-width:480px;
}
#mainWrap #logo {
	position: absolute;
	top:8%;
	left: 15%;
	width:290px;
	height: 47px;
}
#mainWrap #logo img {
	width:290px;
	height: 47px;
}
#mainWrap #content {
	position: absolute;
	top: 49%;
	left: 15%;
}
#mainWrap #content .title {
	width: 63%;
	font-size: 1.3em;
}
#mainWrap #content ul {
	width: 60%;
	margin: 1% 0 0 5%;
}
#mainWrap #content ul li {
	list-style-type: square;
	font-size: 1em;
	font-style: italic;
}
#mainWrap #contacts {
	position: absolute;
	bottom: 5%;
	right: 18%;
	width: auto;

}
#mainWrap #contacts .data {
	width: 100%;
	font-size: 1.3em;
	text-align: right;
}