/* 
-----------------------------------------------
Stream UK v2.0 - BASICS AND NAVIGATION
Author:   Stream UK
Version:  2008.07

This stylesheet sets up basics for the design and layout.
It also contains styles for the header and navigation areas.

----------------------------------------------- */


/* Import Framework Files
-------------------------------------------------------------- */

@import "src/reset.css";
@import "src/ie.css";
@import "src/typography.css";



/* Global Settings
-------------------------------------------------------------- */

body {background:#cbd0d6;margin:0;padding:0 0 10px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	font-size: 12px; line-height:1.5em;color:#333;}

#pagewidth{	width:910px;margin:0 auto;	background:url(../images/bg-pagewidth.gif);}



/* Grid Settings
-------------------------------------------------------------- */
#content {margin:27px 30px; }
#content.noMargin {padding-top:0; margin-top:0;}
.col1 {width:192px; margin-right:24px;}
.col2 {width:408px; margin-right:24px;}
.col3 {width:624px; margin-right:24px;}
.col4 {width:840px; }

.divine-block {width:496px; padding-right:24px;}
.divine-sup   {width:320px;}

.last {margin-right:0; padding-right:0;}
.mainwindow {display:inline;width:510px; }


/* Header
-------------------------------------------------------------- */
#header					{width:900px;height:160px;overflow:hidden;position:relative;margin:0 auto;}
#header h1				{margin:-15px 0 0 0;position:absolute;top:72px;left:36px; border-bottom:none;}
#header h1 a			{width:167px;height:89px;background:url(../images/logo.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;}
#header .top			{width:900px;height:35px;line-height:35px;color:#fff;overflow:hidden;background:url(../images/bg-top.gif);}
#header .top strong		{float:left;font-size:14px;font-weight:bold;margin:0 59px 0 35px; color:#fff;}
#header .top address	{float:left;font-style:normal;font-size:10px;}
#header .top ul			{margin:0;padding:0 7px 0 0;list-style:none;	font-size:11px;	float:right;} /* Spanish and Italian Web Links */
#header .top ul li		{float:left;	padding:0 23px 0 0;}
#header .top ul a		{padding:0 28px 0 0;color:#fff;}
#header .top ul .es a	{background:url(../images/flag01.gif) no-repeat right;}
#header .top ul .it a	{background:url(../images/flag02.gif) no-repeat right;}


/* Main Navigation
-------------------------------------------------------------- */
.nav				{margin:14px -10px 0 0;	display:inline;	padding:0;list-style:none;font-size:11px;width:648px;float:right;overflow:hidden;}
.nav strong			{font-size:12px;}
.nav li				{float:left;	width:118px;margin:0 42px 0 0;}
.nav li ul			{margin:0;padding:0;list-style:none;width:112px;}
.nav li ul li		{margin:0;}
.nav strong			{color:#000;	font-weight:normal;	padding:0 0 0 5px;}
.nav li ul a		{width:113px;line-height:20px;display:block;color:#89a0af;padding:0 0 0 7px;}
.nav li ul .active a, .nav li ul a:hover{text-decoration:none;color:#000;background:#e8eeec;}


#nav-index a.about, #nav-news a.news, #nav-contact a.contact, #nav-recruit a.recruit, #nav-vms a.vms, #nav-vmsMedia a.vmsMedia, #nav-vmsWeb a.vmsWeb, #nav-vmsTranscode a.vmsTranscode, #nav-vmsDaemon a.vmsDaemon, #nav-newsdesk a.newsdesk, #nav-streamconnect a.streamconnect, #nav-webcasting a.webcasting, #nav-encoding a.encoding, #nav-cdn a.cdn {text-decoration:none; color:#000; background:#e8eeec; }


/* Sub Menu
-------------------------------------------------------------- */

ul.submenu { float:left; background:#fff url(../images/bg-subMenu.gif) repeat-x top left; width:882px; height:46px; margin-left:5px; padding-left:18px; }
ul.submenu li { float:left; }
ul.submenu li a { color:#666; display:block; padding:16px 18px;}
ul.submenu li a:hover, ul.submenu li a.active { color:#0099cc; background:url(../images/bg-subMenu-ON.gif) repeat-x top left;}



/* PRODUCT PAGES: VISUAL AWARENESS AREA
----------------------------------------------- */

.productVisual					{width:900px; height:256px; border-bottom:1px solid #000; overflow:hidden; margin:0 auto; color:#fff; background-color:#000; }
.productVisual .left			{float:left; width:400px; margin:0 0 0 25px; display:inline; }
.productVisual .left big		{display:block; font-size:18px; line-height:22px; }
.productVisual .left p			{margin:8px 0 0;}
.productVisual img.screenshot	{margin:-36px 31px 0 0; float: right; display: inline;}

#homepage 						{background:#000 url(../images/sales-homepage.png) no-repeat; padding-top:90px;} /* Change sales image according to Body ID */
#news 							{background:#000 url(../images/sales-news.png) no-repeat; padding-top:90px;}
#contact						{background:#000 url(../images/sales-contact.png) no-repeat; padding-top:90px;}
#recruit 						{background:#000 url(../images/sales-recruit.png) no-repeat; padding-top:90px;}
#vms 							{background:#000 url(../images/sales-vms.png) no-repeat; padding-top:90px;}

#streamConnect 					{background:#000 url(../images/sales-streamConnect.png) no-repeat; padding-top:90px;}
#newsdesk 						{background:#000 url(../images/sales-newsdesk.png) no-repeat; padding-top:90px;}
#webcasting 					{background:#000 url(../images/sales-webcasting.png) no-repeat; padding-top:90px;}
#encoding 						{background:#000 url(../images/sales-encoding.png) no-repeat; padding-top:90px;}
#cdn 							{background:#000 url(../images/sales-cdn.png) no-repeat; padding-top:90px;}

.shrink 						{height:40px;} /* Shrink the Visual Area for News and "More detail" product pages */

.next							{float:right; text-align:right; width:624px; margin-top:18px; padding-top:9px; border-top:1px solid #ededed;}
.next	a:hover 				{text-decoration:underline;}	


/* Pages: General
-------------------------------------------------------------- */

ul.overview 					{float:left; margin:0; padding:0; }
ul.overview li 					{clear:left; float:left; margin:0 0 27px 0; padding:0;width:510px;}
ul.overview li h3 				{padding-top:24px;}
ul.overview li img 				{clear:left; float:right; margin:0 0 0 9px;}
ul.overview li a 				{display:block;}
ul.overview li a:hover h3 		{color:#0099cc;}

ul.details 						{margin-top:18px; margin:0; padding:0; }
ul.details li 					{clear:left; float:left; width:840px; margin-bottom:27px; padding-bottom:27px; border-bottom:#ececec solid 3px;}
ul.details li p 				{margin-bottom:2px;}
ul.details li h3 				{clear:left; color:#0099cc;}
ul.details li img 				{clear:left; float:right; margin:0 0 0 18px;}

div.snippet 					{margin-top:5px;}
div.snippet ul					{padding:0 18px 0 18px;}
div.snippet li 					{margin:0; width:192px; margin:0; padding:0; border:0;}
div.snippet li p 				{font-size:11px; margin:0;}

ul.screenshots					{float:left; margin:0 0 27px 0; padding:0; width:624px;}
ul.screenshots li				{float:left; margin:0 24px 0 0; padding:0;}
ul.screenshots li.last			{margin-right:0;}
.outline-white 					{border:#fff solid 1px;}

ul.stretch-list			{ clear:left; float:left; width:610px; margin:0 0 5px 0; }
ul.stretch-list li		{ float:left; width:90px; height:93px; margin-right:5px; background-color:#fff; border:1px solid #ccc; text-align:center;}
ul.stretch-list li:hover { border:1px solid #000; }
ul.stretch-list li.end	{ margin-right:0; }

/*Clients and Partners Page*/
ul.client-list			{ clear:left; float:left; width:500px; margin:0 0 0 5px; }
ul.client-list li		{ float:left; width:100px; height:50px; margin-right:5px; margin-bottom: 5px; background-color:#fff; border:1px solid #ccc; text-align:center;}
ul.client-list li:hover { border:1px solid #000; }
ul.client-list li.end	{ margin-right:0; }


div.leftPanel					{background: url(../images/bg-panel-top.gif) top left no-repeat #e0ebf5; width:181px; float:left; position:relative; margin:36px 0 18px -25px; padding:0 18px;}
br.round-it						{background: url(../images/bg-panel-btm.gif) bottom right no-repeat #ff0000;}

div.sidePanel 					{margin:36px 0 18px 0; padding:0;} /* Blue side Panel */
div.sidePanel h2 				{padding:0 18px 0 18px; margin-top:18px;}
div.sidePanel h3				{font-weight:bold; padding:0 18px 0 18px; margin-top:18px;}
div.sidePanel h4 				{padding:18px 18px 0 18px;}
div.sidePanel p.naked 			{padding:0 18px 0 18px;}
div.sidePanel ul 				{padding:0 18px 18px 18px; margin-left:18px;}
div.sidePanel ul.none 			{list-style:none; margin: 0;}
div.sidePanel img.btn 			{padding:0 18px 18px 18px;}
div.sidePanel a					{color:#0099cf;text-decoration:none;}
div.sidePanel a:hover			{text-decoration:none; background-color:#ccc; }
div.sidePanel p.nakedsocial 	{padding:0 18px 15px 18px;}

div.noColor 					{background-color:#fff;} /* Remove color from side panel */
div.attention 					{background:#e9f0ff; border:1px solid #ccc;} /* Highlight Side Panel */
img.infoIcon 					{float:right; position:relative; top:-10px; right:-10px;}

.round {width: 320px; background-color: #eaeff9; background:#eaeff9 url(../images/bg-round-mid.gif) repeat-y ; margin:36px 0;}
.round h3.first-ele {background:transparent url(../images/bg-round-top.gif) no-repeat top left; font-weight:bold; padding:18px 18px 9px 18px;margin:0; }
.round h3 {font-weight:bold;}
.round ul {list-style:none; margin:0; padding:0;}
.round li  {padding:0 18px 0 18px;} /* This only applies to the sup menu on the news pages */
.round ul li ul li  {margin:0; padding:0;} /* This only applies to the sup menu on the news pages */
.round p {padding:0 18px 0 18px;}
.round p.last-ele {padding:0 18px 18px 18px; background: transparent url(../images/bg-round-btm.gif) no-repeat bottom left; margin:0;}

.round-col1 {width:192px; background-color: #eaeff9; background:#eaeff9 url(../images/bg-roundCol1-mid.gif) repeat-y; margin:45px 0;}
.round-col1 h3.first-ele { background:transparent url(../images/bg-roundCol1-top.gif) no-repeat top left; font-weight:bold; padding:18px 18px 0 18px; margin:0; }
.round-col1 h3 {font-weight:bold; padding:18px 18px 0 18px; }
.round-col1 ul {list-style:none; margin:0;}
.round-col1 p {padding:0 18px 0 18px;}
.round a:hover {background-color:#ccc; color:#000;}
.round-col1 p.last-ele {padding:0 18px 18px 18px; background: transparent url(../images/bg-roundCol1-btm.gif) no-repeat bottom left; margin:0;}

/* Pages: News/Blog
-------------------------------------------------------------- */

.news {width:900px; height:200px; border-bottom:1px solid #000; overflow:hidden; margin:0 auto; color:#fff; background-color:#000;}
.news h3 {color:#fff;}
.recent {float:left; width:496px; margin-left:25px; padding-right:24px; display:inline;}
.recent  ul {list-style:none; margin:0;}
.recent h3 {border-bottom:1px solid #333; padding-bottom:9px; margin-bottom:18px;}
.recent a:hover {background-color:#333333; color:#fff;}
.date {color:#fff; margin-right:9px;}
.search {float:left; width:296px; margin:0; padding-left:24px; display:inline;}
a.rss							{width:155px; height:51px; background:url(../images/icon-rss.gif); float:left;
 text-indent:-9999px; overflow:hidden; margin:0; position:relative; top:40px; right:0;}
 .search h3 {border-bottom:1px solid #333; padding-bottom:9px; margin-bottom:18px;}

.post {border-bottom:1px solid #ccc; padding-bottom:18px; margin-bottom:27px;}
.datePosted {color:#000;}
.post img {float:right; margin:0 0 18px 18px;}
.post a   {color:#6699cc;}
.post a:hover {background-color:#ccc; color:#333;}

.postmetadata {margin:18px 0 0 0; color:#666; font-size:11px;}


/* Product Pages
-------------------------------------------------------------- */
div#sup				{ width:145px; float:left; margin-right:25px; padding-left:15px;}
div#copy			{ width:640px; float:right;}
img.keyword-title	{ margin-bottom:18px; }
h1.features			{ font-size:16px;line-height:36px; margin:27px 0 14px 0; border-bottom:1px solid #ededed;}
ul.features 		{ margin:0 0 36px 0; padding:0; font-size:12px; font-weight:bold; }
ul.features li		{ margin-bottom:9px; }
ul.features li a 	{ display:block; }
ul.features li.action	{ margin-top:27px; }
ul.features li a.active	{ color:#000;}

div.fullPanel		{ background-color:#d2e9f1; width:602px; border:1px solid #8fbccc; margin:0 0 30px 0; padding:18px; clear:left; float:left;}
div.miniPanel		{ width:281px; float:left; }
div.miniPanel img.vid	{ float:left; margin-right:18px; }
div.featureSnippets	{ width:300px; float:left; }
dl.featureSnippets	{ }
dl.featureSnippets dd { margin-left:0; margin-bottom:18px;  }

dl.fullSnippets	dd		{ margin-left:0; margin-bottom:36px; }
p.tick				{ background:url(../images/vms/tick.gif) left top no-repeat; padding-left:30px; }


h1.vms				{ text-indent:-999px; width:850px; height:58px; background:url(../images/vms/video-management-system-title.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.mp				{ text-indent:-999px; width:850px; height:58px; background:url(../images/mp/media-management-system-title.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.sc				{ text-indent:-999px; width:850px; height:52px; background:url(../images/sc/stream-connect.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.cs				{ text-indent:-999px; width:850px; height:52px; background:url(../images/cs/stream-crowdsourcer.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.contact			{ text-indent:-999px; width:850px; height:58px; background:url(../images/contact/Header-Bar.jpg) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.aboutus			{ text-indent:-999px; width:850px; height:58px; background:url(../images/aboutus.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.events			{ text-indent:-999px; width:850px; height:58px; background:url(../images/sector-solutions/events-header.jpg) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.sme			{ text-indent:-999px; width:880px; height:150px; background:url(../images/title-sme.gif) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.smooth			{ text-indent:-999px; width:850px; height:58px; background:url(../images/smoothstreaming.png) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }

h1.clientspartners	{ text-indent:-999px; width:850px; height:58px; background:url(../images/cnp.jpg) left top no-repeat; border:none; margin-right:0; margin-bottom:27px; }


/* Recruitment
-------------------------------------------------------------- */
.page_item a { }
.jobIllus {float:left; width:100px; }
.jobDescr { float:left; margin-top:-100px; margin-left:150px; padding-right:20px;}
	

/* Footer
-------------------------------------------------------------- */
#footer 						{width:910px; margin:0 auto; padding-bottom:36px; z-index:20;}
#footer p 						{clear:both; padding:27px 0 0 5px; font-size:12px;}

ul.footer-logos {width:910px; padding:27px 0; margin-bottom:27px;}
ul.footer-logos li {margin-right:9px;}

/* SocialRight
-------------------------------------------------------------- */

/*
#socialright {
	float: right;
	position: inherit;
	}
*/