﻿.homeContent { padding: 0 !important;}

/*--------------------------------------------- Home Intro ---------------------------------------------*/
.homeIntro { background: #f4811e; padding-top: 40px; min-width:942px;}
.homeIntro h2 { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 35px; font-weight: 300; padding: 0 50px 40px;}
.homeIntro h2 span.hilight { background: #f3ae72; padding: 0 5px;}
.homeIntro h2 span.textLeader { font-style:italic;}

/*--------------------------------------------- Product Sections ---------------------------------------------*/
.productBlockWrapper { background: url(../images/home/bg_scetion_leader.png) no-repeat center 0; padding-top: 80px; margin-top: -80px;min-width:942px;}
.productBlock { position: relative; background: url(../images/home/bg_section.png) repeat-x 0 0; padding-top: 50px; min-width:942px;}

.prodCopy { height: 372px;}

/*logo titles*/
.prodCopy h2 {display: block; width: 297px; text-indent: -99999px; margin-bottom: 25px;}
.prodCopy h2.prodTitle_exc { height:63px; background: url(../images/home/logo_exceptionless.png) no-repeat 0 0;}
.prodCopy h2.prodTitle_gen { height:52px; background: url(../images/home/logo_generator.png) no-repeat 0 0;}
.prodCopy h2.prodTitle_fra { height:44px; background: url(../images/home/logo_frameworks.png) no-repeat 0 0;}

.prodCopy h3, .productBlock p { font-size: 14px; line-height: 1.4em; width: 233px; margin-left: 62px;}
.prodCopy h3 { margin-bottom: 5px;}

/*screenshots*/
.productBlock .prodScreenshot { background: url(../images/home/bg_monitor.png) no-repeat 0 0; padding: 20px 35px 118px 20px; position: absolute; top: 0; right: 0; z-index: 10;}
.productBlock .prodVideo { background: url(../images/home/bg_monitor.png) no-repeat 0 0; padding: 20px 35px 118px 20px; position: absolute; top: 0; right: 0; z-index: 10;}

/*info flag (banner across screenshot)*/
.infoFlag { position: absolute; z-index: 20; width: 325px; top: 90px; right: -2px; background:url(../images/home/bg_flag_fold.png) no-repeat bottom right;}
.infoFlag ul { background: #fff; border: 1px solid #e4e4e4; width: 293px; margin-bottom: 16px; padding:16px; -webkit-box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.4); box-shadow:7px 7px 15px rgba(0, 0, 0, 0.4);}
.infoFlag ul li { text-align: center; line-height: 1.4em;}

/*buttons*/
.prodButtons { margin-bottom: 55px; clear: both; float: left;}
.prodButtons a.button{text-decoration:none;display:block;float:left;font-size:1.5em;width:175px;height:25px;padding:12px 0 15px 15px;color:#fff;position:relative;background:transparent url(../images/home/panels/button-bg.png) no-repeat 0 0; text-align:center;}
.prodButtons a.button span{display:block;width:15px;height:52px;position:absolute;right:-15px;top:0;background:transparent url(../images/home/panels/button-bg.png) no-repeat 100% 0}
.prodButtons a.grey{margin-left:20px;background:transparent url(../images/home/panels/button-bg-grey.png) no-repeat 0 0; }
.prodButtons a.grey span{background:transparent url(../images/home/panels/button-bg-grey.png) no-repeat 100% 0;}
.prodButtons a.button:hover {zoom: 1; filter: alpha(opacity=80);opacity: 0.8;}

/*testimonials*/
ul.testimonials { width: 100%; clear: both;}
ul.testimonials li { width: 470px; float: left; margin-bottom: 100px;}
ul.testimonials li img { width: 72px; border-radius: 36px; float: left;}
ul.testimonials li h4 { font-family: 'Open Sans', sans-serif; font-weight:300; font-style: italic; font-size: 25px; width: 350px; float: right; padding-right: 30px; line-height: 1.4em; margin-bottom: 7px;}
ul.testimonials li h5 { font-size:12px; text-transform: uppercase; width: 350px; float: right; padding-right: 30px;}
ul.testimonials li h5 a { text-decoration: none;}
ul.testimonials li h5 a:hover { text-decoration: underline;}

/*alternate layout*/
.productBlock.alt .prodCopy { float: right;}
.productBlock.alt .prodScreenshot, .productBlock.alt .prodVideo { left: 0; right: inherit; }
.productBlock.alt .prodButtons {float:right;}

/*--------------------------------------------- Exceptionless Features ---------------------------------------------*/
#features { display: block; clear: both; margin: 20px 0 40px; float: left;}
#features ul{ padding:0;list-style-type:none;}
#features ul li{margin:0;padding:0;float:left;width:470px;margin-bottom:8px;font-size:14px!important;color:#666;}
#features ul li i{display:inline-block;text-align:center;padding-top:3px;width:25px;margin:0;margin-right:8px;color:#555;font-size:18px;vertical-align:middle;}
@media only screen and (max-width:500px){
	#features ul li{ float: none; width: 100%;}
}

