/*/////////////////////////////////////////////////////////////////////

	Global
	
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
	.hC {
		text-indent: -5999em;
		font: 1px/1px sans-serif;
		background-repeat: no-repeat;
		text-decoration: none;
		color :#fff;
	}
	.dN {
		display: none;
	}
	
	* {
		padding: 0;
		margin: 0;
	}	
		
	br.clear {
		height: 0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration: none;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	button {
		background-color: transparent;
		cursor:pointer;
		border:0; 
	}
	
	.nl {
		cursor: default !important;
		text-decoration: none !important;
		color: #fff !important;
		outline: 0;
	}
	
	#splash ul li a {
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
	}
	
/*/////////////////////////////////////////////////////////////////////

	Fontage
	
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		text-decoration: none;
	}

/*/////////////////////////////////////////////////////////////////////

	Shell
	
/////////////////////////////////////////////////////////////////////*/

	body {
	
		min-width: 960px;
		/* IE Dynamic Expression to set the width 
    	width:expression(document.body.clientWidth < 960 ? "960px" : "100%" );*/
	
		font-size: 62.5%;
		background: #424f58 url(../../images/layout/shell/grow-body.gif) repeat-x;
		margin: 0; padding: 0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Header :: Logo / Clock
/////////////////////////////////////////////////////////////////////*/

	#head {
		width: 917px; height: 87px;
		padding: 20px 24px 0 19px;
		position: relative;
	}
	#head h1 {
		width: 212px; height: 61px;
		background: url(../../images/layout/shell/logo.gif) no-repeat;
		float: left;
	}
	#head a {
		width: 212px; height: 61px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
		outline: 0;
		position: absolute;
		left: 19px;
		top: 20px;
	}
	#head p {
		color: #00a0af;
		font-size: 1.2em;
		padding: 48px 0 0 0;
		float: right;
	}
	#contentWrap {	
		background: #00a0af;
		padding: 30px 0;
	}
	#content {
		width: 960px;
		
		min-height: 615px;
		height: auto !important;
		height: 615px;
		
		background: url(../../images/layout/shell/grow-content.gif) repeat-y;
		padding: 0 0 30px 0;
	}
	.email a{font-size:1.5em; font-weight:bold;}
/*/////////////////////////////////////////////////////////////////////
	left column
/////////////////////////////////////////////////////////////////////*/
	
	#leftNav {
		width: 150px;
		float: right;
		padding: 0 15px;
	}
	
	/* 
		menu 
	*/
	
	#leftNav ul {
		margin: 0 0 25px 0; padding: 0 0 0 10px;
		list-style-type: none;
	}
	
	/* 1st level */
	
	#leftNav li {
		margin: 0 0 8px 0;
	}
	#leftNav li a {
		height: 16px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		display: block;
		outline: 0;
	}
	#leftNav li a:hover {
		background-position: left center;
	}
	#leftNav li a:active, 
	#leftNav li a:focus
	{
		background-position: left bottom;
	}
	
	/* 1st level images */
	
	#n1 a {
		background-image: url(../../images/nav/home.gif);
	}
	#n2 a {
		background-image: url(../../images/nav/how-we-work.gif);
	}
	#n3 a {
		background-image: url(../../images/nav/services.gif);
	}
	#n4 a {
		background-image: url(../../images/nav/case-studies.gif);
	}
	#n5 a {
		background-image: url(../../images/nav/contact.gif);
	}
	#n6 a {
		background-image: url(../../images/nav/client-login.gif);
	}
	#n7 a {
		background-image: url(../../images/nav/costs.gif);
	}
	#n8 a {
		background-image: url(../../images/nav/video-journalists.gif);
	}
	#n9 a {
		background-image: url(../../images/nav/jobs.gif);
	}
	#n10 a {
		background-image: url(../../images/nav/news.gif);
	}
	#n11 a {
		background-image: url(../../images/nav/hd.gif);
	}
	#n12 a {
		background-image: url(../../images/nav/webcast.gif);
	}
	
	/* 2nd level */
	
	#leftNav ul ul {
		display: none;
		margin: 0 0 0 0; padding: 9px 10px 11px 10px;
	}
	#leftNav li li {
		margin: 0 0 10px 0;
	}
	#leftNav li li a {
		height: auto;
		color: #fff;
		background: none;
		text-indent: 0;
		line-height: 1.1em;
		font-size: 1.1em;
		display: inline;
		cursor: pointer;
	}
	#leftNav li li a:hover {
		color: #bfe7eb;
	}
	
	
	/* 
		Client login form / status
	
	
	#frmLogin {
		background: url(../../images/layout/shell/horiz-dot.gif) left top repeat-x;
		padding: 25px 0 0 0;
	}
	#frmLogin h3 {
		height: 16px;
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
	}
	
	 Client login form
	
	#frmLogin form {
		padding: 0 10px; 
	}
	#frmLogin form h3 {
		background: url(../../images/headings/left-client-login.gif) no-repeat;
		margin: 0 0 15px 0;
	}
	#frmLogin form label {
		color: #fff;
		font-size: 1.1em;
		line-height: 1.35em;
		display: block;
	}
	#lblClient {
		margin: 0 0 7px 0;
	}
	#lblPword {
		margin: 0 0 15px 0;
	}
	#frmLogin form label input {
		width: 123px; height: 17px;
		color: #5c707c;
		font-size: 1em;
		border: 1px solid #4dbdc7;
		padding: 0 3px;
	}
	#frmLogin form button {
		width: 29px; height: 20px;
		background-image: url(../../images/buttons/login.gif);
		background-repeat: no-repeat;
		background-position: left top;
		font: 1px/1px sans-serif; text-indent:-9999px;
		display: block;
	}
	#frmLogin form button:hover {
		background-position: left center;
	}
	#frmLogin form button:active,
	#frmLogin form button:focus
	{
		background-position: left bottom;
		outline: 0;
	}
	 */
	
/*/////////////////////////////////////////////////////////////////////
	Main content
/////////////////////////////////////////////////////////////////////*/
	
	#pageContent {
		width: 779px;
		color: #fff;
		float: right;
	}
	#pageContent a {
		color: #bfe7eb;
	}
	#pageContent a:hover {
		text-decoration: underline;
	}
	#pageContent p {
		line-height: 1.65em;
		font-size: 1.1em;
		margin: 0 0 10px 0;
	}
	#pageContent th {
		padding: 0 10px 0 0;
	}
	#pageContent th,
	#pageContent td
	{
		font-size: 1.1em;
		line-height: 1.65em;
		text-align: left;
	}
	#pageContent p.intro {
		font-size: 1.5em; line-height: 1.2em; 
		margin-bottom: 13px;
	}
	
	/*
		column 2
	*/
	
	#pageCopy {
		width: 249px;
		float: left;
		margin: 0 1px 0 0; padding: 0 25px;
	}
	
	#pageCopy h3 {
		line-height: 1.3em;
		font-size: 1.3em;
		margin: 0 0 5px 0;
	}
	#pageCopy p {
		line-height: 1.65em;
		font-size: 1.1em;
		margin: 0 0 10px 0;
	}
	#pageCopy table {
		font-size: 1.1em;
	}
	#pageCopy ul {
		margin: 0 0 10px 0;
	}
	#pageCopy li {
		list-style-type: none;
		background: url(../../images/layout/shell/bullet.gif) 0 4px no-repeat;
		line-height: 1.45em;
		font-size: 1.1em;
		padding: 0 0 2px 10px;
	}
	.pageCopyImg {
		float:left;
		margin:2px 9px -0px 0px;
	}
	
	
	/*
		column 3
	*/
	
	#pageImg {
		width: 431px;
		float: left;
		padding: 0 23px 0 24px;
	}
	
	/* flash / picture */
	
	#flashPic {
		margin: 0 0 6px 0; 
	}
	img#casestudy {
		margin: 0 0 13px 0;
	}
	div.picDesc {
		line-height: 1.4em;
		color: #213539;
		margin: 0 0 14px 0;
	}
	span.desc { color: #99d9df; }
	
	#pageImg table {
		margin: 0 0 10px 0;
	}

	
	/* additional text / quote */
	
	#pageContent .picQuote {
		color: #fff;
	}
	
	
	.mapFrame {
		margin-bottom:15px; border:1px solid #5D6C71; background:#fff url(../../images/google-maps/loading.gif) center no-repeat;
	}

	#contactForm {
		margin: 0 0 10px 0;
	}

/*/////////////////////////////////////////////////////////////////////
	FTP Area
/////////////////////////////////////////////////////////////////////*/
	
	
	#ftpContents{
		font-size: 1.2em;
	}
	
	
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
		height: 140px; 
		/*background: #424f58;*/
		padding: 14px 0 0 15px;
	}
	#footer p {
		line-height: 1em;
		font-size: 1em;
		margin: 0 0 5px 0;
	}
	#foot1,
	#foot1 a
	{
		color: #fff;
	}
	#foot1 a:hover {
		color: #d0d3d5;
	}
	#foot2,
	#foot2 a
	{
		color: #b0b9bf;
	}
	#foot2 a:hover {
		text-decoration: underline;
	}
	
	#footL {
		float: left;
		margin-right: 18px;
	}	
	
	#logos { 
		float: left;
		margin: 0;
	}
	#logos li {
		list-style: none;
		float: left;
		margin: 0 30px 0 0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Vid Examples
/////////////////////////////////////////////////////////////////////*/
	
	#headExamples,
	#footExamples,
	.vidExample a span
	{
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
	}
	#headExamples {
		height: 50px;
		background: url(../../images/layout/journalist/hdr-examples.gif) no-repeat;
	}
	#footExamples {
		height: 25px;
		background: url(../../images/layout/journalist/foot-examples.gif) no-repeat;
		margin: 0 0 20px 0;
	}
	#growExamples {
		background: url(../../images/layout/journalist/grow-examples.gif) repeat-y;
		padding: 0 20px;
	}
	.vidExample {
		height: 79px;
		background: url(../../images/layout/journalist/row-thumb.gif) no-repeat;
		margin: 0 0 5px 0; padding: 2px 12px 0 2px;
		position: relative;
	}
	.vidExample h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 1.2em !important;
		color: #213539;
		margin: 0 !important; padding: 9px 0 0 0;
	}
	.vidExample p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.3em !important;
		color: #6b6c6c;
		margin: 0 !important;
	}
	.vidExample a {
		width: 140px; height: 77px;
		float: left;
		display: block;
		margin: 0 12px 0 0; padding: 0;
		text-decoration: none;
	}
	.vidExample a img {
		border: 0;
	}
	.vidExample a span {
		width: 29px; height: 18px;
		background: url(../../images/layout/journalist/icon-play.png) no-repeat;
		display: block;
		position: absolute;
		top: 59px; left: 5px;
	}
	
	
/*/////////////////////////////////////////////////////////////////////
	Splash
/////////////////////////////////////////////////////////////////////*/

	#splash {
		height: 596px;
		background: #fff url(../../images/layout/shell/bg-splash.gif) no-repeat;
		position:relative;
	}
		#splash ul {
			width: 233px;
			list-style: none;
			position: absolute;
			top: 204px;
			left: 136px;
		}
			#splash ul li {
				width: 233px;
				float: left;
				clear: both;
			}
				#splash ul li a {
					background: url(../../images/nav/splash.gif) no-repeat;
					display: block;
					outline: 0;
				}
				
				#splash ul li#sh1 {
					margin: 0 0 22px 0;
				}
				#splash ul li#sh2 {
					margin: 0 0 48px 0;
				}
				#splash ul li#sh3 {
				}

				#splash ul li#sh1 a {
					height: 47px;
					background-position: 0 0;
				}
				#splash ul li#sh2 a {
					height: 48px;
					background-position: 0 -69px;
				}
				#splash ul li#sh3 a {
					height: 32px;
					background-position: 0 -165px;
				}

				#splash ul li#sh1 a:hover {
					background-position: -233px 0;
				}
				#splash ul li#sh2 a:hover {
					background-position: -233px -69px;
				}
				#splash ul li#sh3 a:hover {
					background-position: -233px -165px;
				}