/*body{min-width:965px;}*/
.can-newsletter{margin:20px 0px 20px 0px; clear:both; float:left;}
.can-newsletter li{padding:20px 30px; border:2px solid #f6f6f6; text-align:center; float:left; list-style:none;}
.can-newsletter li span{display:block; text-align:center; margin-top:10px; color:#000; line-height:10px;}

.canmenu{ /*background:#fff;*/ height:86px; width:100%;}
.midwrapper{width:956px; margin:0 auto;}
.midwrapper1{width:956px; margin:0 auto;}
.can-wrap{ background: url("../images/can-bg.jpg") top center no-repeat; width: 100%; height:805px; position:relative;}

.can-menu{ float:right;}
.can-menu ul{ float:right;  margin-top:32px;}
.can-menu ul li{float:left; font-family: "Open Sans",sans-serif !important; margin-left:20px; padding-bottom: 10px;}
.can-menu ul li a{font-family: "Open Sans",sans-serif !important; font-size:14px; text-transform:uppercase;  text-decoration:none;}
.can-menu ul li a:hover{color:#C00; text-decoration:none;}

/* Resets */
.can-menu a {display: block; }

/* Top-level menu */
.can-menu > ul > li {float: left;position: relative; }
.can-menu > ul > li > a {display: block;}
.can-menu > ul > li:first-child { margin: 0; }
.can-menu > ul > li:first-child a { border: 0; }

/* Dropdown Menu */
.can-menu ul li ul {position: absolute;background: #f2f2f2;width: 250px;margin:10px 0 0 0;padding: 0;display: none; z-index:10000; }
.can-menu ul li ul li {text-align: left; padding-bottom:0px;width: 100%; border-bottom: solid 1px #999999; margin-left:0px; }
.can-menu ul li ul a { padding: 10px;}
.can-menu ul li:hover ul { display: block;}
.can-menu li > a:after {color: #888;content: ' ▾';}
.can-menu li > a:hover:after {color: #444;content: ' ▾';}
.can-menu li > a:only-child:after { content: '';}

.block155{width:155px;}.block160{width:160px;}.block212{width:212px;}.block232{width:232px;}.block233{width:233px;}.block235{width:235px;}.block238{width:238px;}.block239{width:239px; position:relative;}.block240{width:240px;}.block241{width:241px;}.block246{width:246px;}.block249{width:249px;}.block266{width:266px;}.block295{width:295px;}
.canhoverlink {background:url(../images/blk-trans.png); /*text-indent:-9999px;*/}
.canhoverlink:hover{background:none;}
.canrow1{background:url(../images/grid1.jpg) no-repeat; width:957px; height:160px; float:left;}
.canrow2{background:url(../images/grid2.jpg) no-repeat; width:957px; height:160px; float:left;}
.canrow3{background:url(../images/grid3.jpg) no-repeat; width:957px; height:160px; float:left;}
.canrow4{width:957px; height:160px; float:left;}
.canrow5{width:957px; height:160px; float:left;}
.canlink{display:block; height:160px; float:left;}
.canhover_red { /*text-indent:-9999px;*/}
.canhover_red:hover:after{background:url(../images/grid9.jpg);}

.canevents_red {background:url(../images/can/grid14.jpg); /*text-indent:-9999px;*/ cursor:pointer; background-position:0px 0px;}
.canevents_red:hover{ cursor:pointer; background-position:0px 160px;}


ul.can_block{float:left; margin:0px; padding:0px; height:160px;}
.can_block li{float:left;}
.cgrid2{float:left; display:block;}
.cgrid2{background:url(../images/blk-trans.png);}
.cgrid2 a:hover{background:none;}

.cgrid5{background:url(../images/can/grid5.jpg) no-repeat; float:left; display:block;}
.cgrid7{background:url(../images/can/grid7.jpg) no-repeat; float:left; display:block; min-height:160px;}
.cgrid8{background:url(../images/can/grid8.jpg) no-repeat; float:left; display:block;}

.cgrid9{float:left; display:block;}


ul.social_can{top:110px; margin-left:72px; position:absolute;}
.social_can li{border-left:1px solid #fff; margin-left:10px; padding-left:10px;}
.social_can li:first-child{border-left:0px; margin-left:0px; padding-left:0px;}


.canimage {position:relative; float:left;}
.canimage img {width:100%;vertical-align:top;}
.canimage:after { content:'\A'; position:absolute; width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.6);
    opacity:1;transition: all 0.5s; -webkit-transition: all 0.5s;}
.canimage:hover:after { opacity:0;}
/*
a#pullcan {display: none;} 
@media (max-width: 960px) {
 		.can-menu{display: none;height: auto; float:left; width: 100%; margin:0px;}  
		.can-menu li{background:#000; color:#fff; height:31px; float:none; width:100%;margin: 0;padding-left: 0;}
		.can-menu li a{color:#fff !important;height:31px; float:none;margin-bottom:2px;padding-left:10px; line-height:31px; display:block; font-weight:bold; font-size:13px}
		.can-menu li a:hover{color:#fff; text-decoration:none;}
		.can-menu ul li ul{display:block;}
		.cansubmenu li{float:left;height:31px; width:100%;margin: 0;padding-left: 0;}
        a#pullcan{display: block;background-color: #283744;width: 460px;position: relative; height: 30px; float:left; color:#999; line-height:31px; text-decoration:none;} 
}*/

#cssmenu {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;font-size: 10px;line-height: 15px;text-transform: uppercase; text-align: left;float:right; margin-top:20px;}
#cssmenu > ul {width: auto;list-style-type: none;padding: 0;margin: 0;}
#cssmenu > ul li#responsive-tab {display: none;/* Hide for large screens */}
#cssmenu > ul li {display: inline-block;*display: inline;zoom: 1;z-index:1000;}
#cssmenu > ul li.right {float: right;}
#cssmenu > ul li.has-sub {position: relative;}
#cssmenu > ul li.has-sub:hover ul {display: block;}
#cssmenu > ul li.has-sub ul {display: none;width: 330px;position: absolute;margin: 0;padding: 0;list-style-type: none;background: #ffffff;
  border: 1px solid #ece6e8;border-bottom: 3px solid #d9ced2;border-top: 0 none;}
#cssmenu > ul li.has-sub ul li {display: block;}
#cssmenu li > a:after {color: #888;content: ' ▾';}
#cssmenu li > a:hover:after {color: #444;content: ' ▾';}
#cssmenu li > a:only-child:after {content: '';}
#cssmenu > ul li a {display: block;padding: 12px 14px 11px 14px;font-family: "Open Sans",sans-serif !important; font-size:14px; text-transform:uppercase;  text-decoration:none;}
#cssmenu > ul li a.active,#cssmenu > ul li a:hover {background: #ef3238;color: #fff;}

/* MEDIA CSS START HERE */
@media only screen and (max-width: 767px) {
	.midwrapper1 {width:100%;}
	#cssmenu {float:none;margin-top:0px;}
	#cssmenu > ul {width: 100%;clear:both; float:left}
	#cssmenu > ul li#responsive-tab {display: block;}
	#cssmenu > ul li#responsive-tab a {background: url('../images/menu.png') no-repeat;background-position: 15px 135%;background-color: #C00; color:#fff; padding-left:50px;}
	#cssmenu > ul li#responsive-tab a:hover {background-color: #ef3238;background-position: 15px -35%;padding-left:50px;}
	#cssmenu > ul li {display: none;}
	#cssmenu > ul li.right {float: none;}
	#cssmenu > ul li.has-sub {position: relative;}
	#cssmenu > ul li.has-sub ul {display: block;position: static;width: 100%;background: #ffffff;border: 0 none;}
	#cssmenu > ul li.has-sub ul li {display: block !important;}
	#cssmenu > ul li.has-sub ul li a span {display: block;padding-left: 24px;}
	#cssmenu > ul li.has-sub > a {background:#444; color:#fff;}
	#cssmenu > ul li a{ background:#444; color:#fff;border-bottom:1px solid #666;}
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 786px) {
	#cssmenu > ul > li.collapsed {display: inline-block !important;*display: inline;zoom: 1;}
	#cssmenu > ul ul li.collapsed {display: block !important;}
  
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.can-newsletter{max-width:760px;}
	.can-newsletter li{padding:0px 30px; border-left:1px solid #f6f6f6; text-align:center; float:left; list-style:none;}
	
	
	
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.can-newsletter{margin:10px 0px 10px 10px; max-width:604px;}
	.can-newsletter li{padding:0px 15px; border-left:0px solid #f6f6f6; text-align:center; float:left; list-style:none; width: 28%;}
	.midwrapper{width:100%}
	ul.can_block{float:left; margin:0px; padding:0px; height:auto; width:100%}
	.can_block li{background-size: cover; width:25%; }
	.block239{width:100%;}
	.canlink{height:160px;}
	.can_block li img{height:160px;}
	.social_can li img{width:auto; height: auto;}
	
}
@media only screen and (max-width: 767px) {
	.can-newsletter li{padding:0px; border:0px; margin-bottom:20px; width:100%}
	.can-newsletter{margin:0px 0px 20px 0px; }
	
	.midwrapper{width:100%}
	ul.can_block{float:left; margin:0px; padding:0px; height:auto; width:100%}
	.can_block li{width:50%; display:flex; }
	.block239{width:100%;}
	.can_block li img{width:100%;}
	ul.social_can{top:auto; margin-left:0%; bottom:0px; left:40px; width:100%}
	.social_can li, .social_can li:first-child{width: auto; margin-left:10px;}
	.social_can li img{width:auto; height: auto;}
	.marbtm{margin-bottom: -2px;}
	
}


@media only screen and (min-width: 360px) and (max-width: 479px) 
{
		ul.social_can{left:40px;}
}
@media only screen and (min-width: 300px) and (max-width: 359px) 
{
	ul.social_can{left:20px;}
}