@font-face {
    font-family: 'BebasRegular';
    src: url('../font/BEBAS___-webfont.eot');
    src: url('../font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BEBAS___-webfont.woff') format('woff'),
         url('../font/BEBAS___-webfont.ttf') format('truetype'),
         url('../font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.BebasRegular{
	font-family: 'BebasRegular';
}

/**********************
**** BODY AND LAYOUT
***********************/

body {
	font-size:62.5%;
	font-family:Arial, sans-serif;
	height: auto;
  padding-bottom: 20px;
	background-color:#000;
}


/*Grid hacks*/
.container_16 .grid_2.alpha.omega{
	width:130px;
}
.container_16 .grid_14.alpha.omega{
	width:830px;
}
.container_16 .grid_16.alpha.omega {
	width: 960px;
}
.container_16 .article-main .grid_2.alpha.omega{
	width:130px;
}
.container_16 .article-main .grid_2.alpha.omega.legend{
	width:141px;
}
/*.container_16 .article-main .grid_6.alpha.omega{
	width:345px;
}*/


/**********************
**** HEADER
***********************/
h1#site-title {
	font-family: 'BebasRegular', Arial, sans-serif;
	letter-spacing: -2px;
	font-size:3.524em;
	margin-left:25px;
	font-weight:normal;
	line-height:1.1em;
}
h1#site-title a{
	text-decoration:none;
	color:#fff;
	line-height:.5;
}
h1#site-title a span{
	font-size:80%;
}

#header{
	background-color:#02b5cc;
	-moz-box-shadow: inset  0  -24px 24px -24px #000;
	-webkit-box-shadow: inset  0  24px 24px -24px #000;
	box-shadow: inset  0  -24px 24px -24px #000;
}
#header img#sponsors{
	display:block;
	position:relative;
	top:-15px;
}

#site-name.grid_4.alpha {
	width:230px !important;
}
#site-description{
	
}
#site-description p{
	padding:25px 0 0 15px;
	font-size:1.3em;
}
#survey-sponsors p{
	padding:25px 15px 0 15px;
	font-size:1.0em;
	float:right;
}


#header section{
	min-height:82px;
	margin-top:15px;
 	margin-bottom:25px;
}






/**********************
**** DATA FOOTER
***********************/
#data-footer{
	/*-moz-box-shadow: inset 0 0 5px 5px #888;
	-webkit-box-shadow: inset 0 0 5px 5px#888;
	box-shadow: inset 0 0 5px 5px #888;
	-moz-box-shadow: inset  0  24px 24px -24px #000;
	-webkit-box-shadow: inset  0  24px 24px -24px #000;
	box-shadow: inset  0  24px 24px -24px #000;*/
	
		
	height:40px;
	overflow:hidden;
	background-color:#fff;
	
	border:5px solid #000;
	border-top:0px;
	border-bottom:0px;
}
#data-footer-main-wrap{
	background:#fff;
	/*border:5px solid #000;
	border-top:0px;
	border-bottom:0px;*/
	padding-bottom:25px;
	
	-moz-box-shadow: inset  0  24px 24px -24px #000;
	-webkit-box-shadow: inset  0  24px 24px -24px #000;
	box-shadow: inset  0  24px 24px -24px #000;

}

#data-footer-inner-wrap{
	/*margin-top:25px;*/
}

#data-footer-toggle:hover{
	cursor:pointer;
}
#data-footer-toggle{
	top:5px;
	left:15px;
	/*bottom:0px;*/
	position:relative;
	color:#a9a6a3;
	font-size:1.3em;/*
	margin-right:10px;*/
}
#data-footer-toggle img{

}
#data-footer-main{
	color:#7e7e7e;
	line-height:1.7;
	
}
#data-footer-main-copy{
	margin-top:10px;
	font-size:1.35em;
	padding:0 25px;
}
#data-footer-title{
	font-size:2.0em;
	color:#312d2e;
	text-align:center;
	margin-top:25px;
	font-family: 'BebasRegular';
	letter-spacing:-1px;
}

#data-footer-main p{
	margin-bottom:10px;
}
#data-footer-main p.last{
	margin-bottom:0px;
}

#data-footer-details{
	font-size:1.25em;
	position:relative;
	top: 4px;
	left: 5px;
}



/**********************
**** MAIN FOOTER
***********************/
#footer{
	margin-top:20px;
	color:#7e7e7e;
	font-size:1.1em;
	border:4px solid #202020;
	
}

#footer h3{
	text-transform:uppercase;
	color:#ffffff;
	font-size:1.8em;
	font-family:'BebasRegular';
	letter-spacing:0px !important;
	font-weight:normal;
	margin-bottom:4px;
}

#footer a{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}

#footer p{
	line-height:1.4;
	font-size:1.3em;
}
#cdi-footer-logo{
	display:block;
	margin-top:10px;
}



/**********************
**** NAVIGATION
***********************/
#navigation{
	/*-webkit-box-shadow:-10px 0 10px 10px #000; 
	-moz-box-shadow:-10px 0 10px 10px #000; 
	box-shadow:-10px 0 10px 10px #000; */
	/*-moz-box-shadow: -5px -5px 5px #444;
	-webkit-box-shadow: -5px -5px 5px #444;
	box-shadow: -5px -5px 5px #444;*/
	
	/*box-shadow: 0px -7px 7px -7px #333;*/
}

#menucontainer{
	margin-top:20px;
}
#menucontainer li{
	height:45px;
	width:130px;
	background: url('../img/nav-li-bg-collapsed.png') no-repeat top center transparent;
	margin-bottom:2px;
}
#menucontainer li.selected{
	background: url('../img/nav-li-bg-expanded.png') no-repeat top center transparent;
}
#menucontainer li a{
	padding:18px 0px 10px 7px;
	text-decoration:none;
	color:#7b7876;
	font-weight:bold;
	font-size:1.2em;
	display:block;
}
#menucontainer li ul{
	display:none;
}
#menucontainer li.selected ul{
	display:block;
	padding-left:10px;
	padding-top:5px;
	position:relative;
	/*z-index:-1;*/
}
#menucontainer li.selected ul li{
	width:118px;
	height:62px;
	background: url('../img/nav-li-level2-bg.png') no-repeat top center transparent;
}
#menucontainer li.selected ul li a{
	color:#fff;
	/*font-weight:normal;*/
}
#menucontainer li.selected ul li.selected{
	background: url('../img/nav-li-level2-bg-selected.png') no-repeat top center transparent;
}

#main{
	background: url('../img/main-bg-repeat.png') #f2f3f5 repeat;
	/*-webkit-box-shadow:0 0 20px #000; 
	-moz-box-shadow: 0 0 20px #000; 
	box-shadow:0 0 20px #000;
	*/
	/*
	-webkit-box-shadow:0px -17px 17px -17px #333;
	-moz-box-shadow:0px -17px 17px -17px #333;
	box-shadow:0px -17px 17px -17px #333;
	*/
	
}



#menu li.highlight {
    cursor: pointer
}

#menu li.selected {
    height: auto;
    width: auto;
    padding: 0;
    border-bottom: 0
}



/**********************
**** MAIN ARTICLE AREA
***********************/
h1.main-article-header{
	text-align:center;
	width:830px;
	margin:0 auto;
	font-size:5.9em;
	color:#94622e;
	letter-spacing:-1px;
	margin-top:-5px; /*corrects the addthis button pushing down*/
	font-weight:normal;
	word-spacing:10px;
}
h1.main-article-header.index{
	font-size:3.4em !important;
	width:auto !important;
	margin-bottom:20px;
}


.couples-illustration{
	background: url('../img/couples-image-2.png') no-repeat top center;
	height: 210px;
	width: 830px;
	position: relative;
	padding-bottom: 5px;
	top: -15px;
}

.couples-illustration .grid_4.border-sep-row{
	width:209px !important; /*override to compensate for 1px dotted border*/
}

.couples-illustration .grid_4.alpha.omega.border-sep-row-left{
	width:219px;	/*override to compensate for 1px dotted border*/
}


.couples-illustration div.grid_2, 
.couples-illustration div.grid_4,
.couples-illustration div.grid_2{
	position:relative;
	top:165px; /*position qualifier statement below couples illustration*/
}

.couples-bg-image{
	background: url('../img/couples-illustration.png') no-repeat top center;
	height:228px;
	width:830px;
	position:absolute;
	top:300px;
}



.addthis_button_wrap{
	float:right;
	margin:10px 10px 0 0;
	height:25px !important;
	opacity:.7;
}

.twitter-share-button{
	background: url('../img/twitter-circle-icon.png') no-repeat top center !important;
}


.likeImage a{
    background-image: url("../img/facebook-circle-icon.png");
    background-repeat: no-repeat;
		margin-left:6px;
		height:20px;
		width:20px;
		float:left;
}
.likeImage iframe{
    opacity: 0;
}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple{
	background-image:none !important;
}


.addthis_button_wrap div.float{
	display:inline-block;
	height:20px;
	width:20px;
	float:left;
}
.addthis_button_wrap div a{
	display:block;
}

.article-main{
	min-height:570px;
	padding-bottom:40px;
}
.article-main article{
	text-align:center;
}


.statement{
	font-family: georgia;
	font-size:1.55em;
	color:#666666;
	font-weight:400;
	line-height:1.5;
	padding:10px 95px 0 95px;
	min-height:72px;
}


.article-main h2{
	font-family: 'BebasRegular';
	color:#312d2e;
	letter-spacing:-2px;
	text-transform:uppercase;
	font-size:3.65em;
	text-align:left;
	font-weight:normal;
	position:relative;
	top:-10px;
}

.article-main h3{
	text-align:center;
	font-size:2.2em;
	/*letter-spacing:-2px;*/
}

.article-main span.subtitle{
	color:#676767;
	font-size:1.4em;
	display:block;
	text-align:left;
	position:relative;
	top:-10px;
}

.article-main span.subtitle.right{
	text-align:right !important;
	margin-right:10px;
}


.article-main .grid_4.alpha.omega.border-sep-row-left h2,
.article-main .grid_4.alpha.omega.border-sep-row-left span.subtitle{
	margin-left:10px;
}
/**********************
**** CHARTS
***********************/

.chart{
	background: url('../img/chart-bg-stripe.png') repeat;
	height:30px;
	color:#fff;
	font-size:2.2em;
	width:0%;
}

.better-chart{
	background-color:#85b04f;
}
.worse-chart{
	background-color:#e2794c;
}

.same-chart{
	background-color:#0093be;
}

.chart-small-value.expectation,
.chart-small-value.reality{
	padding-left:5px;
}
.chart p span{
	font-size:.45em;
}

.expectation-better-chart,
.expectation-worse-chart,
.expectation-same-chart{
	float:right;
}

.expectation-better-chart p,
.expectation-worse-chart p,
.expectation-same-chart p{
	text-align:right;
	margin:3px 10px 0 5px;
}


.expectation-better-chart.chart-small-value p,
.expectation-worse-chart.chart-small-value p,
.expectation-same-chart.chart-small-value p{
	text-align:right;
	margin:3px 11px 0 1px;
}



.reality-better-chart p,
.reality-worse-chart p,
.reality-same-chart p{
	text-align:left;
	margin:3px 5px 0 10px;
}
.reality-better-chart.chart-small-value p,
.reality-worse-chart.chart-small-value p,
.reality-same-chart.chart-small-value p{
	text-align:left;
	margin:3px 5px 0 5px;
}

.reality-better-chart,
.reality-worse-chart,
.reality-same-chart{
	float:left;
}


.legend{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	height:30px;
}

.legend center{
	margin-top:6px;
}
.twelvepixels.legend center{
	margin-top:8px;
}
.border-sep-row{
	border-right:1px dotted #818181;
	margin:0 auto;
}
.border-sep-row-left{
	border-left:1px dotted #818181;
	margin:0 auto;
}

.separator .border-sep-row,
.separator .border-sep-row-left{
	height:30px !important;
}
#home-copy iframe{
	margin:0 auto;
	width:640px;
	display:block;
	margin-bottom:20px;
}

#home-copy{
	/* Fallback for web browsers that doesn't support RGBa */
	/* background: rgb(255, 250, 250);*/
	/* RGBa with 0.6 opacity */
	/* background: rgba(255, 250, 250, 0.6);*/
	/* For IE 5.5 - 7*/
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
	/* For IE 8*/
	/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
	width:680px;
	margin:0 auto;
}
#home-copy p{
	padding:0 20px;
	
}
#about-copy{
	padding:0 50px;
}
#about-copy p, #home-copy p{
	font-size:1.6em;
	margin-bottom:20px;
	line-height:1.7;
}

#about-copy div.callout{
	background: url('../img/callout-bg.png') repeat 0 0 #147185;
	color:#fff;
	line-height:1.4;
	font-size:1.3em;
	float:left;
	display:inline;
	width:700px;
	min-height:112px;
	margin-bottom:20px;
}



#about-copy div.callout .decor-left,
#about-copy div.callout .decor-right{
	float:left;
	display:inline;
}

#about-copy div.callout .callout-main{
	float:left;
	display:inline;
	width:590px;
	margin-top:20px;
}

#about-copy div.callout .decor-left{
	background:url('../img/info-icon.png') center center no-repeat;

	height:112px; 
	width:90px;
}
#about-copy .callout-decor-right{
	background:url('../img/corner-border.png') center right no-repeat;

	min-height:112px;
	margin:auto 0;
	width:21px;
	float:left;
	display:inline;
	width:21px;
}

#about-copy h5{
	font-size:1.8em;
	margin-bottom:10px;
	text-align:center;
	background-color:#02abc0;
	color:#fff;
	padding:5px 10px;
	display:inline;
	top:-10px;
	position:relative;
	margin:0 auto 10px auto;
}

#about-copy h4{
	font-size:1.8em;
	margin-bottom:10px;
}



#background-materials{
	border:1px solid #017683;
	padding-left:10px;
	width:300px;
	display:inline;
	float:right;
	background:#fff;
	margin-bottom:15px;
	margin-left:15px;
}


#background-materials ul{
	padding-bottom:15px;
	padding-right:15px;
}
#background-materials ul li{
	
	background-repeat:no-repeat;
	padding-left:25px;
	margin:10px 0;
	font-size:1.4em;
	min-height:25px;
}
#background-materials ul li a{
	color:#147185;
}
#background-materials ul li.pdf{
	background-image: url('../img/background-materials-sprite.png');
	background-position: 0px 0px;
}
#background-materials ul li.ppt{
	background-position: 0 -33px ;
	background-image: url('../img/background-materials-sprite.png');
}
#background-materials ul li.link{
	background-position: 0 -66px;
	background-image: url('../img/background-materials-sprite.png');
}
#background-materials ul li.audio{
	background-position: 0 -99px ;
	background-image: url('../img/background-materials-sprite.png');
}

/**********************
**** CSS SUPPORT
***********************/

.shadow{
	-moz-box-shadow:
	        inset 10px 0 10px -10px #333,
	        inset -10px 0 10px -10px #333;
	-webkit-box-shadow:
	        inset 10px 0 10px -10px #333,
	        inset -10px 0 10px -10px #333;
	box-shadow:
	        inset 10px 0 10px -10px #333,
	        inset -10px 0 10px -10px #333;
}
.green{background-color:#85B04F;}
.orange{background-color:#E2794C;}
.blue{background-color:#0093BE;}
.white{color:#fff;}
.italic{ font-style:italic;}
.thin-border-left{ border-left:1px solid #23a8b9;}
.float-left{float:left;}
.float-right{float:right;}
.georgia{font-family:georgia;}
.twelvepixels{font-size:1.2em !important;}
.small{font-size:85%;}
/*.selected.highlight a{color:#666 !important;}*/
.bold{ font-weight:bold; }
.match-numbers{
	font-size:1.5em !important;
	font-weight:bold;
}