html,body, p, h1, h2, h3, h4, h5, h6{margin:0;border:0;padding:0;}
body {font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #5d5d5d;}
a {
    color: #7AB800;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

@font-face{
font-family:'Helvetica Neue Light';
src:url('http://www.convio.com/assets/fonts/helvetica_lt_47_light_condensed-webfont.eot');
src:url('http://www.convio.com/assets/fonts/helvetica_lt_47_light_condensed-webfont.eot#iefix') format('embedded-opentype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_47_light_condensed-webfont.woff') format('woff'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_47_light_condensed-webfont.ttf') format('truetype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_47_light_condensed-webfont.svg#HelveticaNeueLT47LightCnRg') format('svg');
font-weight:normal;
font-style:normal;}

@font-face{
font-family:'Helvetica Neue Cond';
src:url('http://www.convio.com/assets/fonts/helvetica_lt_57_condensed-webfont.eot');
src:url('http://www.convio.com/assets/fonts/helvetica_lt_57_condensed-webfont.eot#iefix') format('embedded-opentype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_57_condensed-webfont.woff') format('woff'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_57_condensed-webfont.ttf') format('truetype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_57_condensed-webfont.svg#HelveticaNeueLT57CnRegular') format('svg');
font-weight:normal;
font-style:normal;}

@font-face{
font-family:'Helvetica Neue Med';
src:url('http://www.convio.com/assets/fonts/helvetica_lt_67_medium_condensed-webfont.eot');
src:url('http://www.convio.com/assets/fonts/helvetica_lt_67_medium_condensed-webfont.eot#iefix') format('embedded-opentype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_67_medium_condensed-webfont.woff') format('woff'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_67_medium_condensed-webfont.ttf') format('truetype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_67_medium_condensed-webfont.svg#HelveticaNeueLT67MdCnRegular') format('svg');
font-weight:normal;
font-style:normal;}

@font-face{
font-family:'Helvetica Neue Bold';
src:url('http://www.convio.com/assets/fonts/helvetica_lt_77_bold_condensed-webfont.eot');
src:url('http://www.convio.com/assets/fonts/helvetica_lt_77_bold_condensed-webfont.eot#iefix') format('embedded-opentype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_77_bold_condensed-webfont.woff') format('woff'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_77_bold_condensed-webfont.ttf') format('truetype'),
	url('http://www.convio.com/assets/fonts/helvetica_lt_77_bold_condensed-webfont.svg#HelveticaNeueLT57CnBold') format('svg');
font-weight:normal;
font-style:normal;}

#wrapOuter{width:100%;height:100%;float:left;}
#wrapInner{max-width:994px;margin:0px auto;}

#wrapHeader{float: left; width:100%;position:relative;z-index:199;background-color: #7ab800; margin-top: 12px;}
#wrapHeaderInner{max-width: 994px; margin: 0 auto;}
#wrapLogo{float:left;position:relative;width:13.776%;}
#wrapLogo p{color: #fff; font-style:italic; font-size:10px; width: 100%; padding-left: 10px;}
#wrapHeaderRight{float: right; position:relative; width: 46.277%; color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: bold; padding: 15px 0px;}
#wrapChatPhone{float: left;}
#wrapChatPhone a {color: #fff; cursor:pointer;}
#wrapChat, #wrapPhone{float: left;}
#wrapMainNav{float: right;}

#wrapChat{margin-right: 10px;}
#wrapPhone{line-height: 26px;}

#wrapMainNav ul {margin: 0;padding: 3px 0 0 0;position: relative;}
#wrapMainNav li {display: inline;list-style: none outside none;padding: 0;text-align: left;}

#wrapMainNav li a {color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal;padding: 0px 7px;text-decoration: underline;display: inline-block;border-right: 1px solid #fff;}
#wrapMainNav li.first a{padding-left: 0px;}
#wrapMainNav li.last a{padding-right: 0px; border-right: none;}


.home #wrapBodyContent {padding-top: 24px;}
#wrapBodyContent {float: left;position: relative;width: 100%;z-index: 10;}

.inner #wrapBodyContent{margin-top: 15px;}
.inner #wrapBodyContent p{padding-bottom: 12px;}

.blue h2, .blue a, h4.blue{color: #32afee;}
.green h2, .green a, h4.green{color: #7ab800;}
.orange h2, .orange a, h4.orange{color: #f58811;}

.wrapButton{-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 1px; margin: 5px 15px 5px 0px;float: left;}

.wrapButton a{-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; font-size: 14px; display: block; padding: 5px 20px 5px 10px; cursor:pointer;}

.wrapButtonBlue{background-color: #2c99cf; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c99cf), to(#2684b3)); background: -webkit-linear-gradient(top, #2c99cf, #2684b3); background: -moz-linear-gradient(top, #2c99cf, #2684b3); background: -ms-linear-gradient(top, #2c99cf, #2684b3); background: -o-linear-gradient(top, #2c99cf, #2684b3); }


.wrapButtonBlue a {background: url("/images/cnv13/photo939.png") no-repeat scroll right center #237ba7; background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#237ba7), to(#31aae7)); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-linear-gradient(top, #237ba7, #31aae7); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -moz-linear-gradient(top, #237ba7, #31aae7); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -ms-linear-gradient(top, #237ba7, #31aae7); background: -o-linear-gradient(top, #237ba7, #31aae7); }

.wrapButtonGreen{background-color: #82c403; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#82c403), to(#71ab01)); background: -webkit-linear-gradient(top, #82c403, #71ab01); background: -moz-linear-gradient(top, #82c403, #71ab01); background: -ms-linear-gradient(top, #82c403, #71ab01); background: -o-linear-gradient(top, #82c403, #71ab01); }

.wrapButtonGreen a{background: url("/images/cnv13/photo939.png") no-repeat scroll right center #619300; background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#619300), to(#7bba00)); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-linear-gradient(top, #619300, #7bba00); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -moz-linear-gradient(top, #619300, #7bba00); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -ms-linear-gradient(top, #619300, #7bba00); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -o-linear-gradient(top, #619300, #7bba00); }

.wrapButtonOrange{background-color: #d06e03; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d06e03), to(#f1830a)); background: -webkit-linear-gradient(top, #d06e03, #f1830a); background: -moz-linear-gradient(top, #d06e03, #f1830a); background: -ms-linear-gradient(top, #d06e03, #f1830a); background: -o-linear-gradient(top, #d06e03, #f1830a); }

.wrapButtonOrange a{background: url("/images/cnv13/photo939.png") no-repeat scroll right center #bb6403; background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb6403), to(#e6851a)); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -webkit-linear-gradient(top, #bb6403, #e6851a); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -moz-linear-gradient(top, #bb6403, #e6851a); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -ms-linear-gradient(top, #bb6403, #e6851a); background: url("/images/cnv13/photo939.png") no-repeat scroll right center, -o-linear-gradient(top, #bb6403, #e6851a); }





.wrapLink{float: left; padding: 8px 0; margin-right: 15px;}


/******************Slideshow*********************/
#wrapSlideshow {margin: 0 auto; max-width: 986px;}
#wrapSlideshowImg {float: left; position: relative;width: 99.797%; padding: .203%; 
background-color: #f6f6f6; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#f7f7f7)); background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7); background: -moz-linear-gradient(top, #f6f6f6, #f7f7f7); background: -ms-linear-gradient(top, #f6f6f6, #f7f7f7); background: -o-linear-gradient(top, #f6f6f6, #f7f7f7); -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}

.slide{width: 98.273%; padding: 0 0 0 1.727%; margin: 0 auto; background: url(/images/cnv13/slide-bg.png) repeat-x; -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; position: relative; min-height: 255px;}

.slide-content{float: left; width: 51.845%; /*min-height: 200px;*/ position: absolute; bottom: 30px;  }
.slide-image{width: 51.731%; float: right; /*background-size: 100% 100%;*/ bottom: 0px; right: 5px; position: absolute;}
.slide-image img{width: 100%;}
/*#slideshowImg1 .slide-image{background: url(/images/cnv13/slide1-img.png) no-repeat;}*/

#wrapSlideshow p{font-size: 15px; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; color: #5d5d5d; margin-bottom: 6px;}
#wrapSlideshow p.slideHeading{font-size: 30px; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; color: #32afee; /*padding-top: 30px;*/}

.wrapLink a{color: #32afee; font-weight: bold; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; font-size: 14px; }


#wrapSlideshowNav {
    background: url(/images/cnv13/nav-bar-bg.png) repeat-x scroll center bottom transparent;
    float: left;
    height: 43px;
    width: 100%;
	margin-bottom: 23px;
}

.slideNav {
	background: url(/images/cnv13/nav-button-bg.png) repeat-x #FFFFFF;
    margin-right: 1px;
    cursor: pointer;
    float: left;
    /*width: 246px;*/
	width: 24.89%;
	height: 43px;
	text-align:center;
}

.slideNav a{font-size: 14px; line-height: 43px; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; color: #5d5d5d; text-decoration: none;}

.slideNav a:hover, .slideNav a.current{color: #32afee;}

/******************Homepage Content**************/
#wrapHomeLogos{padding-top: 23px; margin: 0 20px 23px 20px;}
#wrapHomeLogosLeft{float: left; text-align:right; width: 29%; font-size: 22px; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; color: #7ab800; position:relative; background: url(/images/cnv13/grey-arrow.png) no-repeat 100% 50%;}
#wrapHomeLogosLeft span{display: block; width: 80%; text-align:right; float: right; margin-right: 38px;}
#wrapHomeLogosLeft span a{color: #C8C8C8; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#wrapHomeLogosRight{float: right; text-align: left; width: 69%; }

ul#logos{margin: 0; padding: 0;}
ul#logos li{list-style-type:none;display: inline;padding: 0 2.3%;}
ul#logos li a{text-decoration: none;}
ul#logos li a img{border: none;}

.hero1, .hero4{width: 99%; -moz-box-shadow: 0px 0px 4px 4px rgba(204,204,204,.3); -webkit-box-shadow: 0px 0px 4px 4px rgba(204,204,204,.3); box-shadow: 0px 0px 4px 4px rgba(204,204,204,.3); margin-bottom: 18px; -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

.hero2, .hero3{width: 99%; -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; background: url(/images/cnv13/hero2-bg.png) repeat-x #fff;  font-size: 12px; margin-bottom: 18px; }

.hero h2{font-size: 30px; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; font-weight: normal; line-height:36px; margin-bottom: 15px;}
.hero h2 span{font-weight: bold;}
.hero1 h2{margin-top: 10px;}
.hero2 h2, .hero3 h2{margin-top: 29px; margin-bottom: 6px;}

.hero1 .heroContentLeft{float: left; width: 57.142%; padding-left: 3.131%; padding-bottom: 6px;}
.hero1 .heroContentRight{float: right; padding: 6px 6px  6px 0px; width: 36.7%;}

.hero2 .heroContentLeft{float: left; width: 32.604% }
.hero2 .heroContentRight{float: right; width: 51%; margin-right: 6.122%;}

.hero3 .heroContentLeft{float: left; width: 51%; margin-left: 6.122%; }
.hero3 .heroContentRight{float: right; width: 33.673%;   }


.hero4 .heroContent{padding-left: 3.131%; padding-top: 25px;}

.hero2 .heroImage, .hero3 .heroImage{margin-top: -4px;}
.heroImage img{width: 100%;}

ul#goList li{list-style-image: url(/images/cnv13/bullet.png);line-height: 16px;margin-bottom: 8px; list-style-position:outside; margin-left: -14px;} 
p.cta{font-size: 16px; color: #32afee; width: 76.785%; margin-bottom: 12px;}
.hero2 li, .hero3 li{list-style-type: none; margin-left: -40px; list-style-position:outside; margin-bottom: 8px;}
.hero2 li a, .hero3 li a{font-weight: bold; font-size: 14px;}

.resourceBoxes{padding: 22px 0;}
.resourceBox{float: left; width: 31.25%; padding-left: 2.04%; position: relative; border-right: 1px solid #ececec; min-height: 130px;}
.resourceBoxFirst{padding-left: 0;}
.resourceBoxLast{border-right: none;}

.resourceBox h4, .resourceBox p {width: 55.333%; float: left;}
.resourceBox p{padding-bottom: 15px; font-size: 12px;}
.resourceBox .wrapButton{float: left; clear:left; /*position: absolute; bottom:0;*/}
.resourceBox .wrapImage{float: right; width: 44.666%; vertical-align:middle;}

#heroDivider{width: 98%; background-color: #7ab800; color: #fff; font-family:'Helvetica Neue Light',Helvetica,Arial,sans-serif; font-size: 18px; -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 5px 0 5px 2%; margin-bottom: 18px; }


.lightbox{display: none; height: 700px; width: 680px; background: #fff; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.lightbox .close {
	background-image:url(http://www.convio.com/images/cnv13/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:28px;
	width:30px;
}


/******************Footer************************/
#wrapCopyright{background:url(/images/cnv13/footer-bar.jpg) no-repeat; width:100%;float:left;margin-top:12px;padding-top:10px;padding-bottom:20px;overflow:hidden;color:#565a5c;}

#wrapCopyright li{font-size:11px!important; display: inline; padding: 0; margin: 0;}
ul#footerLinksLeft{float: left; width: 39.795%; margin: 0; padding: 0; display:inline;}
ul#footerLinksRight{float: left; width: 59.5%; margin: 0; padding: 0; display:inline; text-align: right; margin-right: 5px;}

#wrapCopyright li a{padding-right: 3px; border-right: 1px solid #7AB800;}
#wrapCopyright li a.last{border-right: none;}

/******************Media Queries*****************/
@media screen and (max-width: 994px){
#wrapHeaderInner{padding: 0 1%;}
#wrapLogo{width:50%;}
#wrapHeaderRight{width: 44.277%;}
.slideNav{width: 24.85%;}	
}

@media screen and (max-width: 900px){
#wrapChatPhone{float: right;}	
/*#wrapHomeLogosLeft{width: 50%;}
#wrapHomeLogosRight{width: 50%;}*/
}

@media screen and (max-width: 760px){
.slide-image, .heroImage{display: none;}
.resourceBox .wrapImage{display: none;}
.resourceBox {background: none;}

.slide-content{width: 98%; /*position: relative;*/}	
.resourceBox h4, .resourceBox p {width: 98%;}

.hero1 .heroContentLeft{float: left; width: 95%; padding-left: 3.131%;}
.hero1 .heroContentRight{float: right; padding: 0px; width: 0%;}
.hero2 .heroContentLeft{float: left; width: 0% }
.hero2 .heroContentRight{float: left; width: 95%; padding-left: 3.131%;}

.hero3 .heroContentLeft{float: left; width: 95%; margin: 0; padding-left: 3.131%;}
.hero3 .heroContentRight{float: right; width: 0% }

ul#footerLinksRight, ul#footerLinksLeft{width: 90%; text-align: left;}

}

@media screen and (max-width: 660px){
.slideNav{width: 24.8%;}	
}

@media screen and (max-width: 550px){
.resourceBox{width: 90%; margin-bottom: 10px; border:none; padding-left: 0; min-height: 0px;}
}

@media screen and (max-width: 490px){
#wrapChat, #wrapPhone{float: right; clear: right;}
#wrapChat{margin-right: 0px;}
#wrapMainNav{clear: right;}
#wrapMainNav li{display: block; text-align: right;}
#wrapMainNav li a{padding: 0; border-right: none;}
.slideNav{width: 24.75%;}
}

@media screen and (max-width: 450px){
.slideLinks .wrapLinkFirst{clear:left;}
.slide-content{position: relative; bottom: 0px; padding-top: 20px;}
}

@media screen and (max-width: 420px){
.slideNav{width: 49.7%;}	
#wrapHomeLogos{margin-top: 20px;}
}

@media screen and (max-width: 400px){
#wrapHomeLogosLeft{width: 90%; background-image: none; margin-bottom: 15px;}
#wrapHomeLogosLeft span{text-align: left;}
#wrapHomeLogosRight{width: 95%; float: left;}
}

@media screen and (max-width: 330px){
.slideNav{width: 49.5%;}
#wrapSlideshow p.slideHeading{font-size: 20px;}
.hero h2{font-size: 20px;}
#wrapHomeLogosLeft{font-size: 20px;}
}

@media screen and (max-width: 240px){
#wrapHeaderRight{float: left; width: 100%; clear: left; text-align:left;}	
#wrapChatPhone{float: left;}
#wrapChat, #wrapPhone{float: left; clear: both;}
#wrapMainNav{float: left; clear:both;}
#wrapMainNav li{display: block; text-align: left;}
#wrapLogo{width:100%;}
}

@media screen and (max-width: 215px){
.slideNav{width: 99.3%;}	
}