/**
 ** CSS reset, taken from:
 ** http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 **/
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
		}
		:focus {
			outline: 0;
		}
		body {
			line-height: 1;
			color: black;
			background: white;
		}
		ol, ul {
			list-style: none;
		}
		table {
			border-collapse: separate;
			border-spacing: 0;
		}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: "";
		}
		blockquote, q {
			quotes: "" "";
		}

/**
 ** HTML Elements & basic classes
 **/
		body {
			background: #b2b2cd;
			color: #383838;
			font-family: Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
		}
		h1 {
			font-size: 27px;
			line-height: 36px;
			font-weight: normal;
			margin: 0 0 18px 0;
		}
		h2 {
			font-size: 27px;
			line-height: 36px;
			font-weight: normal;
			margin: 0 0 18px;
		}
		h3 {
			font-size: 16px;
			font-weight: bold;
			line-height: 18px;
			margin: 9px 0;
		}
		h4, h5, h6 {
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			margin: 9px 0;
		}
		a:link,
		a:visited {
			color: #5858a3;
			font-weight: bold;
			text-decoration: none;
		}
		a:hover,
		a:active {
			color: #39396e;
		}
		p {
			margin: 0 0 0 0;
		}
		ul {
			margin: 0 0 0 0;
			
		}
		#content-inner ul {
			padding: 0;
			margin: 10px 0 0 0;
			list-style: none;
		}
		
		#content-inner li {
			list-style: none;
			margin: 0;
			padding: 0 0 0 20px;
			background: transparent url('../images/bullet.png') no-repeat left 5px scroll;
		}

		dl,
		ol {
			margin: 0 0 18px 0;
		}
		dl dt {
			font-weight: bold;
			clear: left;
			float: left;
			margin-right: 9px;
		}
		dl dd {
			float: left;
		}
		blockquote {
				color: #2b4f5d;
				font-family: Georgia, serif;
				font-size: 14px;
				line-height: 18px;
				width: 520px;
				float: left;
				font-style: italic;
				margin: 0 0 36px 0;
				padding: 0;
		}
		strong { font-weight: bold; }
		/* basic classes */
		#page-wrapper-outer .clear { clear: both; }
		#page-wrapper-outer .clearleft { clear: left; }
		#page-wrapper-outer .clearright { clear: right; }
		#page-wrapper-outer .left { float: left; }
		#page-wrapper-outer .right { float: right; }
		#page-wrapper-outer .imgleft {
			float: left;
			padding: 0 10px 10px 0;
		}
		#page-wrapper-outer .imgright {
			float: right;
			padding: 0 0 10px 10px;
		}
		#page-wrapper-outer .imgcentre {
			display: block;
			margin: 0 auto;
			padding: 10px 0;
		}
		#page-wrapper-outer .push0 { margin-bottom: 0; }
		#page-wrapper-outer .push1 { margin-bottom: 1em; }
		#page-wrapper-outer .push2 { margin-bottom: 2em; }
		#page-wrapper-outer .top0 { margin-top: 0; }
		#page-wrapper-outer .top1 { margin-top: 1em; }
		#page-wrapper-outer .top2 { margin-top: 2em; }
		#page-wrapper-outer .skip {
			position: absolute;
			left: -1000px;
			width: 990px;
			height: 20px;
			margin-bottom: -20px;
		}

/**
 ** Document Structure
 **/

		#page-wrapper-outer {
			background: #fff;
			padding: 10px 18px 30px 30px;
			width: 960px;
			margin: 0 auto;
		}
		#page-wrapper {
			width: 960px;
			background: #ffffff url(../images/left-nav1.png) repeat-y 0 0 scroll;
			text-align: left;
		}
		
		#header  {
			width: 960px;
			height: 157px;
		}
		
		#header-logo {
			width:220px;
			height:157px;
			float:left;
			background: #ffffff;
			padding: 0 20px 0 0;
			border-right: 2px solid #7b7b7b;		
		}
		

		#banner {
			width: 686px;
			height: 149px;
			float: left;
			background: #fff;
			padding: 0 0 0 20px;		
		}
		
		#content-wrapper {
			width: 948px;
			/* easy cleared */
			clear: both;
		}
		
		#nav {
			width: 220px;
			background: none;
			padding: 0;
			float: left;
			margin: 30px 20px 0 0;
		}
		
		#contact {
			margin: 60px 0 0 0;
		}
		
		#content {
			width: 450px;
			margin: 20px 0 0 22px;
			padding: 0 0 0 0;
			background: none;
			float: left;
		}
		
		#content-video {
			width: 680px;
			margin: 20px 0 0 22px;
			padding: 0 0 0 0;
			background: none;
			float: left;
		}
	
		#supporting-content {
			width: 200px;
			float: right;
			margin: 20px 0 0 0;
		}
		
		#footer-wrapper {
			padding: 10px 18px 30px 30px;
			width: 960px;
			margin: 0 auto;
			text-align: left;
			/* easycleared */
		}
		
/**
 ** Styling
 */			

	/**
	 ** pre-Header (legal)
	 */
		#legal {
			font-size: 10px;
			text-align: right;
			padding: 0 15px 5px 0;
			margin: 0;
		}
		#legal a { color: #7a7a7a; }
	/**
	 ** Header
	 */			

		#header-text p {
			font-size:16px;
		}
		
		#header-text p span.header-bold {
			font-size:16px;
			font-weight: bold;
		}
		
	/**
	 ** Nav
	 */			
		#nav h3 {
			color:#d7df23;
			font-weight: normal;
			font-size: 15px;
			line-height: 16px;
			margin:20px 0 15px 0;
			font-style: italic;
		}
		#nav h3 span.bold {
			font-size: 13px;
			font-weight: bold;
			font-style: normal;
		}
		#nav h2 {
			font-size: 20px;
			color: #7a7a7a;
			font-weight: bold;
			line-height: 20px;
			margin: 15px 0 15px 0;
		}
		
		#nav h2 span.bold {
			font-weight: bold;
		}
		
		#nav ul {
			margin: 10px 0 0 15px;
			padding: 0;
			list-style-type: none;
		}
		
		#nav ul li {
			text-align: right;
			font-size: 1.43em;
			line-height: 1.2em;
		}
		#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {
			font-weight: bold;
			color: #7a7a7a;
		}
		#nav ul li a:hover { color: #adadad; }
		#nav ul li.selected {

		}
		#nav ul li.selected a:link, #nav ul li.selected a:visited, #nav ul li.selected a:active, #nav ul li.selected a:hover {
			color: #000;
		}
	/**
	 ** Contact
	 */
		
		#contact p {
			font-size: 0.786em;
			color: #7a7a7a;
			margin-bottom: 1em;
			line-height: 1.4em;
		}
		#contact p a {
			color: #7a7a7a;
		}
		
		
	/**
	 ** Supporting content
	 */			
		#supporting-content h2 {
			font-size: 20px;
			color: #7a7a7a;
			font-weight: bold;
			line-height: 20px;
			margin: 20px 0 15px 0;
			padding: 0 0 6px 16px;
			border-bottom: 2px solid #7a7a7a;
		}
		
		#supporting-content p {
			padding: 0 16px;
		}
		
		#supporting-content ul {
			padding: 0;
			margin: 10px 0 0 0;
			list-style-type: none;
		}
		
		#supporting-content li {
			margin: 0;
			padding: 0;
			background: transparent url('../images/bullet.png') no-repeat left center scroll;
		}
		#supporting-content li a {
			display: block;
			padding: 10px 16px 10px;
			margin: 0;
			border-bottom: 1px dotted #7a7a7a;
		}
		
	/**
	 ** Content
	 */
		#content h1 {
			font-size: 20px;
			color: #7a7a7a;
			font-weight: bold;
			line-height: 20px;
			margin: 20px 0 15px 0;
			padding: 0 0 6px 16px;
			border-bottom: 2px solid #7a7a7a;
		}
		#content #content-inner {
			padding: 0 16px;
		}
		#content p {
			font-size: 14px;
			margin: 0 0 15px 0;
		}
		#content p.smalltext { font-size: 11px; line-height: 1.2em; }
		#content ul {
			margin: 1em 0 1em 20px;
			list-style-type: disc;
		}
		#content ul li {
			margin: 0 0 0.5em 0;
		}
		
		#content-video h1 {
			font-size: 20px;
			color: #7a7a7a;
			font-weight: bold;
			line-height: 20px;
			margin: 20px 0 15px 0;
			padding: 0 0 6px 16px;
			border-bottom: 2px solid #7a7a7a;
		}
		#content-video #content-inner {
			padding: 0 16px;
		}
		#content-video p {
			font-size: 14px;
			margin: 0 0 15px 15px;
		}
		
		#content-inner p {
			margin: 0 0 15px 0;
		}
		
		#content-video p.smalltext { font-size: 11px; line-height: 1.2em; }
		#content-video ul {
			margin: 1em 0 1em 20px;
			list-style-type: disc;
		}
		#content-video ul li {
			margin: 0 0 0.5em 0;
		}
	/**
	 ** Footer
	 */
		div.formrow {
			/* easycleared */
		}
		div.lbl {
			width: 80px;
			float: left;
			height: 30px;
			line-height: 1.2em;
			margin-right: 10px;
			text-align: right;
		}
		div.input {
			width: 250px;
			float: left;
			height: 30px;
		}
		div.textarea { 
			height: 70px;
		}
		div.input input {
			width: 100%;
			height: 1.2em;
			line-height: 1.2em;
			border: 1px solid #7a7a7a;
		}
		div.textarea textarea { 
			height: 60px;
			width: 250px;
			border: 1px solid #7a7a7a;
			font-family: Arial, sans-serif;
			font-size: 12px;
		}
		div.submit {
			width: 250px;
			float: left;
			height: 30px;
			padding: 0 0 20px 90px;
		}
	/**
	 ** Footer
	 */			
		#copy {
			width: 400px;
			float: left;
			font-size: 0.714em;
			line-height: 1.2em;
			color: #000;
		}
		#ivcamember {
			width: 97px;
			float: right;
		}

/**
 ** Global styles:
 **/

/**
 ** Page specific styles:
 **/


	/*Video Page*/
	
	#mediaspace {
		margin: 0 0 15px 15px;
	}
	
	#mediaspace #mpl {
		width: 512px;
		display: block;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 0 !important;
		margin: 0;
		background-color: #ccc;
	}
	
	#content-video h2.session-title {
		display: none; /*barry asked for this to be taken out*/
	}
	
	#content-video ul {
		margin: 0 0 0 30px;
	}
	
	#content-video p.bold {
		font-weight: bold;
	}
	
	#form-wrapper {
		margin: 25px 0 25px 15px;
		width: 400px;
		padding: 15px 0 0 0;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		text-align: right;
	}
	
	#content-video form#calculatorForm {
		margin: 0 0 25px 15px;
		text-align: right;
	}
	
	#form-wrapper input#audienceSize {
		width: 100px;
	}
	
	#totals {
		background-color: #ddd;
		padding: 5px;
		
		margin: 15px 0 15px 15px;
		text-align: right;
	}
	
	#content-video p.per-viewer {
		padding: 5px;
		margin: 0px;
		font-weight: bold;
		
	}
	
	#content-video p.total-cost {
		padding: 5px;
		margin: 0px;
	}
	
	#content-video p.is-it-worth {
		padding: 5px;
		margin: 0px;
		font-style: italic;
	}
	
	#content-video ul.cost {
		line-height: 13px;
	}

	/*Manage Users*/
		
	table.users {
		margin: 20px 0 0 15px;
	}
	
	table.users th {
		padding: 0 25px 5px 0;
		border-bottom: 1px solid #000;
		font-weight: bold;
	}

	table.users td {
		padding: 10px 0 0 0;
	}
	
	ol.manage-individual-user li {
		padding: 0 0 10px 0;
	}
	
	ol.manage-individual-user li label {
		display: block;
		width: 90px;
		float: left;
		clear: left;
	}
	
	#user-content {
		margin: 0 0 0 15px;
	}
	
	/*Manage Videos*/
	

	
	table.manage-video {
		margin: 20px 0 0 15px;
	}
	
	table.manage-video th {
		padding: 0 25px 5px 0;
		border-bottom: 1px solid #000;
		font-weight: bold;
	}
	
	table.manage-video td.title {
		padding: 10px 20px 0 0;
		width: 120px;
	}
	
	table.manage-video td.source {
		padding: 10px 20px 0 0;
	}
	
	table.manage-video td.preview {
		padding: 10px 0 0 0;
		width: 190px;
	}
	
	#manage-video-content {
		margin: 0 0 0 15px;
	}
	
	#manage-video-content2 {
		margin: 0 0 0 15px;
	}
	
	ol.manage-individual-video li {
		padding: 0 0 10px 0;
	}
	
	ol.manage-individual-video li label {
		display: block;
		width: 150px;
		float: left;
		clear: left;
	}
	
/**-----home page-----**/

		
		
/**
 ** Easy float clearing
 */

		/*
		 * Float clearing for IE6:
		 */
				* html .clearfix,
				* html .formrow,
				* html #content-wrapper,
				* html #footer-wrapper,
				* html #content,
				* html #footer
				{
				  height: 1%;
				  overflow: visible;
				}	
				
		/*
		 * Float clearing for IE7: 
		 */
				*+html .clearfix,
				*+html .formrow,
				*+html #content-wrapper,
				*+html #footer-wrapper,
				*+html #content,
				*+html #footer
				{
				  min-height: 1%;
				}
		
		/*
		 *  Float clearing for everyone else:
		 */
				.clearfix:after,
				.formrow:after,
				#content-wrapper:after,
				#footer-wrapper:after,
				#content:after,
				#footer:after
				{
				  clear: both;
				  content: ".";
				  display: block;
				  height: 0;
				  visibility: hidden;
				}