
/*  clears and general classes */
html .clearfix:after {
	content: ".";
	height: 0;
	text-indent: -9999px;
	display: block;
	clear: both;
}
.highlight { background: #fefee1; color: #000; }
.floatleft { float: left; margin-right: 30px; margin-bottom: 20px; }
.floatright { float: right; margin-left: 30px; margin-bottom: 20px; }
.nodisplay { display: none; }
.recessed { color: #777; }

/* body */
body, html { background: #F9F9F9; }

/* header */
.header-container { width: 940px; margin: 20px auto; padding: 0 20px; }
.logo-container { float: left; }
.utility-nav { float: right; margin-top: 30px; }
.utility-nav ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; display: block; }
.utility-nav li { float: left; margin: 0 0 0 10px; padding: 0 10px 0 0; display: block; border-right: 1px dotted #CCC; line-height: 1em; }
	.utility-nav li.last { border: none; }
.utility-nav a { display: block; text-transform: uppercase; font-size: 0.8em; color: #888; }
.utility-nav a:hover { text-decoration: none; }

/* footer */
.footer-container { width: 100%; background: url(../images/bg-footer.gif) repeat-x top left #0e3678; padding: 20px 0; }
.footer-container a { color: #FFF; }
.footer-container a:hover { text-decoration: none; }
.footer-content { width: 940px; margin: 0 auto; padding: 0 0 0 20px; }
.footer-meta { float: left; width: 580px; margin-top: 30px; }
.footer-content h1 { color: #FFF; margin-top: 0; font-weight: normal; font-size: 1.2em; margin-bottom: 1em; }
.footer-content .footer-nav { display: block; width: 100%; margin: 0.5em 0; padding: 0; list-style-type: none; list-style-image: none; }
.footer-nav li { display: block; float: left; margin: 0 15px 0 0; }
.footer-content p { font-family: Arial, sans-serif; color: #5db9fe; }
.app-jumpoffs { float: left; width: 360px; }
.app-jumpoff { float: left; width: 160px; height: 162px; margin-right: 20px; }
.app-jumpoff a { display: block; height: 162px; width: 160px; text-indent: -9999px; }
.footer-app-btn-vs { background: url(../images/footer-btn-vs.gif) no-repeat; }
.footer-app-btn-vs:hover { background-position: 0 -162px; }
.footer-app-btn-cw { background: url(../images/footer-btn-cw.gif) no-repeat; }
.footer-app-btn-cw:hover { background-position: 0 -162px; }

.pitch2 { width: 100%; border-top: 3px solid #EEE; border-bottom: 3px solid #EEE; margin: 20px 0; }
.pitch-container { width: 100%; padding: 20px 0; background: #FFF; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; }
.pitch { width: 940px; margin: 0 auto; }
.pitch h1 { margin: 0; font-size: 54px; line-height: 1.6em; }
.pitch h2 { font-size: 32px; margin: 0; line-height: 1.3em; font-family: Arial, sans-serif; color: #456da7; }

/* FEATURED AREA
_________________*/
.featured-container { margin: 20px auto; width: 990px; }
	/* Homepage: Apr2010 */
	.featured-Apr2010 { background: url(../images/featured_banner-Apr2010.png) no-repeat; height: 320px; width: 990px; position: relative; }
	.featured-Apr2010 a { display: block; background: url(../images/featured_btn-Apr2010.png) no-repeat; width: 300px; height: 41px; padding: 0; position: absolute; top: 228px; left: 98px; text-indent: -9999px; }
	.featured-Apr2010 a:hover { background-position: 0 -41px; }
	.featured-Apr2010 a:active { background-position: 0 -82px; }
	/* Homepage: Mar09 */
	.featured-Mar09 { background: url(../images/featured_banner-Mar09.jpg) no-repeat; height: 320px; width: 990px; position: relative; }
	.featured-Mar09 a { display: block; background: url(../images/featured_btn-Mar09.png) no-repeat; width: 300px; height: 41px; padding: 0; position: absolute; top: 228px; left: 98px; text-indent: -9999px; }
	.featured-Mar09 a:hover { background-position: 0 -41px; }
	.featured-Mar09 a:active { background-position: 0 -82px; }
	/* Homepage: Nov09 */
	.featured-Nov09 { background: url(../images/featured_banner-Nov09.jpg) no-repeat; height: 320px; width: 990px; position: relative; }
	.featured-Nov09 a { display: block; background: url(../images/featured_btn-Mar09.png) no-repeat; width: 300px; height: 41px; padding: 0; position: absolute; top: 228px; left: 98px; text-indent: -9999px; }
	.featured-Nov09 a:hover { background-position: 0 -41px; }
	.featured-Nov09 a:active { background-position: 0 -82px; }
/* Subpage Featured Area */
.normal-featured-area { width: 900px; margin: 0 25px; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; background: #FFF; padding: 20px; }
.headlines { }
.headlines h1 { font-size: 3.3em; margin-top: 10px; line-height: 1.1em; }
.headlines h2 { line-height: 1.4em; font-size: 1.4em; }
.headlines h3 { font-weight: normal; line-height: 1.4em; margin: 0; font-size: 1.2em; font-family: Georgia, sans-serif; }
.featured-graphic { float: left; width: 540px; text-align: center; line-height:0; }
/* cw */
html .featured-cw { width: 920px; padding-left: 0; text-align: center; }
#featuredInfoCW { float: left; margin-right: 30px; }
#featuredIphoneAppCW { float: right; margin-left: 30px; }
.featured-cw .headlines { width: 550px; float: left; }
.featured-cw .headline { margin: 0.5em 0 0.2em 0; font-size: 3.6em; }
.featured-cw .sub-headline { font-family: Arial, sans-serif; color: #062D62; font-size: 1.8em; margin-top: 0; }
.featured-cw .sub-sub-headline { font-size: 1.4em; font-weight: bold; margin-bottom: 0.5em; }

/* COLS
__________*/
/* col containers */
.cols-container { width: 960px; padding: 0 0 0 20px; margin: 30px auto; }
.full-col-container { width: 940px; padding: 0 20px; margin: 30px auto; }	
/* cols */
.main-col { float: left; width: 570px; margin-right: 30px; }
.sub-col { float: left; width: 330px; margin-right: 30px; }
.half-col { float: left; width: 440px; margin-right: 30px; }
.split-col { float: left; width: 270px; }
.split-first { margin-right: 30px; }
	.main-col > h1, .sub-col > h1 { margin-top: 0; }
	.main-col p, .sub-col p, .full-col-container p { font-size: 1.1em; }

/* SPECIFICS
_____________________*/
/* platform overview / description */
.platform-description { margin-bottom: 50px; }
.platform-description h1 { font-size: 36px; margin: 0 0 0.25em 0; }
.platform-description h2 { font-size: 20px; line-height: 1.4em; margin-top:15px; }
.platform-description p { font-size: 14px; line-height: 1.6em; }
.platform-overview .overview-text { width: 570px; float: left; }
/* applications */
.applications h1 { font-size: 26px; margin: 0 0 0.25em 0; }
.applications .jumpoff-big { background: url(../images/bg-applications-jumpoff.png) repeat-x bottom left #275ba2; padding: 5px; }
.applications .jumpoff-big a { display: block; padding: 5px; color: #FFF; font-size: 16px;}
.applications .applications-group { background: #FFF; padding: 10px; border: 1px solid #DDD; border-top: none; border-bottom: none;}
.applications h2 { font-family: Arial, sans-serif; }
.applications p { color: #676; }
.application { border-bottom: 1px dotted #EEE; margin-bottom: 10px; padding-bottom: 10px; }
.application .logo-left { float: left; margin-right: 20px; margin-bottom: 5px;}
.applications .yourturn { border: none; }
.applications .jumpoff-small { background: #EEE; font-size: 14px; font-weight: bold; padding: 5px 10px; border: 1px solid #DDD; border-top: none; }
/* what we do */
.what-we-do { margin-bottom: 50px; }
/* newsletter */
.newsletter-signup { background: #FFF; border: 3px double #DDD; padding: 20px; margin-bottom: 50px;  }
.newsletter-signup h1 { margin-top: 0; font-size: 16px;}
.newsletter-signup p { font-size: 11px; }
.newsletter-signup label { font-weight: bold; }
.newsletter-signup input[type=text]{width:250px;padding:8px;font-size:1.4em;}
.newsletter-signup form { margin: 0; }
/* press related */
	.homepage-testimonials-container{margin-bottom:30px;background:#cdddff;border:5px solid #FFF;-moz-border-radius:10px;-webkit-border-radius:10px;}
	.homepage-testimonials-container h1{text-align:center;padding:0;}
	.homepage-testimonials-content{width:270px;_width:260px;padding:10px 20px;float:left;}
	.homepage-testimonials-content h2{margin-top:0;border:none;padding-bottom:0;}
	.homepage-testimonials-content h2 a{color:#333;font-size:14px;font-weight:normal;}
	.homepage-testimonials-content h3{font-size:14px;text-align:right;margin-bottom:0;padding-bottom:0;}
	.homepage-testimonials-content h3 em{font-size:12px;}
	.homepage-testimonials-content p{font-family:Georgia,Times,serif;}
	.homepage-testimonials-content .img{float:left;margin-right:15px;margin-bottom:5px;}
	.homepage-testimonials-content .to-press{clear:both;text-align:center;margin:10px 0 0 0;}
	.homepage-testimonials-content .to-press a{font-family:"Trebuchet MS",Arial,sans-serif;color:#00081B;}
.press-container { border-top: 2px solid #CCC; background: url(../images/bg-fade-light-gray.gif) repeat-x top left; }
.press-container h1 { margin-bottom: 1.2em; text-align: center; text-transform: uppercase; }
.split-press-container-1 { float: left; width: 460px; margin: 0 10px 0 0; }
.split-press-container-2 { float: left; width: 460px; margin: 0; }
.press-item { margin-bottom: 20px; height: 150px; }
.press-item .press-icon { float: left; margin-right: 10px; width: 200px; text-align: center; }
	.horizontal .press-icon { float: left; width: 100%; margin-bottom: 15px; }
	.horizontal .press-icon img { float: left; margin-right: 10px; }
	.horizontal .press-icon h2 { float: left; width: 550px; font-size: 2em; margin-top: 20px; }
	.horizontal .byline { text-align: right; }
.press-item .press-img { float: left; width: 150px; margin-right: 10px;  text-align: center; }
.press-item .press-content { float: left; width: 290px; }
	.press-item .press-content h2 { margin-top: 0; line-height: 1.5em; font-size: 1.2em; }
	.press-item .press-content p { padding-left: 0; font-size: 1.1em; }
	.press-item .press-content .jumpoff-link { background: none; padding-left: 0; }
.press-item .quote { float: left; width: 700px; }
	.horizontal .quote { width: 830px; padding: 5px 90px 5px 20px; }
.press-item p { font-size: 1.4em; line-height: 1.8em; padding-left: 30px; }
.press-item .start-quote { background: url(../images/icon-quote-left.gif) no-repeat top left; }
.press-item .end-quote { margin-left: 10px; }
.press-item a { padding: 4px 0 4px 28px; background: url(../images/icon-pdf-blue.gif) no-repeat left center; font-family: Arial, sans-serif; }
.link-press, .link-zip { font-size: 1.2em; line-height: 1.6em; color: #888; }
.link-press a { background: url(../images/icon-pdf-blue.gif) no-repeat center left; padding: 4px 2px 4px 28px; }
.link-zip a { background: url(../images/icon-zip-blue.gif) no-repeat center left; padding: 4px 2px 4px 28px; }
.press dl, .press dt, .press dd { float: left; margin: 0; }
.press dl { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin: 10px 0; }
.press dl dt { width: 175px; text-align: center; margin-right: 10px; }
.press dl dd { width: 385px; }
.press dl h2 { font-size: 1.2em; margin-top: 0; }
.press dl h2 a { color: #333; }
.press dl h2 a:hover { text-decoration: none; }
.press dl h3 { font-size: 1em; color: #777; }
.press dl p { font-size: 1em; margin-bottom: 0; }
.press-release h1, .press-release h2, .press-release h3 { line-height: 1.6em; }
.press-story { border-top: 1px solid #DDD; background: #F3F3F3; padding: 10px;  }
.press-story .img { float: left; margin-right: 10px; width: 150px;  text-align: center;}
.press-story a { font-size: 1.2em; }
/* call out box */
.callout-box { width: 300px; background: url(../images/bg-fade-green-accent.gif) repeat-x bottom left #22b35c; color: #FFF; padding: 10px; font-family: Arial, sans-serif; font-size: 1.1em; line-height: 1.6em; }
.callout-box h3 { margin-top: 0; color: #FFF; }
.callout-box a { color: #FFF; }
.callout-box p { margin-bottom: 0; }
/* toolsets */
.toolsets .products { padding-bottom: 20px; border-bottom: 1px dotted #CCC; }
.toolset-overview h1 { margin-top: 0; }
.toolset-overview a { font-family: Arial, sans-serif; }
/* big app jump off */
.big-app-jumpoff { width: 940px; margin: 30px auto; text-align: center; font-size: 1.2em; background: url(../images/bg-fade-red-short.gif) repeat-x bottom left #ed1c24; padding: 8px 0; color: #ffe2e3; letter-spacing: 0.05em; }
.big-app-jumpoff a { color: #FFF; font-weight: bold; margin-right: 10px; }
/* tabs */
.tabs-content { background: #FFF; padding: 20px; border: 1px solid #EEE; border-bottom: 1px solid #CCC; }
.tabs-content h1 { margin-top: 0; }
.tabs-links a { display: block; float: left; margin: 0 5px; background: #F3F3F3; padding: 4px 8px; color: #333; font-weight: bold; border: 1px solid #E9E9E9; border-bottom: 1px solid #BBB; }
.tabs-links a:hover { text-decoration: none; }
.tabs-links a.active-tab { background: #FFF; }
/* solutions (toolset pages) */
.solutions-container { width: 950px; margin: 40px auto; }
.solutions-container h1 { text-align: center; font-size: 2em; text-transform: uppercase; }
	/* features solution vs4hr*/
	.featured-solution-vs { background: url(../images/bg-featured-solution-vs.jpg) no-repeat; height: 300px; position: relative; }
	.featured-solution-vs .btn-explore-solution { position: absolute; top: 190px; left: 394px; display: block; width: 171px; height: 41px; padding: 0; text-indent: -9999px; background: url(../images/btn-explore-solution.png) no-repeat 0 0; }
	.featured-solution-vs .btn-explore-solution:hover { background-position: 0 -41px; }
	.featured-solution-vs .btn-explore-solution:active { background-position: 0 -82px; }
.solution-examples { padding-left: 50px; }
.solution-example { background: #FFF; border: 1px solid #EEE; border-bottom: 1px solid #BBB; padding: 20px; }
.customization-container { margin-top: 40px; }
.customization-container h1 { text-align: center; text-transform: uppercase; }
.customization-content { border-top: 2px solid #CCC; background: url(../images/bg-fade-light-gray.gif) repeat-x top left; padding: 20px; }
.customization-col { float: left; width: 440px; margin-right: 20px; }
/*demo lower*/
.demo-lower { padding: 20px 0; background: url(../images/bg-try-demo-lower.png) repeat-x bottom left #ff9315; text-align: center; }
.demo-lower p { color: #333; font-weight: bold; font-family: Arial, sans-serif; font-size: 13px; }
.demo-lower a { color: #FFF; font-size: 16px;  }

.applications-page h2 { font-family: Arial, sans-serif; color: #FF851C; margin-top: 35px; }
.applications-page h3 { color: #777; font-size: 14px; }

/* ALT LAYOUTS
_______________*/
/* platform overview */
.layout-platform .platform-overview p { font-size: 1.2em; line-height: 1.8em; }
.layout-platform .platform-overview h1 { margin-top: 0; }
/* toolset */
.layout-toolset .featured-voicescreener .headlines { width: 540px; }
.layout-toolset .featured-voicescreener .featured-graphic { width: 320px; }
/* cw */
.layout-cw .cw-try-it-out { padding-bottom: 50px; background: url(../images/bg-cw-try-it-out.png) no-repeat bottom left; }
.layout-cw .cw-try-it-out p { font-size: 1.2em; line-height: 1.5em; }
/* roi calc */
.layout-roicalc .main-col { width: 600px; }
.layout-roicalc .sub-col { width: 280px; }
.layout-roicalc .sub-col h2 { font-family: "Arial", sans-serif; font-size: 2.4em; color: #062D62; border-bottom: 1px dotted #CCC; padding-bottom: 10px; }
.layout-roicalc .sub-col p { font-size: 1.2em; line-height: 2em; }
.layout-roicalc .sub-col h3 { color: #666; font-family: "Arial", sans-serif; }