@charset "UTF-8";
/*
	RESET, BODY
*/
@charset "UTF-8";
 
* {
	margin: 0;
	padding: 0; }
 
body {
	margin: 0;
	padding: 0;
	height: 100%;
	_height: auto;
	background: #f1f1f1;
	font: normal 0.813em "Lucida Grance", Helvetica, Arial, sans-serif;
	_font-size: 0.80em;
	color: #333333;
	letter-spacing: 0.015em;
	line-height: 1.25em; }
 
img { border: none; }
 
ul {
	margin: 0;
	padding: 0;
	list-style: none; }
 
/*
	MAIN DIVS
*/
#bodywrap {
	margin: 0 auto;
	_margin: auto;
	background: #0A0A0A url(/images/design/bgtop.jpg) top left repeat-x;
	_background-color: #0a0a0a;
	_background-image: url(/images/design/bgtop.jpg);
	_bakcground-repeat: repeat-x; }
 
#wrapper {
	margin: auto;
	position: relative;
	width: 1208px; }
 
#bgImage {
	margin: 45px 0 0 0 auto; /* modern browsers */
	position: absolute;
	width: 1160px;
	height: 600px;
	_height: 600px;
	left: 0; /* IE 7 and below */
	bottom: 0; /* IE 7 and below */
	top: 45px; /* IE 7 and below */
	display: inline; }
 
#header {
	position: relative;
	float: left;
	width: 1160px;
	display: inline; }
 
/*
	LOGO
*/
#logo {
	margin-top: 9px;
	float: left;
	width: 394px;
	height: 50px;
	background: url(/images/design/logo.png) no-repeat top left;
	display: inline; }
 
	#logo a {
		margin-left: 142px;
		width: 252;
		height: 50px;
		display: block; }
 
/*
	COMPONENTS
*/
#component {
	margin: 25px 93px 0px 142px;
	position: relative;
	padding: 10px 13px;
	float: left;
	width: 925px;
	height: 100%;
	_height: 350px;
	min-height: 300px;
	background: url(/images/design/bgcomponent.png) repeat-y;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: inline; }
 
#components {
	margin: 25px 93px 0px 142px;
	position: relative;
	float: left;
	width: 925px;
	height: 100%;
	_height: 350px;
	min-height: 350px;
	display: inline; }
 
.columnL {
	float: left;
	width: 200px;
	_width: 210px;
	margin: 75px 0 0 20px;
	padding: 20px 0px 20px 10px;
	display: inline; }
 
h2.component {
	color: #f1f1f1;
	font: bold 1.25em;
	text-align: center;
	text-transform: uppercase; }
 
.columnR {
	float: right;
	width: 675px;
	_width: 685px;
	padding: 20px 0px 20px 10px;
	display: inline; }
 
.contactL {
	width: 240px;
	_widht: 230px;
	float: left;
	margin-left: 10px;
	display: inline; }
 
.contactR {
	width: 350px;
	_width: 340px;
	float: right;
	display: inline; }
 
/*
	CONTAINER
*/
#container {
	margin-top: 25px;
	margin-bottom: -312px;
	position: relative;
	float: left;
	width: 925px;
	height: 100%;
	min-height: 100%;
	_height: auto;
	top: 10px;
	bottom: 20px;
	display: inline; }
 
#containerwrap {
	position: relative;
	float: left;
	width: 925px;
	_width: 890px;
	height: 100%;
	_height: auto;
	margin: 0px 93px 20px 142px;
	_margin-left: 71px; }
 
#contentHome {
	position: relative;
	float: left;
	width: 925px;
	background-color: #f1f1f1;
	display: inline; }
 
#content {
	float: left;
	position: relative;
	width: 925px;
	height: 100%;
	_height: auto;
	margin: 0px 93px 20px 142px;
	display: inline; }
 
#contentPolicy {
	float: left;
	width: 900px;
	height: 100%;
	background-color: #f1f1f1;
	margin: 5px 10px 10px 10px;
	display: inline; }
 
#contentNavigation {
	float: left;
	width: 250px;
	height: 100%;
	display: inline; }
 
#subContent {
	float: right;
	width: 650px;
	height: 100%;
	display: inline; }
 
hr {
	border-bottom: 1px;
	border-bottom-color: #000;
	border-bottom-width: 250px; }
 
#contentBg {
	float: right;
	width: 650px;
	height: 100%;
	_height: auto;
	background: url(/images/design/subcontent_bg.jpg) repeat-y;
	_background-image: url(/images/design/subcontent_bg.jpg);
	_background-repeat: repeat-y;
	display: inline; }
 
#contentInfo {
	float: right;
	width: 625px;
	height: 100%;
	_height: auto;
	margin: 5px 11px 5px 0px;
	background-color: #f1f1f1;
	display: inline; }
 
	#contentInfo.home { min-height: 400px; }
 
	#contentInfo.contacts { min-height: 300px; }
 
	#contentInfo.affiliate { min-height: 300px; }
 
	#contentInfo.solutions { min-height: 400px; }
 
	#contentInfo.creative { min-height: 365px; }
 
	#contentInfo.web { min-height: 270px; }
 
	#contentInfo.port { min-height: 300px; }
 
ul.firstrow {
	margin: 5px 0 0 30px;
	list-style-type: disc;
	list-style-position: outside; }
 
ul.nobullet {
	margin: 5px 0 0 30px;
	list-style-type: none;
	list-style-position: none; }
 
ul.firstrow li {
	margin-top: 3px;
	display: list-item; }
 
	ul.firstrow li ul {
		margin: 0 0 3px 30px;
		list-style-type: disc;
		list-style-position: inside;
		padding: 3px 0 0 0; }
 
/*
	BORDERS
*/
#borderTop.home {
	float: left;
	width: 925px;
	height: 8px;
	background: url(/images/design/homecontent_bordertop.png) no-repeat;
	display: inline;
	overflow: hidden; }
 
#borderBottom.home {
	position: relative;
	float: left;
	width: 925px;
	height: 8px;
	margin: 0px;
	background: url(/images/design/homecontent_borderbtm.png) no-repeat;
	display: inline;
	overflow: hidden; }
 
#borderTop {
	float: left;
	width: 650px;
	height: 7px;
	background: url(/images/design/subcontent_bordertop.png) no-repeat;
	display: inline;
	overflow: hidden; }
 
#borderBottom {
	float: left;
	width: 650px;
	height: 7px;
	background: url(/images/design/subcontent_borderbtm.png) no-repeat;
	display: inline;
	overflow: hidden; }
 
#hrHor.home {
	position: relative;
	padding-top: 10px;
	width: 280px;
	height: 3px;
	_height: 13px;
	background: url(/images/design/border_hor.jpg) repeat-x; }
 
#hrHor {
	margin: 5px 0px 5px 0px;
	position: relative;
	width: 620px;
	height: 3px;
	background: url(/images/design/border_hor.jpg) repeat-x; }
 
#hrVer {
	position: relative;
	float: left;
	width: 3px;
	height: 435px;
	background: url(/images/design/border_ver.jpg) repeat-y;
	display: inline; }
 
#hrHorSub {
	position: relative;
	width: 620px;
	height: 3px;
	margin: 5px 0px 5px 0px;
	background: url(/images/design/border_hor.jpg) repeat-x; }
 
/*
	COLUMNS
*/
#columnLeft {
	position: relative;
	float: left;
	width: 270px;
	_width: 248px;
	height: 100%;
	_height: auto;
	padding: 0px 10px 5px 12px;
	background-color: #f1f1f1; }
 
#columnRight {
	position: relative;
	float: right;
	width: 602px;
	_width: 572px;
	height: 100%;
	_height: auto;
	padding: 0px 13px 5px 13px;
	background-color: #f1f1f1; }
 
	#columnRight a { text-decoration: none; }
 
/*
	FOOTER
*/
#footer {
	z-index: 0;
	position: relative;
	width: 100%;
	_width: auto;
	min-width: 1208px;
	min-height: 110px;
	background: #f1f1f1 url(/images/design/bgfooter_repeat.jpg) repeat-x; }
 
	#footer.large { min-height: 260px; }
 
	#footer.xlarge { min-height: 270px; }
 
	#footer.medium { min-height: 225px; }
 
#footerbox {
	margin: auto;
	position: relative;
	width: 1208px;
	background: url(/images/design/bgfooter_tab.jpg) no-repeat 0 top;
	font-size: 0.75em;
	text-align: center; }
 
	#footerbox a {
		color: #333333;
		font-size: 1.15em;
		text-decoration: none;
		font-weight: none; }
 
		#footerbox a:hover {
			color: #f8b703;
			font-weight: none; }
 
	#footerbox span {
		color: #cccccc;
		padding-left: 35px;
		padding-right: 35px;
		font-size: 1.5em; }
 
		#footerbox span.address {
			color: #909090;
			padding: 0px;
			font-size: 1em;
			padding-left: 20p; }
 
.clearfooter {
	display: block;
	height: 337px;
	clear: both;
	overflow: hidden;
	content: ".";
	margin-top: 20px; /* IE 7 and below */ }
 
<!--[if IE]>
.clearfooter {
	display: inline-block;
	height: 352px;
	bottom: 20px; }
 
/*
	SPAN
*/
<![endif]-->
 
 
#subMenu span {
	float: left;
	margin: 0;
	display: block;
	color: #cccccc;
	font: normal 1.25em;
	margin: 3px 0 3px 0; }
 
.navigation li span {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px; }
 
#logo span {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px; }
 
span.hidden {
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px; }
 
/*
	HOME PAGE contents
*/
.newsDate {
	position: relative;
	margin-right: 10px;
	float: left;
	width: 60px;
	height: 20px;
	_height: auto;
	_font-size: 0.825em;
	background-color: #2b2a29;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #2b2a29;
	padding-top: 4px;
	text-align: center;
	display: inline;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.0em;
	color: #F8B703;}
 
.featuredSection {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 60px;
	height: 55px;
	_height: 25px;
	display: block;
	background-color: #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #dddddd;
	display: inline; }
 
.imgPadding { margin: 5px 10px 0px 0px; }
 
.imgPaddingabout {
	padding-right: 15px;
	padding-bottom: 10px; }
 
#subscribe {
	margin: 0px;
	list-style: none; }
 
	#subscribe li {
		margin: 0 0 5px 0;
		position: relative;
		padding: 10px;
		height: 64px; }
 
		#subscribe li h4 {
			margin: 0 0 0 45px;
			font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 1.375em;
			line-height: 1.25em;
			color: #0a0a0a;
			display: block;
			clear: none;
			border: none; }
 
		#subscribe li p {
			margin: 0 0 0 45px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1em;
			letter-spacing: 0.0015em;
			clear: none; }
 
		#subscribe li img {
			margin: 0px 5px 0px 0px;
			position: relative;
			float: left;
			padding: 0px;
			display: inline; }
 
		#subscribe li a.linkblock {
			position: absolute;
			z-index: 50;
			background: none;
			border: none;
			width: 100%;
			height: 100%; }
 
		#subscribe li:hover { background-color: #F5F5F5; }
 
/*
	PRIMARy NAVIGATION
*/
#mainNav {
	margin-top: 9px;
	float: right;
	width: 766px;
	height: 38px;
	display: inline; }
 
ul.navigation {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 766px;
	height: 38px;
	list-style: none;
	float: left;
	display: inline; }
 
	ul.navigation li {
		float: left;
		height: 38px;
		display: inline; }
 
		ul.navigation li a {
			height: 38px;
			display: block; }
 
li.solutions a:link, li.solutions a:visited {
	width: 105px;
	background: url(/images/design/navigationsolutions.jpg) no-repeat 0px -38px; }
 
li.solutions a:hover, li.solutions a:active, li.solutions a.active { background-position: 0px 0px; }
 
li.iptv a:link, li.iptv a:visited {
	width: 153px;
	background: url(/images/design/navigationspark.jpg) no-repeat 0px -38px; }
 
li.iptv a:hover, li.iptv a:active, li.iptv a.active { background-position: 0px 0px; }
 
li.creative a:link, li.creative a:visited {
	width: 156px;
	background: url(/images/design/navigationcreative.jpg) no-repeat 0px -38px; }
 
li.creative a:hover, li.creative a:active, li.creative a.active { background-position: 0px 0px; }
 
li.web a:link, li.web a:visited {
	width: 159px;
	background: url(/images/design/navigationweb.jpg) no-repeat 0px -38px; }
 
li.web a:hover, li.web a:active, li.web a.active { background-position: 0px 0px; }
 
li.portfolio a:link, li.portfolio a:visited {
	width: 100px;
	background: url(/images/design/navigationportfolio.jpg) no-repeat 0px -38px; }
 
li.portfolio a:hover, li.portfolio a:active, li.portfolio a.active { background-position: 0px 0px; }
 
li.emptynav {
	width: 93px;
	height: 38px;
	background: url(/images/design/nav6empty.jpg) no-repeat 0px 0px; }
 
li.emptynav2 {
	width: 48px;
	height: 38px;
	display: block; }
 
.imgPadding { margin: 0px 10px 10px 0px; }
 
img.animationimg {
	border: none;
	padding: 0px 15px 10px 0px; }
 
img.arrow {
	border: none;
	padding-right: 10px;
	padding-top: 4px;
	width: 9px;
	height: 9px; }
 
h3.portfolio {
	text-transform: uppercase;
	color: #ea6401;
	font: bold 16px Helvetica, Arial, sans-serif;
	line-height: 5px;
	margin: 10px 0 0 0; }
 
span.portfolio {
	text-decoration: none;
	text-transform: uppercase;
	color: #ea6401;
	font-size: 0.875em;
	font-weight: bold; }