@charset "UTF-8";

/*
	html tags
----------------------------- */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #4d4d4d url(../images/background.png) repeat-x top center; }
/*
	standard classes
----------------------------------*/
.clearfix:after { content: "."; display: block; width: 100%; height: 2px; clear: both; visibility: hidden; }
.padder { padding: 20px 40px; }
.imgRight { float: right; margin-left: 20px; margin-bottom: 15px; }
.imgLeft { float: left; margin-right: 20px; margin-bottom: 15px; }
.nowrap { white-space: nowrap; }
.flowPlayer { display: block; width: 344px; height: 258px; overflow: hidden; float: left; clear: none; }
.gutter { margin-right: 40px; }
/*
	layout elements
----------------------------- */
#wrapper { position: relative; display: block; width: 900px; height: auto; background: url(../images/bg_header_logo.jpg) no-repeat 0 0; margin: 0 auto; }
/*
	header
----------------------------- */
#header { position: relative; display: block; width: 812px; height: 232px; margin: 0 auto; }
#header h1 { position: absolute; top: 30px; left: 50px; display: block; width: 350px; height: 140px; margin: 0; padding: 0; }
#header h1 a { display: block; width: 350px; height: 140px; }
#header h1 a span { display: none; }
/*
	main navigation
----------------------------- */
#header ul#mainNav { position: absolute; top: 40px; right: 0px; display: block; width: 250px; height: auto; margin: 0; padding: 0; list-style: none; }
#header ul#mainNav li { font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 22px; font-weight: normal; text-transform: uppercase; text-align: right; }
#header ul#mainNav li a { color: #777; text-decoration: none; }
#header ul#mainNav li a:hover { color: #fff; }
#header ul#mainNav li a.active { color: #1cc6ff !important; }
/*
	content
----------------------------- */
#content { position: relative; display: block; width: 812px; height: auto; min-height: 300px; background: url(../images/bg_content_black_blend.png) repeat 0 0; margin: 0 auto; margin-bottom: 13px; }
#content #sideBar { position: relative; display: block; width: 391px; height: auto; min-height: 300px; background: url(../images/bg_sidebar.png) no-repeat 0 0; float: left; clear: none; }
#content #sideBar #flowPlayer { position: absolute; top: 22px; left: 23px; display: block; width: 344px; height: 258px; overflow: hidden; }
#content h1,
#content h2,
#content h3,
#content h4 { margin-top: 0; padding-top: 0; color: #ccc; }
#content p { font-size: 18px; line-height: 25px; margin-top: 0; padding-top: 0; color: #888; }
#content ul li { color: #888; padding-bottom: 7px; }
#content a { color: #1cc6ff; text-decoration: none; }
#content a:hover { color: #fff; }
#content #contentWrapper { display: block; width: 812px; height: auto; min-height: 300px; background: url(../images/bg_content.png) no-repeat 0 0; }
#content #contentBottom { position: absolute; bottom: -13px; left: 0; display: block; width: 812px; height: 13px; background: url(../images/bg_content_bottom.png) no-repeat top left; }
/*
	section navigation
----------------------------- */
#sectionNav { position: relative; display: block; width: 812px; height: 83px; overflow: hidden; padding: 20px 0; margin: 0 auto; }
#sectionNav ul { position: relative; display: block; width: 812px; height: 83px; margin: 0; padding: 0; list-style: none; }
#sectionNav ul li { float: left; clear: none; }
#sectionNav ul li a span { display: none; }
#sectionNav ul li a#cnavPR { display: block; width: 268px; height: 83px; background: url(../images/bg_nav2.png) no-repeat 0px 0px; }
#sectionNav ul li a#cnavTV { display: block; width: 277px; height: 83px; background: url(../images/bg_nav2.png) no-repeat -268px 0px; }
#sectionNav ul li a#cnavWEB { display: block; width: 267px; height: 83px; background: url(../images/bg_nav2.png) no-repeat -545px 0px; }
#sectionNav ul li a:hover#cnavPR { background-position: 0px -87px; }
#sectionNav ul li a:hover#cnavTV { background-position: -268px -87px; }
#sectionNav ul li a:hover#cnavWEB { background-position: -545px -87px; }
/*
	footer
----------------------------- */
#footer { position: relative; display: block; width: 812px; height: auto; padding-top: 30px; margin: 0 auto; text-align: center; }
#footer p { font-size: 11px; color: #999; margin-top: 0; padding-top: 0; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer a.active { color: #1cc6ff !important; }
/*
	special sauce
----------------------------- */
#content #clientList { display: block; width: 686px; height: 449px; margin: 0 auto; padding-top: 20px; background: url(../images/img_telearts_clients.png) no-repeat top left; }
#content #clientList .hider { display: none; }