/* @license
 * MyFonts Webfont Build ID 2341566, 2012-08-09T15:58:43-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Alternate Gothic No. 2 by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/alternate-gothic/no-2/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2341566
 * 
 * � 2012 Bitstream Inc
*/


 @font-face {font-family: 'Montserrat';src: url('//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800');}
  
/* @font-face {font-family: 'AlternateGothicNo2BT-Regular';src: url('../webfonts/23BABE_0_0.eot');src: url('../webfonts/23BABE_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/23BABE_0_0.woff') format('woff'),url('../webfonts/23BABE_0_0.ttf') format('truetype');}*/
 


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: 'Montserrat', sans-serif;
    color: #222;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a.active {color:}

a:focus {
    outline: thin dotted;
}

/*
 * Improve readability when focused and hovered in all browsers: h5bp.com/h
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/*
 * Redeclare monospace font family: h5bp.com/j
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improve readability of pre-formatted text
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/*
 * Position subscript and superscript content without affecting line-height: h5bp.com/k
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Indicate that 'label' will shift focus to the associated form element
 */

label {
    cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}


/* =============================================================================
   Tables
   ========================================================================== */

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

td {
    vertical-align: top;
}


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==|== primary styles =====================================================
   Author:  Brandon
   ========================================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html {
	height:100%;
}
 body {
       height: auto;
 }
 
body {
       margin: 0px;
       padding: 0px;
       font-family:'Montserrat', sans-serif, arial;
       font-style:normal;
       font-weight:100;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
 }
 
 .landing{
	 background:#fff;
	 height:100%;
 }

a, a:visited{color:#C4084A;text-decoration:none;}
a:hover{
	color:#9c043a;
}
a.active {
    color: #9c043a!important;
}

h1, h2{font-weight:400;}

h1{font-size:2.250em;margin:0 0 20px 0;font-family:'Montserrat',sans-serif;}
h2{font-size:1.125em;margin:0 0 20px 0;font-family:'Montserrat',sans-serif;}
h3{font-size:1.125em; font-weight:normal;font-family:'Montserrat',sans-serif;}
h4, .report-grade{font-size:1em;text-transform:uppercase;margin:0 0 5px 0;display:block;letter-spacing:1px;font-weight:100;}
p{font-size:1.125em; margin:0 0 10px 0;font-family:'Montserrat',sans-serif;line-height:22px;}
li, dl{font-family:'Montserrat',sans-serif;}
img{outline:1px solid #111111; margin-bottom:15px;}



/*--- Global  ---*/
.red {
	font-size:1em;
	color:#c6234f;
	font-weight:bold;
}
.clear {
	clear:both;
}
.floatleft {
	float:left;
	vertical-align:top;
}
.uppercase {
	text-transform:uppercase;
}
#wrapper{
	width:768px;
	display:block!important;
	min-height:100%;
	height:auto!important;
	height:100%;
	margin:0 auto 0 auto;
	padding: 0px 20px 0 20px;
}

#banner img{outline:none;width:100%; margin-bottom:0;}
#spacing{
	margin-bottom:30px;
}
.last{margin-right:0!important;}
.first{margin-left:0!important;}
.top{margin-top:0!important;padding-top:0!important;}
.bottom{margin-bottom:0!important;padding-bottom:0!important;}
.action-anchor{
	text-transform:uppercase;
	font-size:0.813em;
	font-family:'Montserrat', sans-serif, arial;font-style:normal;font-weight:100;letter-spacing:1px;
	margin:0 10px;
}
.smaller-text{
	font-size:14px;
}
#banner{
	margin-bottom:25px;
}

.subpage-wrapper img{
	width:100%;
}

.caption, .date{
	font-style:italic;
	color:#5f5f5f;
}
.date{
	margin-bottom:10px;
}
.twitter-hashtag-button{
	margin-bottom:15px;
}


/*--- Header  ---*/
#header{
	width:100%;
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
}
#logo{
	color:#C4084A;
	font-size:1.625em;
	text-transform:uppercase;
	line-height:30px;
	letter-spacing:3px;
	font-family:'AlternateGothicNo2BT-Regular', arial;
	font-style:normal;
	font-weight:100;
	text-indent:-9999px;
	margin:auto;
	text-align:center;
}
#logo a {
	display:block;
	width:335px;
	height:94px;
	background-image:url(../img/CIRC_logo_eng_335x94.png);
	margin:auto;
	text-align:center;
}
#fr #logo a {
	background-image:url(../img/CIRC_logo_fre_394x94.png);
	width:394px;
}
h1.landing{
	color:#C4084A;
	font-size:2.875em;
	width:400px;
	letter-spacing:5px;
	font-family:'AlternateGothicNo2BT-Regular', arial;
	font-style:normal;
	font-weight:100;
	line-height:50px;
	text-transform:uppercase;
	padding:50px 0;
	margin-bottom:0;
	
}
#language{
	float:right;
	text-transform:uppercase;
	color:#b2b2b2;
	font-size:0.788em;
	letter-spacing:2px;
	font-style:normal;
}
#language:hover{
	color: #939393;
}
.headerbanner1 {
	background-image:url(../img/headerbanner_960x105.png);
	line-height:105px;
	padding-left:85px;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-weight: 600;
}
h1.headerbanner {
	background-image:url(../img/headerbanner_960x105.png);
	line-height:105px;
	padding-left:85px;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-weight: 600;
}
h1.headershort {
	background-image:url(../img/headerbanner_855x105.png);
	width:855px;
	display:inline-block;
	line-height:105px;
	padding-left:30px;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-weight: 600
}
.icon {
	display:inline-block;
}
/*--- Nav  ---*/
.iconssub {
	width:135px;
	height:100px;
	display:block;
	text-indent:-9999px;
}


#fr .potablewatersub {
	background-image:url(../img/small_nav_icons/small_potable_nav_icons_135x150_red_fre.png);
}
#fr .potablewatersub:hover {
	background-image: url(../img/small_nav_icons/small_potable_nav_icons_135x150_blk_fre.png);
}
#fr .potablewatersub.on, .on.potablewatersub:hover {
	background-image: url(../img/small_nav_icons/small_potable_nav_icons_135x150_pink_fre.png);
}

#fr .wastewatersub {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_red_fre.png);
}
#fr .wastewatersub:hover {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_blk_fre.png);
}
#fr .wastewatersub.on, .on.wastewatersub:hover {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_pink_fre.png);
}

#fr .stormwatersub {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_red_fre.png);
}
#fr .stormwatersub:hover {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_blk_fre.png);
}
#fr .stormwatersub.on, .on.stormwatersub:hover {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_pink_fre.png);
}

#fr .roadsandbridgessub {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_red_fre.png);
}
#fr .roadsandbridgessub:hover {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_blk_fre.png);
}
#fr .roadsandbridgessub.on, .on.roadsandbridgessub:hover {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_pink_fre.png);
}



#fr .buildingssub {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_red_fre.png);
}
#fr .buildingssub:hover {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_blk_fre.png);
}
#fr .buildingssub.on, .on.buildingssub:hover {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_pink_fre.png);
}

#fr .sportsandrecreationsub {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_red_fre.png);
}
#fr .sportsandrecreationsub:hover {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_blk_fre.png);
}
#fr .sportsandrecreationsub.on, .on.sportsandrecreationsub:hover {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_pink_fre.png);
}

#fr .publictransitsub {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_red_fre.png);
}
#fr .publictransitsub:hover {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_blk_fre.png);
}
#fr .publictransitsub.on, .on.publictransitsub:hover {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_pink_fre.png);
}

.potablewatersub {
	background-image:url(../img/small_nav_icons/small_potable_nav_icons_135x150_red.png);
}
.potablewatersub:hover {
	background-image: url(../img/small_nav_icons/small_potable_nav_icons_135x150_blk.png);
}
.potablewatersub.on, .on.potablewatersub:hover {
	background-image: url(../img/small_nav_icons/small_potable_nav_icons_135x150_pink.png);
}

.wastewatersub {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_red.png);
}
.wastewatersub:hover {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_blk.png);
}
.wastewatersub.on, .on.wastewatersub:hover {
	background-image: url(../img/small_nav_icons/small_waste_nav_icons_135x150_pink.png);
}

.stormwatersub {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_red.png);
}
.stormwatersub:hover {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_blk.png);
}
.stormwatersub.on, .on.stormwatersub:hover {
	background-image: url(../img/small_nav_icons/small_storm_nav_icons_135x150_pink.png);
}

.roadsandbridgessub {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_red.png);
}
.roadsandbridgessub:hover {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_blk.png);
}
.roadsandbridgessub.on, .on.roadsandbridgessub:hover {
	background-image: url(../img/small_nav_icons/small_roads_nav_icons_135x150_pink.png);
}



.buildingssub {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_red.png);
}
.buildingssub:hover {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_blk.png);
}
.buildingssub.on, .on.buildingssub:hover {
	background-image: url(../img/small_nav_icons/small_buildings_nav_icons_135x150_pink.png);
}

.sportsandrecreationsub {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_red.png);
}
.sportsandrecreationsub:hover {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_blk.png);
}
.sportsandrecreationsub.on, .on.sportsandrecreationsub:hover {
	background-image: url(../img/small_nav_icons/small_sports_nav_icons_135x150_pink.png);
}

.publictransitsub {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_red.png);
}
.publictransitsub:hover {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_blk.png);
}
.publictransitsub.on, .on.publictransitsub:hover {
	background-image: url(../img/small_nav_icons/small_public_nav_icons_135x150_pink.png);
}

#navigation{
	margin-bottom:20px;
	width:100%;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	text-align:center;
	line-height:40px;
}

#navigation a{
	margin-right:16%;
	text-transform:uppercase;
	font-weight:100;
	font-style:normal;
	letter-spacing:2px;
	color:#111111;
	font-size:0.875em;
}
.french-nav a{margin-right:10px !important;}
#navigation a:hover{
	color:#c4084a;
}

.sub-nav{
	margin-bottom:40px;
}
.sub-nav a{
	font-size:0.813em;
	text-transform:uppercase;
	margin:0 0 5px 0;
	display:block;
	font-weight:100;
	letter-spacing:1px;
	font-style:normal;
}

#landing-wrapper{
	width:350px;
	margin:0 auto;
	padding-top:100px;
}

#landing-wrapper a{
	font-size:1em;
}

/*--- Home  ---*/

.landing #wrapper {
	width:685px;
	height:100% !important;
}
.landing img {
	border:none;
	outline:none;
	margin:auto;
	display:block;
}
.landing .imgcon {
	position:absolute;
	top:50%;
	margin-top:-120px;
	text-align:center;
}
.homecopy {
	padding-top:5px;
	font-size: 0.813em;
font-family: 'Montserrat',sans-serif;
line-height: 22px;
}
.language, .language:visited {
	color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
position:absolute;
margin-top:-30px;
}
.language:hover {
	color:#000;
}
.english {
	left:50px;
}
/*.english {*/
/*	left:85px;*/
/*}*/
.french {
	right:130px;
}
body.home #banner{margin-bottom:20px;}
#carousel{background:#111111;width:100%;}

#carousel iframe{width:100%;}
#carousel #video-content{
	padding:20px;
	color:#fff;
}
#video-content{
	display:none;
}

#carousel #video-content h2{
	font-size:2em;
	line-height:35px;
}
#report-card-wrapper, #latest-news{
	width:80%;
	margin:0 auto;
}
#report-card-wrapper h2, #latest-news h2{
	font-size:1.555em;
} 

/*--- Report Card  ---*/
.extrapadding {
	padding-top:25px;
	padding-bottom:10px;
}
.highmargintop {
	margin-top:50px;
}
.columnnum {
	width:45%;
	display:inline-block;
	margin-right:4%;
	margin-bottom:10px;
	vertical-align:top;
}
.columnnum:nth-child(even) {
	margin-right:0;
}
.columnnumthird {
	width:30%;
	display:inline-block;
	margin-bottom:10px;
	vertical-align:top;
}
.columnnumthird:nth-child(even) {
	margin-right:4%;
	margin-left:4%;
}
.num {
	font-size:50px;
	line-height:52px;
	font-weight:bold;
	text-transform:uppercase;
}
.reportcardtitle {
	text-transform:uppercase;
	text-align:center;
	font-size:1.1em;
}
#report-card-wrapper{
	margin-bottom:15px;
}

#report-card-wrapper ul{
	margin:20px 0 0 0;
	padding:0;
}
#report-card-wrapper ul li{
	list-style:none;
	font-family:'Montserrat',sans-serif, arial;font-style:normal;font-weight:100;letter-spacing:2px;
	margin:0px 10px 10px 0px;
	float:left;
	background:#111;
}
#report-card-wrapper ul li a.report-image{
	width:270px;
	height:130px;
	display:block;
	position:relative;
	color:#fff;
	
}
#report-drinking-water{
	background: url(../img/home-drinking-water.jpg) no-repeat #111111;
}
#report-waste-water{
	background: url(../img/home-waste-water.jpg) no-repeat #111111;
}
#report-sewer{
	background: url(../img/home-sewer.jpg) no-repeat #111111;
}
#report-roads{
	background: url(../img/home-roads.jpg) no-repeat #111111;
}

a.report-caption{
	padding:10px 15px;
	color:#fff;
	background:#111;
	height:55px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
}


#report-card-wrapper li .rating-outerContainer{
	display: table;
	height: 60px;
	overflow: hidden;
	width: 60px;
	background-color: #c4084a;
	position:absolute;
	bottom:0;
	right:0;
	text-transform:uppercase;
	line-height:16px;
}

#report-card-wrapper li .rating-outerContainer .rating-innerContainer{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
  
#report-card-wrapper li .rating-outerContainer .rating-innerContainer .rating-element a{
	color: #999999;
	text-decoration: none;
	display: block;
}
  
#report-card-wrapper li .rating-outerContainer:Hover .rating-innerContainer .rating-element a{
	color: #FFFFFF;
	text-decoration: none;  	  
}

body.french .rating-element span{
	font-size:12px;
}
body.french .rating-element span.small-text{
	font-size:11px;
}

#report-card-wrapper h2{
	margin-bottom:0;
}

#social{
	float:right;
}
#social li{
	margin-right:0!important;
	margin-left:20px!important;
	background:none!important;
}
#social-twitter{
	width:85px;
}

/*--- News  ---*/

#latest-news h2{
	margin-bottom:0;
}

ul.news-list{
	margin:20px 0 0 0;
	padding:0;
}
ul.news-list li{
	list-style:none;
	border-bottom:1px solid #dfdfdf;
	padding:20px 0 15px 0;
}

ul.news-list h3{
	margin:0 0 10px 0;
}
ul.news-list p{
	font-size:0.813em;
}
/*--- End Home  ---*/


/*--- About Page ---*/

#left-content-540{
	width:65%;
	float:left;
}
#right-content-360{
	width:30%;
	float:right;
	margin-top:10px;
}
#left-content-785{
	width:805px;
	float:left;
	border-right:1px solid #000;
	padding-right:20px;
	padding-left:105px;
}
#right-content-115{
	width:115px;
	float:left;
	margin-top:10px;
	padding-left:15px;
}
/*--- Report Page ---*/
.container {
	padding:0 35px;
}
.imageheadersub {
	position:relative;
	height:278px;
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:25px;
}
.subwording {
	position:absolute;
	bottom:0px;
	background-color:#C51F4D;
	padding-left:35px;
	padding-right:35px;
	line-height:40px;
	margin:0px;
	display:none;
}
.reportnav a{
	display:block;
	text-indent:-9999px;
	width:137px;
	height:145px;
	float:left;
	margin-left:-10px;
}
.reportnav {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.potablewater {
	background-image:url(../img/large_nav_icons/icon_potable_lrg_eng_137x126_red.png);
}
.potablewater:hover {
	background-image:url(../img/large_nav_icons/icon_potable_lrg_eng_137x126_blk.png);
}
.wastewater {
	background-image:url(../img/large_nav_icons/icon_wastewater_lrg_eng_137x126_red.png);
}
.wastewater:hover {
	background-image:url(../img/large_nav_icons/icon_wastewater_lrg_eng_137x126_blk.png);
}
.stormwater {
	background-image:url(../img/large_nav_icons/icon_storm_lrg_eng_137x126_red.png);
}
.stormwater:hover {
	background-image:url(../img/large_nav_icons/icon_storm_lrg_eng_137x126_blk.png);
}
.roadsandbridges {
	background-image:url(../img/large_nav_icons/icon_roads_lrg_eng_137x126_red.png);
}
.roadsandbridges:hover {
	background-image:url(../img/large_nav_icons/icon_roads_lrg_eng_137x126_blk.png);
}

.buildings {
	background-image: url(../img/large_nav_icons/icon_buildings_lrg_eng_137x126_red.png);
}
.buildings:hover {
	background-image: url("../img/large_nav_icons/icon_buildings_lrg_eng_137x126_blk.png");
}
.sportsandrecreationfacilities {
	background-image: url(../img/large_nav_icons/icon_sports_lrg_eng_137x126_red.png);
}
.sportsandrecreationfacilities:hover {
	background-image: url(../img/large_nav_icons/icon_sports_lrg_eng_137x126_blk.png);
}
.publictransit {
	background-image:url(../img/large_nav_icons/icon_publictransit_lrg_eng_137x126_red.png);
}
.publictransit:hover {
	background-image: url(../img/large_nav_icons/icon_publictransit_lrg_eng_137x126_blk.png);
}


#fr .potablewater {
	background-image:url(../img/large_nav_icons/icon_potable_lrg_eng_137x126_red_fre.png);
}
#fr .potablewater:hover {
	background-image:url(../img/large_nav_icons/icon_potable_lrg_eng_137x126_blk_fre.png);
}
#fr .wastewater {
	background-image:url(../img/large_nav_icons/icon_wastewater_lrg_eng_137x126_red_fre.png);
}
#fr .wastewater:hover {
	background-image:url(../img/large_nav_icons/icon_wastewater_lrg_eng_137x126_blk_fre.png);
}
#fr .stormwater {
	background-image:url(../img/large_nav_icons/icon_storm_lrg_eng_137x126_red_fre.png);
}
#fr .stormwater:hover {
	background-image:url(../img/large_nav_icons/icon_storm_lrg_eng_137x126_blk_fre.png);
}
#fr .roadsandbridges {
	background-image:url(../img/large_nav_icons/icon_roads_lrg_eng_137x126_red_fre.png);
}
#fr .roadsandbridges:hover {
	background-image:url(../img/large_nav_icons/icon_roads_lrg_eng_137x126_blk_fre.png);
}

#fr .buildings {
	background-image: url(../img/large_nav_icons/icon_buildings_lrg_eng_137x126_red_fre.png);
}
#fr .buildings:hover {
	background-image: url(../img/large_nav_icons/icon_buildings_lrg_eng_137x126_blk_fre.png);
}
#fr .sportsandrecreationfacilities {
	background-image: url(../img/large_nav_icons/icon_sports_lrg_eng_137x126_red_fre.png);
}
#fr .sportsandrecreationfacilities:hover {
	background-image: url(../img/large_nav_icons/icon_sports_lrg_eng_137x126_blk_fre.png);
}
#fr .publictransit {
	background-image:url(../img/large_nav_icons/icon_publictransit_lrg_eng_137x126_red_fre.png);
}
#fr .publictransit:hover {
	background-image: url(../img/large_nav_icons/icon_publictransit_lrg_eng_137x126_blk_fre.png);
}
#preload {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
.fortyfive {
	width:45%;
	padding-right:4%;
	display:inline-block;
	vertical-align:top;
	padding-top:40px;
	padding-bottom:70px;
}
.fifty {
	width:50%;
	padding-left:3%;
	display:inline-block;
	vertical-align:top;
	padding-top:40px;
	padding-bottom:70px;
}
.noborder {
	border:none;
	outline:none;
}
.reportleft, .reportright {
	display:inline-block;
	text-align:center;
}
.centerit {
	text-align:center;
	margin:30px 0;
}
.reportleft {
	padding-right:90px;
}
.largertext {
	font-size:1.1em;
	line-height:1.6em;
}
.report-items .report-thumb{
	float:left;
	margin-right:15px;
}

#left-content-540 img{background:#fff;}

.report-description{
	float:left;
	width:70%;
}

.report-items h4{
	margin:0;
}

.report-items{
	margin-bottom:30px;
}

/*--- Resource Page ---*/

section.resources h3{
	margin-bottom:5px;
}

/*--- Sponsors Page ---*/

.sponsors{
	margin-top:30px;
}

.sponsor-wrapper{
	margin: 0 40px 50px 0;
	width:450px;
	float:left;
}
.sponsors img{
	outline:none;
	float:left;

}
.sponsor-img{
	float:left;
}
.sponsors dl{
	margin-top:0;
	float:right;
	width:275px;
}
.sponsors dd{
	margin:0;
}

.wufoo .info h2{
	margin-bottom:20px!important;
	border:1px solid red;
}
/*--- Contact  ---*/
#right-content-360.top.contact {
	padding-top:50px !important;
}
.leftcontact {
	padding-left:80px;
}
/*--- Footer  ---*/

#footer{
	color:#fff;
	background:#121212;
	margin-top:60px;
	width: 100%;
}
#footer-wrapper{
	width:85%;
	margin:0 auto;
	background:#121212;
	padding:20px 0;
}

#footer-wrapper img{
	width:100%;
}

#footer ul{
	width:100%;
	margin:50px 0 15px 0;
	padding:0;
}
#footer ul li{
	list-style:none;
	margin:0 1%;
	float:left;
}

#footer ul li a{
	display:block;
}

li#fcm-footer-logo a{
	width:175px;
}
li#cca-footer-logo a{
	width:140px;
}
li#cpwa-footer-logo a{
	width:185px;
}
li#csce-footer-logo a{
	width:115px;
}

#footer-wrapper section{
	width:100%;
}

#footer h2{
	text-align:center;
	letter-spacing:3px;
	font-family:'Montserrat',sans-serif, arial;
	font-style:normal;
	font-weight:100;
	text-transform:uppercase;
	font-size:1.313em;
}

#footer p{
	text-align:center;
	padding-bottom:5px;
	margin-bottom:0;
}



/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:960px) {
       
       	#wrapper{
       		width:960px;
       		padding: 0;
       	}
       	
       	#navigation a{
			margin-right:16%;
		}
		.french-nav a{margin-right:40px !important;}
		
				
		#left-content-540{
			width:540px;
		}
		#right-content-360{
			width:360px;
		}
		
		#carousel #video-asset{
			width:580px;
			float:left;
		}
		#video-content{
			width:375px;
			display:block;
			float:left;
		}
		
		#report-card-wrapper{
			width:560px;
			float:left;
		}
		
		#latest-news{
			width:380px;
			float:left;
			margin-left:20px;
		}
		
		#footer-wrapper{
			width:960px;
			margin:0 auto;
			background:#121212;
		}
		
		#footer ul li{
			list-style:none;
			margin:0 55px;
			float:left;
		}
		
		li#fcm-footer-logo a{
			width:175px;
		}
		li#cca-footer-logo a{
			width:140px;
		}
		li#cpwa-footer-logo a{
			width:185px;
		}
		li#csce-footer-logo a{
			width:115px;
		}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	#footer{min-width:770px;}

}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}