/*

	Rest
		
*/

/* sIFR: standard sIFR styles (do not modify) */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* sIFR formatting styles */

.sIFR-hasFlash h2.page-title, .sIFR-hasFlash #main-content h2 {
/* 	visibility: hidden; */
	font-size: 									36px;
	letter-spacing:							-4px;
}

.sIFR-hasFlash #main-content h3, .sIFR-hasFlash .column h3 {
/* 	visibility: hidden; */
	font-size: 									20px;
}

.sIFR-hasFlash #main-content h4, .sIFR-hasFlash #sidebar h4 {
/* 	visibility: hidden; */
	font-size: 									16px;
}


/* Meyer reset */

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
	-webkit-text-size-adjust: 			none; 
	overflow-y:									scroll;
}

body, html {
	height: 										90%;
}

body {
	font-size:									62.5%;
	font-family:								Trebuchet, Arial, Helvetica, sans-serif;
	color:										#3f3f40;
}
						
h1 {
	font-size:									2em;
	line-height: 								1em;
	margin-bottom:							1em;
	margin-top:								1em;
	color:										#000000;
}

h2, h3, h4 {	
	border-color:								#C3BAB1;
	border-style:								solid;
	border-width:								0 0 1px;
}

h2 {
	font-size:									1.7em;
	line-height:								1.11111em;
	margin-bottom:							0.5em;
	color:										#000000;
}

h2.page-title {
	font-size:									1.7em;
	clear: 										both;
}

h3 {
	color:										#000000;
	font-size:									1.5em;
	line-height:								1.33333em;
	margin-bottom:							0.6em;
	margin-top:								0.9em;
}

h4 {
	font-size:									1.4em;
	line-height:								1.42857em;
	margin-bottom:							0.2em;
	color:										#000000;
}

h5 {
	font-size:									1.4em;
	line-height:								1.43em;
	color:										#000000;
	margin-bottom:							0.8em;
}

p {
	font-size:									1.4em;
	line-height:								1.43em;
	margin-bottom:							1.43em;
	color:										#000000;
}

li {
	font-size:									1.4em;
	line-height:								1.43em;
	margin-bottom:							1.43em;
	color:										#3f3f40;
}

li li {
	font-size:									1em;
	line-height:								1em;
	margin-bottom:							1em;
}

div.clear {
	clear:											both;
	margin:										0px;
}

/* Colour */

a {
	color:									#C71700;
}

a:visited {
	color:									#8D1100;
}

a:hover {
	color:									#F21E02;
}

a.call-to-action {
	padding-right:							29px;
	background-image:					url(../images/call-to-action-arrow.gif);
	background-repeat: 				no-repeat;
	background-position:				right center;
}

a.call-to-action:visited {
	color:									#C71700;
}

p.date-block {
	border-color:							#C3BAB1;
	border-style:							solid;
	border-width:							0 0 1px;
	color:									#897F75;
	font-size:								12px;
	margin:									0 0 35px;
	padding-bottom:						10px;
}


/* Element positioning */

#page-wrap {
	height: 									100%;
	width: 									960px; 
	margin: 									0 auto; 
}

body > #page-wrap {	
	height: 									auto; 
	min-height: 							100%;
}

#push {
	padding-bottom: 						40px; 
}  /* must be same height as the footer */

#header {
	float: 									left;
	width:									960px;
	margin-bottom:						14px;
}

/* Branding */

#branding {
	float: 									left;
	width:									960px;
	margin-top:							29px;
}

#header-logo-disc {
	float:										left;
}

#header h1 {
	background: 							url(../images/header-logo-text.gif) no-repeat; text-indent: -9999px;
	width:									840px;
	height:									67px;
	float: 									left;
	margin:									0;
}

/* Navigation */

#navigation	 {
	float: 									left;
	width: 									620px;
	margin-top:							0;
}

#navigation ul {
	margin-top:							11px;
}

#navigation ul li {
	float:										left;
	margin-right:							15px;
	font-size:								14px;
	margin-bottom:						14px;
}

#navigation ul li a {
	text-decoration: 					none;
	color:									#000000;
}

#navigation ul li a:hover {
	text-decoration: 					underline;
}

#use-cases-nav ul {
	clear: 									left;
	margin-left:							112px;
}

#use-cases-nav ul li {
	margin-bottom: 						0;
}

#use-cases-nav ul li a {
	float: 									left;
	padding-right:							15px;
	padding-top: 							10px;
	font-size:								14px;
	margin-bottom:						1em;
	text-decoration: 					none;
	border-width: 							1px 0 0 0;
	border-color: 							#CCCCCC;
	border-style: 							solid;
}

#use-cases-nav ul li a.last {
	padding-right:							0px;
}

body#how-it-works #use-cases-nav, 
body#box #use-cases-nav,
body#home #use-cases-nav,
body#support #use-cases-nav,
body#newsletter #use-cases-nav,
body#who #use-cases-nav,
body#contact-us #use-cases-nav,
body#syndication #use-cases-nav,
body#privacy #use-cases-nav {
	display:									none;
}

body#arts #use-cases-nav li a.arts, 
body#education #use-cases-nav li a.education,
body#business #use-cases-nav li a.business,
body#conferences #use-cases-nav li a.conferences,
body#philanthropy #use-cases-nav li a.philanthropy,
body#sport #use-cases-nav li a.sport,
body#government #use-cases-nav li a.government, 
body#business #use-cases-nav li a.business,
body#how-it-works #navigation li a.how-it-works, 
body#box #navigation li a.box,
body#home #navigation li a.home,
body#support #navigation li a.support,
body#media #navigation li a.media,
body#newsletter #navigation li a.newsletter,
body#who #navigation li a.who-we-are,
body#contact-us #navigation li a.contact {
	color:									#C71700;
}

/* Content */


#main-content h2, #main-content h3, #main-content h4 {
	width:										690px;
}

#main-content ul {
	list-style-type:							disc;
}

#main-content li ul {
	list-style-type:							circle;
	margin:										0.7em 0 1em 0.7em;
}

#main-content ul li {
	margin:										0 0 0.7em 1.5em;
}

#rivusTVPlayer {
	border-color:								#C3BAB1;
	border-style:								solid;
	border-width:								1px;
}

/* Buttons */

img.button {
	margin-top:								-10px;
	float:											left;
	width:										159px;
}

img.contact-button {
	margin-top:								-10px;
	float:											left;
	width:										105px;
	margin-bottom:							4em;
}

/* Main Content */

#main-content {
	float:											left;
	width:										960px;
}

#main-content p	 {
	width:										690px;
}

#main-content p.quote {
	width:										650px;
	padding: 										0 20px;
	font-style:									italic;
}

span.attribution {
	display: 										block;
	text-align: right;
}

div.use-cases-content,  div.closing-content {
	float:											left;
	width:										583px;
	margin-right:								10px;
}

div#contactform-wrap {
	float:											left;
	width:										525px;
}

/* Layout with sidebar */

div#main-content.ratio-width {
	float:											left;
	width:										583px;
	margin-right:								10px;
}

#main-content.ratio-width h2, #main-content.ratio-width h3, #main-content.ratio-width h4 {
	width:										100%;
}

#main-content.ratio-width p {
	width:										100%;
}

#sidebar {
	float:											right;
	width:										314px;
}

#sidebar h4 {
	margin-top:								1.3em;
}

#sidebar li {
	margin-top:								0.6em;
	margin-bottom:							0;
}

/* Column-based layout */

div.columned-content {
	width:										960px;
	float:											left;
	margin-bottom:							1em;
}

div.column {
	float:											left;
	width:										295px;
	margin-right:								25px;
	margin-top:								20px;
}

/* Layout with video */

div#main-content.video {
	float:											left;
	width:										442px;
	margin-right:								20px;
}

#main-content.video h2, #main-content.video h3, #main-content.video h4 {
	width:										100%;
}

#main-content.video p {
	width:										100%;
}

#video {
	background-color:						#000000;
	width:										498px;
	height:										400px;
	float:											left;
}

/* Contact */

form#contactform			{float: left;}


/* FORM STYLING */

fieldset .form-row {
	margin:										0 0 0.8em 0;
}

fieldset div.input-set {
	float:											left;
}

fieldset .form-row label, legend {
	font-family:								Trebuchet, Arial, Helvetica, sans-serif;
	color:										#3f3f40;
	float:											left;
	font-size:									1.4em;
	line-height:								1.43em;
	margin:										5px 20px 0 0;
	width:										190px;
}

fieldset .form-row label.error {
	color:										#da3939;
	font-style:									italic;
	font-weight:								normal;
	width:										183px;
	display:										block;
	font-size:									1.1em;
	line-height:								2em;
	margin:										0;
	width:										200px;
}

fieldset .form-row input, fieldset .form-row textarea, fieldset .form-row select {
	display: 										block;
	padding:										2px 0 2px 2px;
	font-family:								Trebuchet, Arial, Helvetica, sans-serif;
	color:										#3f3f40;
	font-size:									1.4em;
	line-height:								1.43em;
	width:										306px;
}

fieldset .form-row select {
	width:										180px;
	margin-top:								5px;
	padding:										0px; 
}

fieldset abbr {
	color:										#da3939;
}

input.checkbox,
input.radio {
	width:										20px; 
	float: 										left;
	margin:										3px 0 0 0;
}

div.multiple-options	 {
	margin-top:								22px;
}

div.multiple-options fieldset label {
	margin:										0px; 
	float:											right;
	width:										293px;
}

input.submit-button  {
	margin-left:								207px;
	width:										105px;
}

.block {
	display:										block; 
}

form#contactform label.error {
	display:										none; 
}

/* Footer */

#footer-container 			{
	margin:										0 auto;
	width:										960px;
}

#footer p, #footer a	 {
	font-size:									12px;
	color:										#000000;
}

#footer a:hover {
	color:										#C71700;
}

#footer-container span {
	float:											right;
}

#footer-container span a {
	text-decoration:							none;
}

#footer-container p {	
	border-color:								#C3BAB1;
	border-style:								solid;
	border-width:								1px 0 0 0;
	width:										960px;
	float:											left;
	margin-top:								2em;
	height:										30px;
	padding-top:								6px;
}

#footer-container img	 {
	vertical-align:								baseline;
}

#footer {
	position:										relative;
	height:										40px;
	clear:											both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */