/*
	Author: Garovsky Edgar
	Author URI: http://garovsky.com/
*/


/* Global definitions
----------------------------------- */
* { margin: 0; padding: 0; }

body { height: 100%; color: #fff; text-align: left; background: #aad3e1 url(body.png) repeat-x; }
	body, h3 { font: 21px "Trebuchet MS", Arial, Helvetica, sans-serif; }

div { vertical-align: top; }

ul { list-style: none; }

:active, :focus { outline: none; -moz-outline-style: none; }

::selection { color: #fff; background: #059bcd; }
::-moz-selection { color: #fff; background: #059bcd; }


/* Links */
a { color: #5da2b9; text-decoration: underline; cursor: pointer; }
	a:hover { text-decoration: none; }


/* Titles */
h2 { height: 68px; text-indent: -9999px; overflow: hidden; }

h3 { position: relative; padding: 5px 10px 0 0; }

h4, h5, h6 {
	position: relative;
	height: 101px;
	text-indent: -9999px;
	background: url(title-about-1.png);
	margin-bottom: 15px;
	overflow: hidden;
}
	h4 a, h5 a, h6 a { top: 0; height: 29px; z-index: 3; }
	h4 { width: 428px; height: 63px; }
		h4 a { right: 3px; width: 280px; }
	h5 { width: 630px; height: 29px; background: url(title-about-2.png); }
		h5 a { left: 0; width: 106px; }
	h6 { width: 477px; background: url(title-about-3.png); margin: 0; }
		h6 .link-1 { right: 0; top: 2px; width: 80px; }
		h6 .link-2 { right: 87px; top: 2px; width: 126px; }
		h6 .link-3 { top: 38px; left: 19px; width: 150px; }
		h6 .link-4 { top: 35px; right: 98px; width: 79px; height: 32px; }



/* Main containers
----------------------------------- */
#measurer {
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

#layout {
	position: relative;
	min-width: 1000px;
	height: 9000px;
	background: url(footer.png) 50% 100% no-repeat;
	margin: 0 auto;
	overflow: hidden;
}

#balloon {
	left: 0;
	right: 531px;
	top: 49px;
	width: 462px;
	height: 661px;
	background: url(balloon.png);
	margin: 0 auto;
	z-index: 2;
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #1a171b url(loading.gif) 50% 50% no-repeat;
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
	z-index: 5;
}

h4 a, h5 a, h6 a, #balloon, .inner p ins, .logo, .num { position: absolute; overflow: hidden; }

.inner { position: relative; width: 645px; margin: 0 auto; padding-left: 355px; }
	.inner p { font-size: 19px; padding: 15px 0 88px; overflow: hidden; }
		.inner p a { position: relative; float: right; padding-right: 30px; }
			.inner p ins  {
				right: 0;
				top: 3px;
				width: 25px;
				height: 25px;
				background: url(icons.png) -229px -27px no-repeat;
			}
			.inner p a.tests { margin-left: 30px; padding-right: 40px; }
				.inner p a.tests ins { top: 0; width: 34px; height: 31px; background-position: -298px -21px; }
			.inner p a.blog { padding-right: 50px; }
				.inner p a.blog ins { top: 2px; width: 44px; height: 29px; background-position: -254px -23px; }

.scroll-up, .scroll-down {
	position: relative;
	display: block;
	width: 51px;
	height: 55px;
	background: url(icons.png);
	margin-left: 237px;
	overflow: hidden;
}
	.scroll-up { margin-bottom: 128px; }
		.scroll-up:hover { background-position: -51px 0; }
	.scroll-down { background-position: -102px 0; }
		.scroll-down:hover { background-position: -153px 0; }


.logo {
	right: 0;
	top: 0;
	width: 121px;
	height: 80px;
	background: url(logo.png);
}

.num {
	left: 319px;
	top: 224px;
	width: 27px;
	height: 27px;
	background: url(icons.png) -204px 0;
}
	.num ins {
		display: block;
		width: 14px;
		height: 18px;
		background: url(icons.png) -231px 0;
		margin: 5px 0 0 6px;
		overflow: hidden;
	}



/* Content
----------------------------------- */
#slide-about { height: 623px; background: url(slide-about.png) 50% 0 no-repeat; padding-top: 482px; }	
	#slide-about .inner { height: 623px; }
		#slide-about .scroll-up { background: none; margin-bottom: 88px; overflow: visible; }
			#slide-about .scroll-up ins {
				display: block;
				width: 51px;
				height: 55px;
				background: url(icons.png);
				overflow: hidden;
			}
				#slide-about .scroll-up:hover ins { background-position: -51px 0; }
			#slide-about .scroll-up span {
				position: absolute;
				top: 55px;
				left: -50px;
				width: 151px;
				font-size: 19px;
				text-align: center;
				text-decoration: underline;
				padding-top: 5px;
			}
				#slide-about .scroll-up:hover span { text-decoration: none; }
		#copyright, #slide-about ul { position: absolute; bottom: 8px; font-size: 13px; color: #557d21; }
			#copyright { left: 0; }
			#slide-about ul { right: 0; }
				#slide-about li { display: inline; }
			#copyright a, #slide-about ul a { color: #557d21; margin: 0 3px; }
				#slide-about ul a { text-decoration: none; }
				#copyright a:hover, #slide-about ul a:hover { color: #d4ff9d; text-decoration: underline; }

#slide-1 { height: 685px; background: url(slide-1.png) 50% 0 no-repeat; padding-top: 344px; }
	#slide-1 h2 { width: 647px; background: url(titles.png); }

#slide-2 { height: 940px; background: url(slide-2.png) 50% 0 no-repeat; padding-top: 341px; }
	#slide-2 h2 { width: 520px; background: url(titles.png) -1303px 0 no-repeat; }
	#slide-2 .num ins { background-position: -245px 0; }

#slide-3 { height: 810px; background: url(slide-3.png) 50% 0 no-repeat; padding-top: 361px; }
	#slide-3 .scroll-up { margin-bottom: 118px; }
	#slide-3 h2 { width: 545px; background: url(titles.png) -647px 0 no-repeat; }
	#slide-3 p { padding-bottom: 72px; }
	#slide-3 .num ins { top: 214px; background-position: -259px 0; }

#slide-4 { height: 895px; background: url(slide-4.png) 50% 0 no-repeat; padding-top: 178px; }
	#slide-4 .scroll-up { margin-bottom: 94px; }
	#slide-4 h2 { width: 589px; height: 82px; background: url(title-4.png); }
	#slide-4 p { padding-bottom: 54px; }
	#slide-4 .num ins { top: 190px; background-position: -274px 0; }

#slide-5 { height: 930px; background: url(slide-5.png) 50% 0 no-repeat; padding-top: 126px; }
	#slide-5 .scroll-up { margin-bottom: 115px; }
	#slide-5 h2 { width: 631px; background: url(titles.png) -1192px 0 no-repeat; }
	#slide-5 p { padding-bottom: 75px; }
	#slide-5 .num ins { top: 211px; background-position: -287px 0; }

#slide-6 { height: 960px; padding-top: 575px; }
	#slide-6 .scroll-up { margin-bottom: 55px; }
	#slide-6 h2 { width: 479px; height: 160px; background: url(title-6.png); }
	#slide-6 p { padding-bottom: 15px; }
	#slide-6 .num ins { top: 151px; background-position: -301px 0; }

#slide-7 { height: 490px; background: url(slide-7.png) 50% 0 no-repeat; padding-top: 260px; }
	#slide-7 .inner { padding-top: 140px; }
		#slide-7 h2 { width: 521px; height: 82px; background: url(title-7.png); }
		#slide-7 p { padding-bottom: 20px; }
			#slide-7 p a { color: #adeafe; }
				#slide-7 p ins { background-position: -204px -27px; }
		#slide-7 .num ins { top: 194px; background-position: -315px 0; }