/*** main layout css ***/

* {
	margin: 0;
	padding: 0;
}

html, body, #wrap {
	height: 100%;
}

body {
	width: 100%;
	background: #f7f7f7;
	color: #121216;
	font: normal 90% arial,sans-serif;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#main {
	padding-bottom: 164px;
} 

.wrap {
	width: 991px;
	margin: 0 auto;
}

h2 {
	font-size: 120%;
	padding-bottom: 20px;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.h37 {
	height: 71px;
}

input {
	height: 18px;
	width: 207px;
}

input[type="submit"] {
	width: 147px;
	height: 25px;
	padding-bottom: 3px;
}

input[type="text"] {
	border: 1px solid #C7C9D3;
	font-size: 13px;
	height: 17px;
	padding: 6px 5px 5px 10px;
	width: 207px;
	color: #C7C9D3;
}

textarea {
	border: 1px solid #C7C9D3;
	font: normal 13px arial,sans-serif;
	padding: 7px 5px 5px 10px;
	color: #C7C9D3;
	height: 138px;
}

.colorBlack {
	color: #121216 !important;
}

/*** akavita bottom link ***/

a[href="http://www.akavita.by/"] {
	display: none;
}

/*** header ***/

.header {
	height: 73px;
	background: #eee;
	overflow: hidden;
	margin-bottom: 24px;
}

#index .header {
	height: 73px;
	background: #eee;
	margin-bottom: 0;
	overflow: hidden;
}

	.page-title {
		float: left;
		padding: 16px 31px 0 130px;
	}
	
	#index .page-title {
		float: left;
		padding: 16px 22px 0 130px;
	}
	
		.page-title a {
			display: block;
			text-indent: -5000px;
			background: transparent url('http://pro-stream.org/i/prostream-logo.png') center center no-repeat;
			width: 160px;
			height: 34px;
		}

	.main-nav {
		color: #fff;
		font-weight: bold; 
		float: left;
		padding-top: 15px;
	}
	
		.main-nav li {
			display: block;
			float: left;
			height: 35px;
			margin-left: 35px;
			text-align: center;
			
		}
	
		.main-nav a {
			display: block;
			padding: 9px 19px 0;
			color: #000;
			height: 26px;
			float: left;
		}

		.main-nav a.active {
			background: #469BDB url('http://pro-stream.org/i/menu-active-bg.png') center center repeat-x;
			color: #fff;
		}
		
		.main-nav a:hover {
			background: #dbebf7 url('http://pro-stream.org/i/link-shadow.png') center center no-repeat;
		}
		
		.main-nav a.active:hover {
			background: #469BDB url('http://pro-stream.org/i/menu-active-bg.png') center center repeat-x;
		}
		
		.l-round {
			display: block;
			float: left;
			width: 10px;
			height: 35px;
			background: transparent url('http://pro-stream.org/i/menu-activeleft-bg.png') center center no-repeat;
		}
		
		.r-round {
			display: block;
			float: left;
			width: 9px;
			height: 35px;
			background: transparent url('http://pro-stream.org/i/menu-activeright-bg.png') center center no-repeat;
		}

/*** content ***/

.sub-content {
	background: #eee url('http://pro-stream.org/i/subcontent-light.png') center center no-repeat;
	height: 327px;
	padding: 23px 0 0;
	overflow: hidden;
	border-bottom: 2px solid #FEFEFE;
}


	#promo-image {
		float: left;
		height:  218px;  
    	width:   269px;  
    	padding: 0;  
    	margin:  16px 0 0 55px;
    	overflow: hidden;
    	display: none;
	}
	
	.promo-gif {
	    background-color: #eee;  
	    height: 218px;  
    	width: 269px;  
	    top:  0; 
	    left: 0; 
	}
	
	.promo {
		float: left;
		width: 435px;	
		margin: 20px 0 0 124px;
	}
	
		.promo h1 {
			background: transparent url('http://pro-stream.org/i/promo-headline.png') center center no-repeat;
			width: 403px;
			height: 67px;
			text-indent: -5000px;
		}
		
		.promo-link {
			display: block;
			width: 403px;
			height: 67px;
		}
		
		.promo .promo-website-link {
			color: #fff;
			background: #dd0606;
			padding: 3px 5px;
			text-shadow: none;
		}
		
		.promo .promo-order-link {
			color: #000;
			text-shadow: none;
		}
		
		.promo p {
			color: #373737;
			font: normal 14px/19px calibri,tahoma,sans-serif;
			padding: 11px 0 0 10px;
			text-shadow: 0 1px 0 #cdcdcd;
		}
		
		.promo a {
			color: #373737;
		}
		
		.dotted {
			border-bottom: 1px dotted #fff;
		}
		
		.dotted-phone {
			border-bottom: 1px dotted #000000;
			font: 20px arial;
		}
		
		h1.dotted {
			border-top: 1px dotted #121216;
			border-bottom: none;
			padding-top: 3px;
		}
		
			
	.splash {
		float: left;
		background: transparent url('http://pro-stream.org/i/splash.png') center center no-repeat;
		width: 185px;
		height: 154px;
		margin: 51px 0 0 53px;
	}
	
		.splash a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px;
		}

.sub-menu {
	float: left;
	width: 294px;
	height: 303px;
	background: transparent url('http://pro-stream.org/i/submenu-bg.png') left top no-repeat;
	margin: 15px 0 127px 79px;
}

	.sub-menu ul {
		padding: 9px 0 0 2px;
	}

		.sub-menu li {
			font: bold 100%/190% arial,sans-serif;
			width: 243px;
		}
		
		.sub-menu li.dec {
			background: #7CBA3A;
		}
		
		.sub-menu li.active {
			width: auto !important;
			background: transparent url('http://pro-stream.org/i/active-menu.png') left top no-repeat !important;
			width: 262px;
		}
	
		.sub-menu a {
			color: #fff;
			display: block;
			padding: 3px 0 3px 20px;
		}
		
		.sub-menu li.active a {
			color: #72B52B;
		}


.content {
	overflow: hidden;
	margin-bottom: 70px;
}

	.content .wrap {
		overflow: hidden;
	}
	
	.b-index-sp {
		text-align: center;
		clear: both;
		margin: 30px 0 10px 97px;
		width: 797px;
		overflow: hidden;
		position: relative;
		padding: 7px 27px 7px 6px;
	}
	
	.b-index-sp span {
		display: block;
		height: 32px;
		width: 32px;
		z-index: 9999;
	}
	
	.icon-front-1 {
		background: transparent url('http://pro-stream.org/front/label_32.png') right center no-repeat;
		position: absolute;
		left: 780px;
		top: 17px;	
	}
	
	.icon-front-2 {
		background: transparent url('http://pro-stream.org/front/help_32.png') right center no-repeat;
		position: absolute;
		left: 775px;
		top: 10px;
	}
	
	.icon-front-3 {
		background: transparent url('http://pro-stream.org/front/plus_32.png') right center no-repeat;
		position: absolute;
		left: 775px;
		top: 10px;
	}
	
	h2.b-index-header {
		font-size: 130%;
		color: #fff;
		width: 388px;
		height: 37px;
		background: #70b325 url('http://pro-stream.org/i/subcontent-light.png') center center no-repeat;
		display: block;
		line-height: 36px;
		text-shadow: 0 1px 0 #595959;
		padding: 0 !important;
		float: left;
		border-right: solid 397px #e8e8e8;
		border-left: solid 4px #e8e8e8;
	}
	
	.index-header-blue {
		background: #4596DB url('http://pro-stream.org/i/subcontent-light.png') center center no-repeat !important;
	}
	
	.index-header-orange {
		background: #ffa200 url('http://pro-stream.org/i/subcontent-light.png') center center no-repeat !important;
	}
	
	.index-header-news {
		background: #21abe4 url('http://pro-stream.org/i/subcontent-light.png') center center no-repeat !important;
	}

	
	.b-promo h3 {
		padding-top: 4px; 
		font-size: 120%;
		padding-bottom: 20px;
	}
	
	.b-promo h3.front {
		padding-top: 4px; 
		padding-left: 37px;
		font-size: 120%;
		padding-bottom: 20px;
	}
	
	.b-promo {
		float: left;
		width: 321px;
		padding: 17px 0 10px;
		margin: 0 0 0 135px;	
	}
	
	.b-promo a {
		color: #000;
	}

	.b-promo p {
		line-height: 130%;
		padding-bottom: 20px;
		clear: both;
        font: normal 14px/19px calibri,tahoma,sans-serif;
	}
	
	.point {
		display: block;
		background: transparent url('http://pro-stream.org/i/round-button.gif') center center no-repeat;
		width: 29px;
		height: 29px;
		float: left;
		
	}
	
		.point span {
			padding: 0 0 0 9px;
			font: bold 125% arial,sans-serif;
			color: #fff;
			line-height: 27px;
		}
		
	.b-info {
		padding: 30px 0 0 10px;
		width: 370px;
		float: left;
	}
	
		.b-info-text {
			display: none;
			padding-bottom: 70px;
		}
	
		.b-info-text p {
			font-size: 14px;
			line-height: 19px;
			padding-bottom: 20px;
            font-family: Calibri, "Lucida Grande", Arial, sans-serif;
		}
		
		.b-info li {
			line-height: 19px;
		}
		
		.b-info a {
			color: #fff;
			background: #21abe4;
			padding: 1px 3px;
		}
		
		.b-info-text-all {
			padding-bottom: 20px;
		}
		
		.b-info-text-all p {
			font-size: 14px;
			line-height: 19px;
			padding-bottom: 20px;
		}
		
		.service-order-b {
			overflow: hidden;
			padding: 10px 0 5px;
		}
		
		.service-order-b a {
			float: right;
			margin-right: 10px;
		}
		
			.service-order-b img {
				position: relative;
				bottom: 1px;
			}
		
		.b-info a.service-order {
			display: block;
			font: normal 13px arial,sans-serif;
			color: #fff;
			background: #ff1f0c; 
			line-height: 17px; 
			padding: 4px 5px;
		}
		
		.b-info a.can-b {
			background: transparent !important;
		}
		
	
	.b-portfolio {
		padding: 30px 0 0 187px;
		width: 430px;
		margin: 0 auto;
	}
	
		.b-portfolio-wrap {
			margin-bottom: 71px;
		}
		
		.b-portfolio h1 {
			font-size: 17px;
		}
		
		.b-portfolio .b-tpl {
			width: 430px;
			margin: 20px 0;
		}
		
		.b-portfolio-pics {
			position: relative;
			right: 10px;
		}
		
		
		.b-portfolio-pics img {
			margin: 6px;
			border: 4px solid #eee;
		}
		
		.b-portfolio-pics a:hover img {
			border: 4px solid #ddd;
		}
		
		.b-portfolio-clients {
			margin: 21px 0;
		}
		
			.b-portfolio-clients h3 {
				margin: 0 0 6px 0;
			}
			
			.b-portfolio-clients a {
				margin: 0 13px 13px 0;
			}
			
			.b-portfolio-clients p {
				margin: 0 0 17px;
			}
			
			.b-portfolio-clients a {
				color: #000;
				font: bold 14px arial,sans-serif;
			}
			
			.b-portfolio a {
				color: #000;
			}
			
			.nav-backspace {
				margin: 0 0 27px;
			}
			
			.fav-icons {
				position: relative;
				top: 3px;
				margin: 0 5px 0 0;
			}
			
			.nav-outspace {
				margin: 13px 0 0;
				overflow: hidden;
			}
			
				.nav-outspace a {
					float: right;
				}
		
	.b-process {
		padding: 30px 0 0 132px;
		width: 397px;
		margin: 0 auto;
	}
	
	.b-process-wrap {
		margin-bottom: 127px;
		padding-left: 11px;
	}
	
		.b-process h1 {
			font-size: 120%;
			padding-bottom: 3px;
		}
	
		.b-process h2 {
			font-size: 110%;
		}
		
		.b-process .b-text {
			padding: 20px 0 10px;
			position: relative;
		}
		
		.b-process .point span {
			font-size: 115%;
			line-height: 29px;
			padding: 0 0 0 10px;
		}
	
		.b-process p {
			font-size: 14px;
			line-height: 19px;
			padding-bottom: 20px;
            font-family: Calibri, "Lucida Grande", Arial, sans-serif;
		}
		
		.b-process a {
			color: #fff;
			background: #21abe4;
			padding: 1px 3px;
		}
		
		.b-process ul {
			font-size: 14px;
			padding: 0 0 10px 27px;
		}
		
		.b-process li {
			list-style-type: disc;
			line-height: 19px;
            font-family: Calibri, "Lucida Grande", Arial, sans-serif;
		}
		
	.price {
		margin: 20px 0 30px 0;
        font-family: Calibri, "Lucida Grande", Arial, sans-serif;
	}
	
		.price th, .price td {
			font-size: 80%;
			border: 1px solid #fff;
			padding: 5px;
		}
		
		.price th {
			background: #121216;
			color: #fff;
		}
		
		.price-dec {
			background: #fff;
		}
		
	.b-sidebar {
		float: left;
		width: 320px;
		font-size: 80%;
	}
		
		.pdf {
			padding: 75px 0 0 135px;		
		}
		
		.icon-vacancy {
			position: absolute;
			right: 432px;
			top: 17px;
		}
		
		.order-blank {
			padding: 67px 0 0 221px;
		}
		
		.b-sidebar a {
			color: #000;
		}
		
	.order-form {
		padding: 0;
		margin-bottom: 127px;
	}
	
	
/*** order form icons ***/

.order-form img {
	position: relative;
	top: 3px;
	margin-right: 7px;
}	
	
.order-form	.customer-message-icon {
	position: relative;
	top: -130px;
	margin-right: 7px;
}

h2.order-form-header {
	padding-left: 27px;
}

.order-form input[type="submit"] {
	margin: 7px 0 0 27px;
}
	

/*** footer ***/

#footer {
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 215px;
	border-top: 5px solid #f7f7f7;
	clear: both;
	background: #eee url('http://pro-stream.org/i/footer-gradient.png') center top no-repeat;
	color: #121216;
} 

	#footer .wrap {
		padding: 15px 0 0 0;
		overflow: hidden;
	}
	
		#footer ul {
			float: left;
			margin:0 4% 0 8%;
			padding: 0 0 5px 35px;
			font-size: 13px;
			font-family: Calibri, "Lucida Grande", Arial, sans-serif;
		}
		
		#footer li {
			line-height: 23px;
			padding: 0;
			text-transform: lowercase;
			position: relative;
			bottom: 3px;
		}
		
			#footer li a {
				color: #121216;
			}
		
		#footer .h4 {
			list-style-type: none;
			
		}
	
		#footer h4 {
			font: normal 17px arial, sans-serif;
			color: #73B62C;
			text-transform: lowercase;
			padding-bottom: 10px;
		}
		
		#footer .contacts {
			padding: 0 0 5px 5px;
		}
		
		#footer .contacts h4 {
			color: #4596DB;
			padding-left: 0px;
			position: relative;
			right: 25px;
		}
		
		#footer .contacts li {
			list-style-type: none;
			text-transform: none;
			line-height: 16px;
			padding: 0 0 4px 41px;
		}
		
			#footer .contacts .address {
				background: transparent url('http://pro-stream.org/i/icons/footer/address_gray.png') 16px 2px no-repeat;
			}
			
			#footer .contacts .phone {
				background: transparent url('http://pro-stream.org/i/icons/footer/phone_gray.png') 16px 1px no-repeat;	
			}
			
			#footer .contacts .letter {
				background: transparent url('http://pro-stream.org/i/icons/footer/letter_gray.png') 16px 1px no-repeat;
			}
			
			.wbspark-foot {
				display: block;
				position: relative;
				top: 14px;
				margin: 0px auto;
				width: 991px;
			}
			
				.wbspark-foot img {
					margin-left: 117px;
				}
				
				.webfaction {
					position: relative;
					top: 2px;
				}
			
		.wrap-partners {
			width: 100%;
			height: 53px;
			background: #474747 url('http://pro-stream.org/i/partners-bg.gif') left top repeat-x;
		}
		
		#footer .order-button {
			background: transparent url('http://pro-stream.org/i/icons/content/order-footer.png') no-repeat 107px 3px;
			padding-right: 1px;
		}
		
		#footer .order-button a {
			color: #121216;
			text-decoration: none;
			border-bottom: 1px dashed #121216;
		}
			

/*** blog ***/

.posterousHeaderExpandedDivLeft {
	background: #fff;
}

.posterous {
	width: 725px;
	margin: 0 auto;
}

.overall_content {
	width: 470px;
	margin: 0 0 31px 0;
}

	.posterous .header {
		background: transparent url('http://pro-stream.org/i/arrow-big.png') left top no-repeat;
		height: 57px;
		margin: 23px 0 37px;
		padding: 15px 3px 0 12px;
		position: relative;
		right: 11px;
	}

	.posterous .header h1 a {
		color: #000;
		text-decoration: none;
	}

	.posterous p a {
		color: #000;
	}
	
	.posterous .header p {
		margin: 2px 0 0 0;
		font: italic 12px arial,sans-serif;
	}

	.post-head {
		overflow: hidden;
		margin: 0 0 7px 0;
	}

	.post-head h3 {
		font: bold 15px/19px arial,sans-serif;
		float: left;
		width: 310px;
	}
	
	
	.post-head h3 a {
		color: #000;
	}
	
	.postunit {
		margin: 0 0 53px 0;
	}
	
	.posterous .posts p {
		padding: 5px 0;
	}
	
	.commentunit input, .commentunit textarea {
		width: 310px !important;
	}
	
	.commentunit input[type="text"] {
		height: 25px;
	}
	
	.commentunit input[type="submit"] {
		width: auto !important;
	}
	
	.commentunit input[type="checkbox"] {
		width: auto !important;
	}


/*** clear fix ***/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */