html {
font-size: 100.01%;
}

html, body, p, h1, h2, h3, img, ul, form {
margin: 0;
padding: 0;
border: 0;
}

body {
font-size: 100%;
font-family: Arial, sans-serif;
background: url("img/body.jpg") center top no-repeat;
}

ul {
list-style: none;
}

h1 {
text-transform: uppercase;
letter-spacing: -1px;
font-weight: normal;
width: 250px;
font-size: 20px;
margin: 0 0 0.5em;
font-family: Arial, sans-serif;
color: #000;
}

	h1 span {
	font-weight: bold;
	}
	
.header-borderb {
padding: 0 0 5px;
border-bottom: 4px solid #c8c8c8;
}

#page {
width: 895px;
margin: 0 auto;
padding: 40px 0 75px;
font-size: 12px;
}

.header {

}

	.header-logo {
	border-right: 4px solid #ffd800;
	background: url("img/logo.png") left bottom no-repeat;
	float: left;
	width: 170px;
	padding: 10px 0 10px 130px;
	margin: 0 0 0 30px;
	}
	
		.header-logo h1 {
		font-size: 41px;
		font-weight: bold;
		}
		
		.header-logo p {
		font: italic 18px Georgia;
		}
		
	.header-about {
	margin: 0 0 0 355px;
	padding: 10px 0 0;
	font: 16px/1.4 Arial;
	color: #585858;
	}
	
.gallery-slider {
margin: 10px 0 0;
background: url("img/gallery-slider.png") left top no-repeat;
height: 370px;
position: relative;
}

	.gallery-slider-wrapper {
	overflow: hidden;
	width: 793px;
	margin: 0 auto;
	padding: 50px 0 0;
	}

	.gallery-slider ul {
	width: 30000px;
	}
	
		.gallery-slider li {
		float: left;
		}
		
	.gallery-slider-ctrl {
	position: absolute;
	background-image: url("img/gallery-slider-ctrl.png");
	background-repeat: no-repeat;
	width: 13px;
	height: 45px;
	top: 50%;
	margin: -7px 0 0;
	}
	
	.gallery-slider-ctrl:focus {
	outline: none;
	}
	
	.gallery-slider-ctrl-prev {
	left: 20px;
	background-position: 0 0;
	}
	
	.gallery-slider-ctrl-prev:hover {
	background-position: -13px 0;
	}
	
	.gallery-slider-ctrl-next {
	right: 20px;
	background-position: 0 -45px;
	}
	
	.gallery-slider-ctrl-next:hover {
	background-position: -13px -45px;
	}
	
.our-projects {
margin: 20px 0 0;
}

	.our-projects-list {
	float: left;
	width: 395px;
	}
	
		.our-projects-list li {
		position: relative;
		text-transform: uppercase;
		clear: both;
		background-image: url("img/our-projects-list.png");
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0 20px;
		line-height: 40px;
		color: #000;
		cursor: pointer;
		}
		
		.our-projects-list .hover {
		background: #ffa700;
		}
			
		.our-projects-list .odd {
		background-position: left -50px;
		}	
			
			.our-projects-list .selected {
			background: #ffd937;
			}
			
				.our-projects-list .selected-deco {
				position: absolute;
				top: 50%;
				margin: -7px 0 0;
				width: 7px;
				height: 14px;
				right: -7px;
				background: red url("img/our-projects-list.png") left bottom no-repeat;
				z-index: 100;
				}
			
			.our-projects-list .onload {
			font-size: 30px;
			left: -20px;
			padding-left: 40px;
			width: 355px;
			line-height: 85px;
			background: #ffcc20;
			}
				
			#our-projects-checker {
			position: absolute;
			font-size: 30px;
			left: 40px;
			top: 0;
			width: 355px;
			z-index: 100;
			visibility: hidden;
			}
	
	.our-projects-about {
	width: 340px;
	background: #fff;
	float: left;
	position: relative;
	height: 310px;
	padding: 15px 40px 0;
	}
	
		.our-projects-about-deco {
		position: absolute;
		width: 23px;
		height: 77px;
		background: url("img/our-projects-about-deco.jpg") left top no-repeat;
		right: 0;
		bottom: 55px;
		z-index: 10;
		}
		
		.our-projects-ctrlnext {
		background: url("img/our-projects-ctrlnext.png") left top no-repeat;
		position: absolute;
		width: 73px;
		height: 73px;
		right: -60px;
		bottom: 55px;
		z-index: 20;
		text-decoration: none;
		}
		
		.our-projects-ctrlnext:hover {
		background: url("img/our-projects-ctrlnext.png") left bottom no-repeat;
		}
		
		.our-projects-ctrlnext:focus {
		outline: none;
		}
		
			.our-projects-ctrlnext span {
			text-transform: uppercase;
			position: absolute;
			color: #0f9cf6;
			font-size: 11px;
			bottom: -35px;
			left: 30px;
			}
		.our-projects-about-toshow {
		color: #858585;
		font: 12px/1.6 Arial;
		}		
		.our-projects-about-toshow img {
		float: left;
		border: 1px solid #b5b5b5;
		margin: 0 10px 10px 0;
		}
			
.subscribe {
margin: 5px 0 0 -15px;
padding: 40px 55px 0 35px;
background: url("img/subscribe1.png") left top no-repeat;
width: 831px;
height: 260px;
}

	.subscribe-net {
	float: left;
	width: 235px;
	padding: 0 40px 0 0;
	}
	
		.subscribe-net-list {
		margin: 0 0 0;
		}
		
			.subscribe-net-list li {
			border-bottom: 1px dotted #bbbec2;
			padding: 5px 0 5px 30px;
			clear: both;
			}
			
			.subscribe-net-list .last {
			border: none;
			}
			
			.subscribe-net-list a {
			line-height: 45px;
			padding: 0 0 0 65px;
			font-size: 15px;
			color: #000;
			float: left;
			}
			
			.subscribe-net-list a:hover {
			color: #42a7f3;
			}
			
			.subscribe-net-list-vk {
			background: url("img/subscribe-net-list-vk.png") left center no-repeat;
			}
			
			.subscribe-net-list-face{
			background: url("img/facebook-icon.png") left center no-repeat;
			}
			.subscribe-net-list-ning{
			background: url("img/ning.png") left center no-repeat;
			}
			
			.subscribe-net-list-pic {
			background: url("img/subscribe-net-list-pic.png") left center no-repeat;
			}
	
	.subscribe-know {
	overflow: hidden;
	font-family: Trebuchet MS, sans-serif;
	color: #585858;
	padding: 0 0 0 20px;
	}
	
		.subscribe-know-form {
		float: right;
		width: 215px;
		}
		
			.subscribe-form-input {
			border: 0; margin: 0; padding: 0;
			background: url("img/subscribe-form-input.png") left top no-repeat;
			width: 183px;
			height: 46px;
			padding: 0 10px 0 20px;
			color: #a0a0a0;
			font-size: 20px;
			margin: 0 0 20px;
			}
			
			#custom-checkbox {
			float: left;
			width: 20px;
			height: 19px;
			line-height: 19px;
			background: url("img/custom-chck.png") left top no-repeat;
			margin: 0 0 0 20px;
			text-align: center;
			cursor: pointer;
			}
			
			#subscribe-form-checkbox {
			cursor: pointer;
			display: none;
			}
			
			.subscribe-form-label {
			margin: 0 0 20px 50px;
			}
			
			.subscribe-form-submit-wrap {
			text-align: center;
			}
			
				.subscribe-form-submit {
				padding: 0; border: 0; margin: 0;
				width: 202px;
				height: 54px;
				background: url("img/subscribe-form-submit.png");
				background-position: left bottom;
				background-repeat: no-repeat;
				cursor: pointer;
				text-transform: uppercase;
				font-size: 16px;
				text-align: center;
				}
				
				.subscribe-form-submit-hover {
				background-position: left top;
				}
				
.sivam-materials {
margin: 20px 0 0;
}

	.sivam-materials-list li {
	float: left;
	margin: 0 30px 0 0;
	text-align: center;
	position: relative;
	padding: 170px 0 0;
	}
	
	.sivam-materials-list .last {
	margin: 0;
	}
	
		.sivam-materials-list-img {
		line-height: 150px;
		margin: 0 0 20px;
		cursor: pointer;
		}
			
			.sivam-materials-list-img img {
			vertical-align: bottom;
			}
			
		.sivam-materials-link {
		padding: 170px 0 0;
		}
		
		.sivam-materials-pres {
		background: url("img/materials-presentation.png") center 30px no-repeat;
		width: 130px;
		}
		
		.sivam-materials-childs {
		background: url("img/materials-childs.png") center 10px no-repeat;
		width: 145px;
		}
		
		.sivam-materials-ceo {
		background: url("img/materials-ceo.png") center 10px no-repeat;
		width: 90px;
		}
		
		.sivam-materials-history {
		background: url("img/materials-history.png") center 10px no-repeat;
		width: 100px;
		}
		
		.sivam-materials-ustav {
		background: url("img/materials-ustav.png") left 30px no-repeat;
		width: 125px;
		}
			
		.sivam-times-wrap {
		position: absolute;
		left: 0;
		top: 0;
		width: 445px;
		height: 210px;
		overflow: hidden;
		z-index: 50;
		display: none;
		}
			
		.sivam-times {
		left: -445px;
		top: 0;
		position: absolute;
		background: url("img/sivam-times.png") left top no-repeat;
		z-index: 50;
		width: 295px;
		height: 165px;
		padding: 45px 0 0 150px;
		}
		
			.sivam-times ul {
			
			}
		
			.sivam-times li {
			border-bottom: 1px dotted #b9b9b9;
			float: none;
			text-align: left;
			clear: both;
			padding: 5px 0;
			}
			
			.sivam-materials-list .st-ct {
			z-index: 200;
			padding: 0;
			}
			
				.sivam-times li a {
				float: right;
				color: #b41e07;
				text-transform: none;
				}
				
				.sivam-times li a:hover {
				color: #ff8400;
				}
		
		.sivam-times-img, #sivam-times-caller {
		position: relative;
		z-index: 100;
		}
		
		.sivam-materials-list a {
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
		}
		
		.sivam-materials-list a:hover, .sivam-materials-list .ahover {
		text-decoration: underline;
		color: #e86f3f;
		}
		
.contact-persons {
margin: 20px 0 0;
color: #2c2c2c;
}

	.contact-persons-list {
	margin: 25px 0 0;
	}

	.contact-persons-list li {
	float: left;
	width: 470px;
	}
	
	.contact-persons-list .last {
	width: 410px;
	}
	
	.contact-persons-photo {
	border: 1px solid #b2b2b2;
	float: left;
	margin: 0 45px 0 0;
	}
	
	.contact-persons-list h2 {
	font: normal 20px Arial;
	}
	
	.contact-persons-phone {
	margin: 30px 0;
	font-size: 20px;
	}
	
		.contact-persons-phone span {
		font-weight: bold;
		}
		
	.contact-persons-info {
	
	}
	
		.contact-persons-info span {
		color: #979797;
		}
		
.join {
padding: 20px 0 0;
font: 14px Trebuchet MS;
color: #585858;
}

	.join-link {
	float: right;
	width: 363px;
	line-height: 65px;
	background: url("img/join-link.png") left top no-repeat;
	text-align: center;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 0 30px;
	font-family: Arial;
	font-size: 16px;
	}
	
	.join-link:focus {
	outline: none;
	}
	
	.join-link:hover {
	background: url("img/join-link.png") left bottom no-repeat;
	}
	
.footer {
margin: 20px 0 0;
border-top: 4px solid #c8c8c8;
color: #979797;
padding: 10px 0 0;
}

	.footer-author {
	float: right;
	}
	
	.footer a {
	color: #b41e07;
	}
	
	.footer a:hover {
	color: #e14000;
	}
	
	.footer-sivam {
	width: 240px;
	}

.overflower {
overflow: hidden;
}

.float-container:after {
content: "";
display: block;
clear: both;
}