#main .section-inner, #footer .section-inner, #header .section-inner{width:970px;}

#header, .h-w1, .h-w2 {
    height: 144px;
}
#main{padding-top:0px;}
.w-w2{padding-top:160px;}
#logo{left:5px;top:66px;}
.btn-search{top:75px;left:641px;background-position:0px -210px;}
    .btn-search:hover{background-position:0px 0px;}
.search-bar-container{left:330px;top:77px;}

#mainnavigation ul li a.L1{
	background-position: 0 -132px !important;
}
#utilities{right:336px;top:110px;}
.w-w2{background:none;}
.w-w1{background:none;}
#wrapper{background:none;background-color:#fff;}
#program-registration{position:absolute;top:60px;right:1px;}
    #program-registration a{background:url(/imgs/home/cta_program-registration.png) no-repeat; width:200px; height:1px; padding-top:84px;overflow:hidden;display:block;}
    #program-registration a:hover{background-position:0px -85px;}
    
    #utilities li a {
   background:none;
    display: block;
    height: 1px;
    overflow: hidden;
    padding-top: 24px;
}

#utilities #util-mobile a:hover{background-position: 0px -25px;}
#utilities #util-contact a:hover{background-position: 0px -25px;}
#utilities #util-help a:hover{background-position: 0px -25px;}

#utilities #util-mobile a 
{
    
    background:url(/imgs/home/utility_mobile-site.jpg) no-repeat;
    width: 110px;
}
#utilities #util-contact a 
{
    
    background:url(/imgs/home/utility_contact-us.jpg) no-repeat;
    width: 126px;
}
#utilities #util-help a 
{
    
    background:url(/imgs/home/utility_help.png) no-repeat;
    width: 69px;
}
#customNavigation a{text-decoration:none;}
.nav-custom, .div-custom{color:#fff;padding-left:10px;}
#customNavigation h3{color:#fff;padding-top:4px;margin:0px;}
.nav-custom p{margin:0px;}
.nav-custom h3 {padding-bottom: 6px;}
#customNavigation{position:absolute;top:100px;}
    
    #navRecreation{background:url(/imgs/home/nav-recreation.png) no-repeat; width:303px; height:50px;position:absolute;}
    #divRecreation{z-index:-99;width:303px;height:226px;position:absolute;top:46px;display:none;background:url(/imgs/home/bg-recreation.png) repeat-x;}
    .text-green{color:#dbe9d3;position:relative; top:-3px;}

    
    #customNavigation #navServices{background:url(/imgs/home/nav-city-services.png) no-repeat; width:303px; height:50px;position:absolute;left:328px;}
    #divServices{z-index:-99;width:303px;height:226px;position:absolute;top:46px;left:328px;display:none;background:url(/imgs/home/bg-city.png) repeat-x;}
    .text-orange{color:#f6d7b3;position:relative; top:-3px;}
    
    #customNavigation #navHall{background:url(/imgs/home/nav-city-hall.png) no-repeat; width:303px; height:50px;position:absolute;left:656px;}
    #divHall{z-index:-99;width:303px;height:226px;position:absolute;top:46px;left:656px;display:none;background:url(/imgs/home/bg-hall.png) repeat-x;}
    .text-cyan{color:#cfe8e9;position:relative; top:-3px;}
    
    #spanPublic{position:relative;}
    #customNavigation #navPublic{background:url(/imgs/home/nav-public.png) no-repeat; width:303px; height:50px;position:absolute;left:0px;top:450px;}
    #divPublic{z-index:-99;width:303px;height:226px;position:absolute;top:254px;left:0px;display:none;background:url(/imgs/home/bg-public.png) repeat-x;}
    .text-red{color:#de9999;position:relative; top:-3px;}
     
    
    #customNavigation #navPlanning{background:url(/imgs/home/nav-planning.png) no-repeat; width:303px; height:50px;position:absolute;left:328px;top:450px;}
    #divPlanning{z-index:-99;width:303px;height:226px;position:absolute;top:254px;left:328px;display:none;background:url(/imgs/home/bg-planning.png) repeat-x;}
    .text-blue{color:#b6d6eb;position:relative; top:-3px;}
    
    #customNavigation #navWhy{background:url(/imgs/home/nav-why.png) no-repeat; width:303px; height:50px;position:absolute;left:656px;top:450px;}
    #divWhy{z-index:-99;width:303px;height:226px;position:absolute;top:254px;left:656px;display:none;background:url(/imgs/home/bg-why-coquitlam.png) repeat-x;}
    .text-purple{color:#c3b7e5;position:relative; top:-3px;}
    
    .bottom,.winter-bottom{padding-top:19px;}
    .div-custom .top-style{margin-left:6px;position:absolute;top:50px;}
    .top-style img{display:block;}
    .div-custom .bottom-style{margin-left:6px;}
    .div-custom p{line-height:17px;}
   .image-heading{position:absolute;top:65px;left:26px;font-size:21px;color:#fff;margin:0px;z-index:99;padding-bottom:10px;}
   .bottom .image-heading{top:25px;}
   .winter-bottom .image-heading{top:99px;color:#010101;}
    .image-heading span{display:block;}
    
.div-custom{padding-bottom:10px;}
    #customNavigation .custom-nav-link{position:relative;}
    
    #header-banner{
		height:400px;
		margin:0px auto;
		overflow:hidden;
		position:relative;
		background:none !important;
	}
	#header-banner ul{
		left:50% !important;
			top:0px !important;
				margin-left:-550px;
	}
		#header-banner ul li{
			display:none;
		}
			#header-banner ul li:first-child{display:block;}
    
	#header-banner .caption{
		background:url(../../imgs/home/bg-caption.png);
		width:945px;
		padding-left:155px;
		height:65px;
		padding-top:15px;
		position:absolute;
		bottom:0px;
		left:0px;
	}
		#header-banner .caption .title{
			display:block;
			font-size:24px;
			color:#89b96f;
			text-transform:uppercase;
		}
		
		#header-banner .caption a{
			text-decoration:none;
			color:#fff;
			font-size:20px;
			display:inline-block;
			padding-right:50px;
			position:relative;
		}
			#header-banner .caption a:after{
				content:'';
				position:absolute;
				right:0px;
				top:0px;
				width:25px;
				height:25px;
				background:url(../../imgs/home/arrow_teal-right.png) no-repeat;
			}
				#header-banner .caption a:hover:after{background-position:-25px 0;}
	
		
	#car-next, #car-prev{
		display:block;
		height:1px;
		overflow:hidden;
		width:38px;
		padding-top:37px;
		position:absolute;
		bottom:20px;
		z-index:999;
	}
	
		#car-next{
			background:url(../../imgs/home/car-next.png) no-repeat;
			right:0px;
		}
		
		#car-prev{
			background:url(../../imgs/home/car-prev.png) no-repeat;
			left:0px;
		}
	
    #footer{background:#e1e1e1;padding-top:0px;}
    .f-w1 {
    background: url("/imgs/home/footer-bg.png") no-repeat scroll center top transparent;
}
#bottomArea{background: url("/imgs/home/bg-footer.png") no-repeat scroll center top transparent;width:946px;height:467px;margin:0px auto;position:relative;}
    #footer, #footer .f-w1, #footer .f-w2 {
    height: auto;
}
#homeCta li{float:left;}
#homeCta #ctaCalendar{float:right;}
#homeCta{overflow:hidden;margin-bottom:80px; margin-top:20px;}
#ctaServices{width:273px;padding-left:47px;}
#ctaNews{width:502px;}
#ctaNews h3{font-size:21px;color:#00375f;}
.newsDate{font-size:13px; color:#656565; float:left;margin:0px;padding-right:12px;padding-bottom:4px;}
#footer .newsItem{font-size:13px; color:#2f6ca4;text-decoration:underline;margin:0;}
#footer .newsItem a{font-size:13px; color:#2f6ca4;text-decoration:underline;}
#footer .newsItem:hover a{text-decoration:none;}

#footer .f-w2{padding:10px 0px 0px 0px;}


   #footer .more-cta{background:url(/imgs/home/cta-line.png) no-repeat right 5px;overflow:hidden;}
    #footer .more-cta a,#footer .more-cta input{background:none;border:none;float:right;font-size:11px;text-decoration:none;color:#00375f;text-transform:uppercase;display:block;line-height:23px;position:relative;padding-right:30px;height:23px;padding-top:3px;}
    #footer .more-cta a:hover,#footer .more-cta input:hover{text-decoration:underline;}
    #footer .more-text{line-height:15px;display:inline;}
    #footer .more-icon{background:url(/imgs/home/arrow_skyblue-right.png) no-repeat; overflow:hidden;width:25px;height:25px;position:absolute;display:inline-block;float:right;top:0px;right:0px;}
    #footer .more-cta a:hover .more-icon,#footer .more-cta input:hover .more-icon{background-position:-25px 0px;}
    
    #ctaServices h3{font-size:21px;color:#00375f;margin-bottom:6px;}
    #servicesSelect,.servicesSelect{width:272px;height:28px;border:1px solid #306da5;padding:4px 5px;background:url(/imgs/home/service-bg.png) no-repeat;color:#3c3e40; font-size:12px;margin-bottom:16px;}
    .servicesHeading{color:#656565;font-size:16px;margin-top:0px;margin-bottom:8px;}
    
    #ctaCalendar a{background:url(/imgs/home/cta_calendar.png) no-repeat; width:80px; height:1px;padding-top:114px;overflow:hidden;display:block;margin-right:10px;}
        #ctaCalendar a:hover{background-position:-80px 0px;}
        
        #bottomlinks-left{padding-top:28px;padding-left:25px;}
        #bottomlinks-left a{color:#9ccfff;}
        #bottomlinks-right{padding-top:25px;padding-right:25px;}
        
        #socialIcons{position:absolute;top:65px;left:25px;}
            #socialIcons li{float:left;}
            #socialIcons li a{overflow:hidden; display:block;width:32px;height:1px;padding-top:31px;}
                #icofb{background:url(/imgs/skin/bg/icon-fb.png) no-repeat;margin-right:10px;}
                #icorss{background:url(/imgs/skin/bg/icon-rss.png) no-repeat;}
                #sitemap li{padding-bottom:3px;}
   #sitemap{position:absolute;top:174px;left:25px;}
   .sitemap-list, .sitemap li.L1{float:left;width:130px;padding-right:23px;}
   
   #footer #sitemap a{text-decoration:none;text-transform:capitalize;clear:both;float:left;padding-bottom:4px;}
        #footer #sitemap a:hover{text-decoration:underline;}
    #sitemap a:hover{text-decoration:underline;}
   #wrapper #footer #sitemap .first a,#wrapper #footer #sitemap li.L1 a{color:#e1e1e1;}
  #footer #sitemap a,#wrapper #footer #sitemap li.L2 a{color:#82c3ff;display:block;}
  #footer #sitemap .more{background:none;}
  #sitemap ul{margin:0px;}
  #wrapper #footer #sitemap li.L2{clear:both;}
  

 
  
  
  .full-article input, .hide-article input, .full-article-news input {
    background: url("/imgs/news/btn-full-article.png") no-repeat scroll right top transparent;
    color: #00375F;
    display: block;
    float: right;
    font-size: 11px;
    padding: 11px 31px 0 0;
    text-decoration: none;
    border:none;
}