@import url("reset.css");

body {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #1c223d;
	background:#fff;
}

/*==================================================
=================== Typografy ====================*/
a {
	font-size: 11px;
	color: #1052ac;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #7e87a5;
	padding-top: 28px;
	line-height: 30px;
}

blockquote {
	line-height: 22px;
	color: #7e87a5;
	font-size: 15px;
	margin-top: 15px;
}

em {
	font-style: italic;
	color: #393f5b;
}

#wrap {
	height: auto !important;
	min-height: 100%;
	width: 100%;
}

/*==================================================
================== 1.0 Header ====================*/
#headerMenuWrap {
	height: 42px;
	background-color: #eff1f4;
	background-position: 0 0;
	background-repeat: repeat-x;
}

	#headerMenuWrap,
	#headerMenu li,
	#headerMenu li a:hover,
	#headerMenu li.current a {
		background-image: url('../images/bg-menu-box.png');
	}

	#headerMenuInnerWrap, #headerInnerWrap, #contentWrap, #footerInnerWrap {
		width: 1127px;
		margin: 0 auto;
		position: relative;
	}

		/*==================================================
		================== 1.1 Header Menu =================*/
		#headerMenu {}

			#headerMenu li {
				float: left;
				height: 40px;
				display: block;
				background-position: 0 -82px;
				background-repeat: no-repeat;
			}

				#headerMenu li a {
					color: #f5f5f5;
					font-size: 13px;
					font-weight: bold;
					line-height: 40px;
					display: block;
					padding: 0 12px;
					text-decoration: none;
					white-space: nowrap;
				}

				#headerMenu li a:hover, #headerMenu li.current a {
					background-position: 0 -42px;
					background-repeat: repeat-x;
				}

			#headerMenu li.first { background: none; }

	/*==================================================
	================== 1.2 Search ====================*/
	#headerSearchWrap {
		position: absolute;
		right: 10px; top: 9px;
	}

		#headerSearchWrap label,
		#headerSearchWrap .input-bg,
		#headerSearchWrap .input-bg .right-corner,
		#headerSearchWrap .input-button {
			float: left;
		}

		#headerSearchWrap label {
			line-height: 24px;
			color: #f5f5f5;
			font-family: Tahoma, Arial, sans-serif;
			margin-right: 10px;
		}

		#headerSearchWrap .input-bg, .input-bg .right-corner {
			background-image: url(../images/bg-input-search.png);
		}

		#headerSearchWrap .input-bg {
			background-repeat: repeat-x;
			background-position:  0 0;
			position: relative;
			height: 19px; width: 295px;
			padding: 2px 5px 3px;
		}

			#headerSearchWrap .input-bg input	{
				border: 0;
				background: none;
				width: 290px;
				color: #8c8c94;
			}

			#headerSearchWrap .input-bg .right-corner {
				position: absolute;
				top: 0; right: 0;
				background-repeat: no-repeat;
				background-position: 0 -24px;
				height: 24px; width: 3px;
			}

		#headerSearchWrap .input-button {
			height: 17px; width: 17px;
			margin: 3px 0 0 5px;
		}

/*==================================================
================== 2.0 Header Image ==============*/
#headerWrap {
	height: 634px;
	background: #eff1f4 url('../images/bg-body.jpg') top center repeat-x;
}

#InnerPageHeaderWrap {
	height: 137px;
	background: #eff1f4 url('../images/bg-body-inner.jpg') top center repeat-x;
}

	#headerInnerWrap { height: 634px;}

		#logo, #phone, #ask-request, #informationWrapper {
			position: absolute;
		}

		#logo { top: 45px; left: -8px;}
		#phone { top: 32px; right: 60px;}

		#ask-request {
			top: 262px; right: 220px;
			display: block;
			width: 137px; height: 137px;
			background: url('../images/icon-send-request.png') no-repeat;
		}


		/*==================================================
		================== 2.1 Information Columns =======*/
		#informationWrapper {
			height: 220px; width: 100%;
			bottom: 0px;
		}

		#informationYou,
		#informationPartners,
		#informationWe {
			position: absolute;
			top: 0;
			height: 220px;
		}

			#informationWrapper .column .header {
				height: 40px;
				padding: 0 15px;
				border-bottom: 1px solid #abafb7;
			}

				#informationWrapper .column .header img {
					float: left;
					padding-right: 15px;
				}

				#informationWrapper .column .header p {
					color: #88889a;
					text-transform: uppercase;
					font-size: 10px;
					line-height: 12px;
					padding-top: 5px;
				}

			#informationWrapper .column .content {
				padding: 15px;
			}

			#informationWrapper .column .more {
				display: block;
				position: absolute;
				left: 15px; bottom: 15px;
				width: 29px; height: 29px;
				background: url('../images/icon-more-arrow-right.png') 0 0 no-repeat;
			}

		#informationYou {
			width: 330px;
			left: 0;
		}
			#informationWrapper #informationYou .content {
				padding-top: 6px;
			}

			#informationYou .content a {
				font-size: 14px;
				color: #2a2a4b;
				text-decoration: none;
				line-height: 25px;
				border-bottom: 1px solid #9699a4;
			}

		#informationPartners {
			width: 357px;
			left: 370px;
		}

			#informationPartners .content { width: 286px; margin: 0 auto;}

				#informationPartners .content ul li {
					overflow: hidden;
					display: inline;
					text-align: center;
					width: 94px; height: 94px;
					padding-bottom: 2px;
					vertical-align: middle;
					float: left;
					border-left: 1px solid #e0e1e2;
					background: #fff url('../images/bg-partners-courusel.png') top left repeat-x;
				}

		#informationWe {
			width: 351px;
			right: 0;
		}

			#informationWrapper #informationWe .content {
				padding-top: 9px;
			}

			#informationWe .content p {
				font-size: 13px;
				line-height: 19px;
			}

/*==================================================
================== 3.0 Content ===================*/
#InnerContentWrap {
	 background: url('../images/bg-inner-content.png') top repeat-x;
}

#contentWrap {
	z-index: 1;
	padding: 20px 0 405px
}

	#container {
		width: 100%;
		float: left;
		overflow: hidden;
		z-index: 999;
	}

		#content {
			padding: 0 18px;
		}
	
		#content.sidebar {
			padding: 0 0 0 268px;
		}

		#content.parnters {
			padding: 0 0 0 258px;
			margin-left: -2px;
		}

			#content p {
				color: #393f5b;
				font-size: 12px;
				line-height: 18px;
				margin: 15px 0;
			}

				#content p a {
					font-size: 12px;
					text-decoration: underline;
				}

			#content img {
				border: 1px solid #e9ecf2;
			}

				#content img.left {
					float: left;
					margin: 20px 30px 0 0;
				}

				#content img.right {
					float: right;
					margin: 20px 0 0 30px;
				}

			#content p.after-h {
				margin-top: 0;
			}

			#content p.last {
				margin-bottom: 0;
			}

			#content ul.list li {
				margin: 10px 0;
				font-size: 12px;
				line-height: 18px
			}

				#content ul.list li .pt {
					font-size: 20px;
					float: left;
					width: 50px;
					font-weight: bold;
				}

				#content ul.list li .num {
					font-size: 14px;
					line-height: 23px;
					text-align: center;
					background: url('../images/icon-num.png') no-repeat;
					color: #fff;
					float: left;
					width: 23px;
					font-weight: bold;
					margin-right: 10px;
				}

			#content h3 {
				font-size: 14px;
				color: #a0a6b9;
				margin-bottom: 5px;
			}

			#content .phone {
				font-size: 21px;
				font-weight: bold;
				color: #303046;
				margin-top: 5px;
			}

				#content .phone span {
					color: #8e97a2;
					font-weight: normal;
				}

			#content ul.bullet {}

				#content ul.bullet li {
					background: url('../images/icon-bullet.png') 8px 9px no-repeat;
					font-size: 12px;
					color: #393f5b;
					line-height: 24px;
					padding-left: 30px;
				}
		

	/*==================================================
	=============== 3.1 Columns content ==============*/
	
	#contentWrap .column {
		float: left;
		margin-right: 45px;
	}

	#contentWrap #content .column {
		margin-right: 85px;
	}

		#contentWrap .column .sectionHeader {
			padding: 0 15px 5px;
			border-bottom: 1px solid #dfdfe3;
		}

			#contentWrap .column .sectionHeader h3 {
				font-size: 23px;
				font-weight: normal;
				float: left;
				margin-right: 10px;
			}

			#contentWrap .column .sectionHeader .count {
				margin-top: -6px;
				width: 23px;
				text-align: center;
				color: #93939c;
				font-size: 9px;
				float: left;
				line-height: 23px;
				background: url('../images/icon-count-circle.png') top left no-repeat;
			}

			#contentWrap .column .more {
				display: block;
				width: 29px; height: 29px;
				margin: 5px 0 0 15px;
				background: url('../images/icon-more-arrow-right.png') 0 -29px no-repeat;
			}

		#contentWrap .column ul.content {}

			#contentWrap .column ul.content li {
				padding: 11px 16px;
				border-bottom: 1px solid #f1f1f3;
				position: relative;
			}

			#contentWrap .column ul.content li.first {
				padding-top: 0;
				background: url('../images/bg-inner-content.png') 0 -20px repeat-x;
			}

				#contentWrap .column ul.content li.first p {
					padding-top: 5px;
				}

			#contentWrap .column ul.content li.last {
				border-bottom: none;
			}

				#contentWrap .column ul.content li .toggle {
					width: 14px; height: 8px;
					position: absolute;
					top: 12px; right: 4px;
					background-image: url('../images/icon-arrow-up-down.png');
					background-repeat: no-repeat;
					cursor: pointer;
				}

					#contentWrap .column ul.content li.open .toggle {
						background-position: 0 -8px;
					}

					#contentWrap .column ul.content li.close .toggle {
						background-position: 0 0;
					}

				#contentWrap .column ul.content li img {
					float: left;
					padding: 0 12px 5px 0;
					border: 0;
				}

					#contentWrap .column ul.img li.close img {
						display: none;
					}

				#contentWrap .column ul.content li .info {
					font-size: 10px;
					margin-bottom: 5px;
				}

					#contentWrap .column ul.content li .info .date {
						color: #abafb7;
					}

					#contentWrap .column ul.content li .info .author {
						text-transform: uppercase;
						margin-left: 8px;
					}

				#contentWrap .column ul.content li a.header {
					font-size: 13px;
					line-height: 18px;
				}

				#contentWrap .column ul.content li p {
					clear: both;
                                        font-size: 15px;
                                        text-align: justify;
					color: #393f5b;
					line-height: 17px;
				}

					#contentWrap .column ul.content li p a.read-more {

					}

					#contentWrap .column ul.p li.close p {
						display: none;
					}

	#contentWrap .last {
		margin-right: 0;
	}

	#contentWrap .twird {
		width: 344px;
	}

	/*==================================================
	================== 3.2 News Item ================*/

	#container .news-item {}

		#container .news-item .news-image {
			float: left;
			border: 0;
		}

		#container .news-item .text {
			padding-left: 265px;
                        
		}

			.back-to-list {
				float: right;
				font-size: 24px;
				color: #7e87a5;
				padding-left: 39px;
				line-height: 31px;
				margin: 26px 10px 0 15px;
				background: url('../images/icon-pagenav-lr.png') 0 2px no-repeat;
			}

	/*==================================================
	================== 3.3 Pagination ================*/
	#pageinator {
		margin: 20px 0 0 18px;
	}

		#pageinator li {
			float: left;
			font-size: 12px;
			margin-right: 15px;
		}

		#pageinator li.current {
			display: block;
			width: 29px;
			color: #fff;
			text-align: center;
			line-height: 29px;
			background: url('../images/icon-pagenav.png') top left no-repeat;
		}

			#pageinator li a {
				float: left;
				display: block;
				width: 14px;
				line-height: 29px;
			}

	/*==================================================
	=============== 3.4 Page navigation ==============*/
	#pageNav {
		position: relative;
		margin-top: 30px;
		height: 30px;
	}

		#pageNav a {
			position: absolute;
			line-height: 29px;
			font-size: 20px;
			color: #7e87a5;
			background-image: url('../images/icon-pagenav-lr.png');
			background-repeat: no-repeat;
		}

		#pageNav a.left {
			left: 130px;
			padding-left: 39px;
			background-position: left 1px;
		}

		#pageNav a.right {
			right: 130px;
			padding-right: 39px;
			background-position: right -28px;
		}

		/*==================================================
		================== 3.5 Contacts ==================*/
		#contacts {
			width: 500px;
			border-bottom: 1px solid #efefef;
			padding: 25px 0;
		}

			#contacts div {
				padding-left: 35px;
				background-image: url('../images/icon-contacts.png');
				background-repeat: no-repeat;
			}

			#contacts div.adress {
				background-position: 0 2px;
			}

			#contacts div.phone {
				background-position: 0 -28px;
				margin: 0;
			}

			#contacts div.email {
				background-position: 0 -62px;
			}

			#contacts div.phone, #contacts div, #contacts a {
				font-size: 18px;
				font-weight: normal;
				line-height: 32px;
			}

				#contacts div span {
					color: #9397a3;
				}

				#contacts a {
					color: #0d51b2;
				}

		/*==================================================
		================== 3.6 Partners ==================*/
		#parntersContainer {
			width: 453px; height: 536px;
			float: left;
			background: url('../images/partners-bg.jpg') top left no-repeat;
		}

			#parntersContainer h1 {
				font-weight: bold;
				font-size: 24px;
				color: #fff;
				padding: 24px 0 5px 16px;
			}

			#parntersContainer .textContainer {
				margin: 0 36px 0 16px;
			}

				#parntersContainer h3 {
					color: #fff;
					margin: 0;
					font-size: 12px;
				}

				#parntersContainer p {
					font-size: 12px;
					line-height: 18px;
					color: #fff;

					margin: 6px 0 18px;
				}

				#parntersContainer p.bold {
					font-size: 15px;
					line-height: 25px;
					color: #c2d8f4;
					margin-top: 0;
				}

		#brand {
			width: 410px; height: 539px;
			float: left;
			background: url('../images/partners-brend-bg.png') top right no-repeat;
			text-align: center;
			overflow: hidden;
		}

			#brand img {
				border: 0;
			}

/*==================================================
================== 4.0 Sidebar ===================*/
#sideLeft {
		float: left;
		width: 258px;
		margin-left: -100%;
		position: relative;
	}

		/*==================================================
		================== 4.1 Left Menu =================*/
		#leftMenuWrap {
			position: relative;
			width: 256px;
			padding: 4px 0;
		}

			#leftMenuBg {
				background-position: -258px 0;
				background-repeat: repeat-y;
			}

			#leftMenuWrap ul {
				
			}

			#leftMenuBg, 
			#leftMenuWrap .top,
			#leftMenuWrap .bottom,
			#leftMenuWrap ul li,
			#leftMenuWrap h2 {
				width: 258px;
				background-image: url('../images/bg-left-menu.png');
			}

				#leftMenuWrap ul li {
					background-position: -516px bottom;
					background-repeat: no-repeat;
					padding: 8px 5px 8px 0;
					position: relative;
				}

					#leftMenuWrap ul li.close ul {
						display: none;
					}

					#leftMenuWrap ul ul {
						margin-top: 10px;
						background: none;
					}

						#leftMenuWrap ul ul li {
							background: 0;
							padding: 6px 5px 6px 0
						}

						#leftMenuWrap ul ul li.last {
							padding-bottom: 8px;
						}

							#leftMenuWrap ul ul li a {
								font-size: 14px;
								font-weight: normal;
								padding: 3px 10px 3px 18px;
							}

							#leftMenuWrap ul ul li a:hover,
							#leftMenuWrap ul ul li a.current {
								background: #fff;
								font-weight: bold;
							}

				#leftMenuWrap ul li.last {
					background: none;
					padding-bottom: 30px;
				}
					#leftMenuWrap ul li .toggle {
						width: 14px; height: 8px;
						position: absolute;
						top: 10px; right: 25px;
						background-image: url('../images/icon-arrow-up-down.png');
						background-repeat: no-repeat;
						cursor: pointer;
					}

						#leftMenuWrap ul li.open .toggle {
							background-position: 0 -8px;
						}

					#leftMenuWrap ul li a {
						font-size: 20px;
						font-weight: bold;
						color: #1c223d;
						padding-left: 18px;
						font-family: Arial, sans-serif;
					}

						#leftMenuWrap ul li a:hover,
						#leftMenuWrap ul li.open li a:hover,
						#leftMenuWrap ul li.open li a.current,
						#leftMenuWrap ul li.open a {
							color: #767f9f;
						}

							#leftMenuWrap ul li.open li a {
								color: #1c223d;
							}

				#leftMenuWrap h2 {
					padding: 23px 5px 8px 18px;
					font-size: 24px;
					font-weight: bold;
					background-position: -516px bottom;
					background-repeat: no-repeat;
				}

			#leftMenuWrap .top, #leftMenuWrap .bottom {
				height: 4px;
				position: absolute;
				background-repeat: no-repeat;
			}

				#leftMenuWrap .top { top: 0; }
				#leftMenuWrap .bottom { bottom: 0; background-position: 0 -4px;}

			/*==================================================
			=============== 4.2 Partners Sidebar =============*/
			#ulScroll {}

			#partnersList {
				/*height: 532px;*/
			}

				#partnersList li.item {
					padding: 12px 75px 10px 15px;
					width: 168px; height: 38px;
				}

				#leftMenuWrap #partnersList li.last {
					padding-bottom: 10px;
					background-image: url('../images/bg-left-menu.png');
					background-position: -516px bottom;
					background-repeat: no-repeat;
				}

					#partnersList li.item a {
						padding: 0;
						font-size: 12px;
						text-transform: uppercase;
						color: #006bd8;
					}

					#partnersList li.item p {
						text-transform: uppercase;
						font-size: 10px;
						line-height: 15px;
						margin-top: 3px;
					}

					#partnersList li.item img.logo {
						position: absolute;
						top: 0; right: 2px;
						width: 57px; height: 59px;
					}

				#leftMenuWrap #partnersList li.current {
					background: url('../images/partners-bg.jpg') top left no-repeat;
					height: 37px;
				}

					#partnersList li.current a,
					#partnersList li.current p {
						color: #fff;
					}

					#partnersList li.current img.logo {
						-moz-opacity: .7;
						opacity: 0.70;
						filter: alpha(opacity=70);
					}

			.scrollNav {
				padding: 26px 15px 19px;
			}

				.scrollNav a {
					display: block;
					float: left;
					margin-right: 2px;
					width: 10px; height: 10px;
					background: url('../images/icon-paginator.png') -12px 0 no-repeat;
					text-indent: 9999px;
					cursor: pointer;
					overflow: hidden;
				}

				.scrollNav a:hover,
				.scrollNav a.current {
					background-position: 0 0;
				}
/*==================================================
================== 5.0 Footer ====================*/
#footerWrap {
	height: 355px;
	margin-top: -355px;
	background: #f2f3f5 url('../images/bg-footer.png') top left repeat-x;
}

	#footerInnerWrap {
		padding: 30px 0 0;
		z-index: 999;
	}

		#footerContacts {
			width: 189px;
			position: absolute;
			top: 165px; right: 0;
		}

			#footerContacts h4 {
				color: #acaeb8;
				font-family: Tahoma, Arial, sans-serif;
				margin-bottom: 15px;
			}

			#footerContacts .phone {
				font-size: 14px;
			}

			#footerContacts p {
				font-size: 12px;
				line-height: 15px;
				padding: 8px 0 3px;
			}


		/*==================================================
		================== 5.1 Copyright ====================*/
		#copyright {
			border-top: 1px solid #e5e6e9;
			padding: 14px 16px;
			position: relative;
		}

			#copyright p {
				color: #9ea1ad;
				font-family: Tahoma, Arial, sans-serif;
			}

			#copyright p.right {
				position: absolute;
				top: 14px;
				right: 80px;
			}

		/*==================================================
		================== 5.2 Footer Menu ===============*/
		#footerMenu {
			margin-left: 15px;
		}

			#footerMenu li {
				float: left;
				margin-right: 20px;
			}

				#footerMenu li a {
					text-transform: uppercase;
					font-weight: bold;
				}

				#footerMenu li a:hover {
					text-decoration: underline;
				}

		/*==================================================
		============= 5.3 Footer links list ==============*/
		#footerWrap ul.list {
			float: left;
			margin: 25px 0 45px 5px;
		}

			#footerWrap ul.list li {
				line-height: 18px;
			}

				#footerWrap ul.list li a {
					white-space: nowrap;
				}

				#footerWrap ul.list li a:hover {
					font-weight: bold;
				}

				#footerWrap ul.list li h3 {
					font-size: 10px;
					font-weight: normal;
					color: #1052ac;
					text-transform: uppercase;
				}

		 #typografy { width: 102px;}
		 #outer-marketing { width: 130px;}
		 #internet { width: 167px;}
		 #regional-marketing { width: 182px;}
		 #tv-marketing { width: 165px;}
		 #radio-marketing { width: 131px;}

/*==================================================
=================== 6.0 Other ====================*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0; height: 0;
}

.bg-white {
	background: #fff;
}

/*==================================================
============== 7.0 Carousel Style ================*/
.js .carousel-control {
	overflow: hidden;
	display: block;
	top: 85px;
	position: absolute;
	text-indent: 9999px;
	width: 17px;
	height: 33px;
	cursor: pointer;
	background-image: url('../images/icon-arrow-left-right-big.png');
	background-repeat: no-repeat;
}

	.js .carousel-next {
		right: 0;
		background-position: -17px 0;
	}

	.js .carousel-previous {
		left: 0;
		background-position: 0 0;
	}

	.js .carousel-control:hover{
		-moz-opacity: .7;
		opacity: 0.70;
		filter: alpha(opacity=70);
	}

	.js .disabled,
	.js .disabled:hover{
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=10);
		cursor: default;
	}