/*
	Theme Name: Octoshape_Radi8
	Theme URI: http://radi8creative.com/
	Description: A custom Wordpress theme built solely for Octoshape
	Author: Radi8 Creative
	Author URI: http://radi8creative.com/
	Version: 1.0
	Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/** START HTML5 Boilerplate CSS **/

/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* 1) Always force a scrollbar in non-IE
   2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #BB1D13; text-decoration: none; }
a:hover { text-decoration: underline; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements.
      Firefox adds a 1px margin above and below textareas
   3) Set font-size to match <body>'s, and font-family to sans-serif
   4) Align to baseline */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }

/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   2) Align to text-top */
textarea { overflow: auto; vertical-align:text-top; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/**
 * You might tweak these..
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/**
 * Placeholder media queries for responsive design. Modify as design requires.
 * These follow after, and will override, the primary ('mobile first') styles
 * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill
 */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}/*/mediaquery*/

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}/*/mediaquery*/



/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right; margin-left: 20px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/

/* =Body
-------------------------------------------------------------- */
html {
  background-image: url(images/site_main_bg.jpg), url(images/site_tile_bg.jpg); /* order from top to bottom */
  background-position: top center, 0 0;
  background-repeat: no-repeat, repeat;
}

/* =Layout
-------------------------------------------------------------- */
#page_header { }
#page_header .content { position: relative; width: 960px; margin: 0 auto; z-index: 90; }
#main { position: relative; width: 960px; margin: 0 auto; z-index: 1; }
#page_footer { height: 124px; padding-bottom: 50px; text-align: center; }
#page_footer .content { position: relative; width: 960px; margin: 0 auto; z-index: 1; }

/* =Fonts
-------------------------------------------------------------- */
body { font-family: 'Molengo', arial,sans-serif; font-weight: normal; }

/* =Header
-------------------------------------------------------------- */
#page_header { position: relative; z-index: 99; }
#page_header #site_brand { float: left; padding-left: 35px; width: 374px; height: 115px; }
#page_header #site_brand h1 a { display: block; margin-top: 16px; background: transparent url(images/site_logo2.png) 0 0 no-repeat; width: 315px; height: 91px; }
#page_header #site_brand h2 { display: none; }

/* =Header - Main Navigation
-------------------------------------------------------------- */
#main_nav { display: block; position: absolute; clear: both; height: 1px; top: 88px; left: 0; z-index: 100; }
#main_nav_back { position: relative; top: -27px; display: block; clear: both; height: 0; z-index: 9; background-color: #333; }
#main_nav ul#menu-primary-navigation { position: relative; width: 960px; margin: 0 auto; }
#main_nav ul { list-style-type: none; }
#main_nav a { display: block; color: #666; font-size: 16px; margin-right: 15px; text-transform: uppercase; padding: 10px 20px 25px 11px; text-decoration: none; }
#main_nav li.level1 { height: 1px; }
#main_nav li.level1 > a { position: relative; top: -45px; left: 409px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
#main_nav a:hover { color: #BD1E13; }
#main_nav li { float: left; }
#main_nav li.drop_down > a { background: transparent url(images/site_nav_arrows.gif) 94% 17px no-repeat; }
#main_nav li.drop_down > a:hover { background-position: 94% -28px; }
#main_nav li.drop_down.active > a { background-position: 94% -72px; background-color: #333; color: #fff; }

/* Hidden list */
#main_nav ul ul { display: none; position: absolute; left: 0; top: 0; height: 177px; opacity: 0; width: 960px; z-index: 101; overflow: hidden; }
#main_nav ul li.drop_down ul li { float: left; width: 214px; }
#main_nav ul li.drop_down ul li > a { width: 184px; padding: 0 15px; text-transform: none; font-size: 14px; height: 177px; overflow: hidden; }
#main_nav ul li.drop_down ul li > a:hover { background-color: #4f4f4f; }
#main_nav ul li.drop_down ul .menu-item-title { display: block; color: #fff; border-bottom: 1px solid #666; padding: 26px 0 4px 0; margin-bottom: 5px; }
#main_nav ul li.drop_down ul .menu-item-desc { color: #ccc; }
#main_nav ul li.drop_down.active ul { left: 0; }

/* =Header - Support Navigation
-------------------------------------------------------------- */
#support_nav { display: block; position: absolute; top: 0; right: 68px; }
#support_nav ul { float: right; height: 22px; background-color: rgba(255, 255, 255, 0.75); border: 1px solid #ccc; border-top: none; padding: 4px 0 0 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
#support_nav ul li { float: left; }
#support_nav ul li a { font-size: 13px; color: #666; text-transform: uppercase; padding: 0 10px 0 15px; background-position: 0 4px; background-repeat: no-repeat; }
#support_nav ul li a:hover { color: #BC1D13; text-decoration: none; background-position: 0 -45px; }
#support_nav ul li.support_link a { background-image: url(images/site_support_icon.png); background-position: 0 5px; }
#support_nav ul li.support_link a:hover { background-position: 0 -45px; }
#support_nav ul li.contact_link a { background-image: url(images/site_contact_icon.png); }
#support_nav ul li.login_link a { background-image: url(images/site_login_icon.png); }
#support_nav ul li.newsletter_link a { background-image: url('images/site_newsletter_icon.png'); }
#support_nav ul li.payment_link a { background-image: url('images/site_payment_icon.png'); }
#support_nav ul li.follow_link a { background-image: url('images/twitter.png'); background-position: 0 2px; }
#support_nav ul li.follow_link a:hover { background-position: 0 -45px; }
#support_nav ul li.linkedin_link a { background-image: url('images/site_linkedin_icon.png'); background-position: 0 2px; }
#support_nav ul li.linkedin_link a:hover { background-position: 0 -45px; }

/* =Main
-------------------------------------------------------------- */
#main { clear: both; font-size: 14px; color: #666; }
#main .main_content h2 { font-weight: normal; font-size: 24px; color: #BD1E13; background: transparent url(images/sec_title_bg.png) 0 100% repeat-x; padding-bottom: 5px; }
#main .main_content h3 { font-size: 18px; margin-top: 23px; }
#main .main_content h4 { font-size: 14px; color: #666666; }
#main .main_content p { margin: 15px 0; }
#main .main_content ul { margin-left: 0; list-style-type: none; }
#main .main_content ul li { padding-left: 2em; background: transparent url(images/octo_bullet.gif) 8px 7px no-repeat; margin: 5px 0; }
#main .main_content ol { margin-top: 20px; }
#main .main_content ol li { margin: 10px 0; }
#main .main_content img { margin: 15px 0; }

/* =Home - Featured Post
-------------------------------------------------------------- */
#home_featured_slides { position: relative; width: 960px; height: 400px; z-index: 3; }
#home_featured_slides .home_featured_image_wrapper { position: absolute; top: 0; left: 50%; margin-left: -410px; width: 838px; height: 373px; z-index: 10; border: 1px solid #c8c8c8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#home_featured_slides .home_featured_image { border: 4px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#home_featured_slides .home_featured_content { position: relative; top: 193px; left: 9px; z-index: 11; width: 897px; height: 129px; padding: 52px 0 0 44px; font-size: 22px; color: #fff;
  background: transparent url(images/home_red_banner.png) 0 0 no-repeat; }
#home_featured_slides .home_featured_content h2 { font-weight: bold; font-size: 24px; }
#home_featured_slides a.home_button { position: absolute; top: 59px; right: 44px; z-index: 12; width: 118px; height: 32px; font-size: 14px; color: #BE1E13; line-height: 32px; padding-left: 15px;
  font-family: Helvetica, arial,sans-serif; background: transparent url(images/home_learn_btn.jpg) 0 100% no-repeat; text-decoration: none; text-transform: uppercase; }
#home_featured_slides a.home_button:hover { background-position: 0 0; }
#home_featured_slides .home_featured_slide { display:none; position: absolute; }
#home_featured_slides .home_featured_slide:first-child { display: block; }

#home_featured_pagers { display: block; position: absolute; top: 334px; left: 0; z-index: 20; text-align: center; width: 960px; }
#home_featured_pagers a { display: inline-block; height: 20px; width: 19px; background: transparent url(images/home_pager_icon_off.png) center center no-repeat; padding: 0 10px; }
#home_featured_pagers a.activeSlide,
#home_featured_pagers a:hover { background-image: url(images/home_pager_icon_on.png); }

.home_featured_slide_control { z-index: 4; cursor: pointer; display: block; position: absolute; top: 170px; background: transparent url(images/slide_arrow_sprite.png) 0 0 no-repeat; width: 27px; height: 27px; }
.home_featured_slide_control:hover { opacity: 0.6; }
#home_featured_slide_left { left: 50px; }
#home_featured_slide_right { right: 50px; background-position: -27px; }
#home_featured_slide_left:hover,
#home_featured_slide_right:hover { opacity: 0.9; }

/* =Home - Widgets
-------------------------------------------------------------- */
#home_widgets { padding: 0 0 43px 62px; }
.home_widget { float: left; border: 1px solid #c8c8c8; background-color: #E1E1E1; width: 202px; margin: 0 3px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.home_widget:hover { background-color: #f1f1f1; }
.home_widget_wrapper { border: 2px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 1px; }
.home_widget a { position: relative; display: block; padding: 0 1px 20px; color: #BC1D13; }
.home_widget a:hover { text-decoration: none; }
.home_widget h3.widget_title { position: relative; z-index: 2; text-transform: uppercase; font-weight: normal; font-size: 16px; text-align: left; line-height: 32px; height: 38px; padding-bottom: 19px; background: transparent url(images/home_widget_border.jpg) 0 bottom repeat-x; }
.home_widget .widget_callout { display: block; position: absolute; font-size: 12px; top: 34px; left: 50px; padding-right: 11px; background: transparent url(images/octo_bullet.gif) right 5px no-repeat; }
.home_widget img { position: absolute; z-index: 3; left: 9px; bottom: 5px; }
#home_widget_1 h3.widget_title { text-align: center; }
#home_widget_1 .widget_callout { left: 86px; }
#home_widget_1 img { }
#home_widget_2 h3.widget_title { padding-left: 66px; }
#home_widget_2 .widget_callout { left: 66px; }
#home_widget_2 img { bottom: 10px; }
#home_widget_3 h3.widget_title { padding-left: 77px; }
#home_widget_3 .widget_callout { left: 84px; }
#home_widget_3 img { }
#home_widget_4 h3.widget_title { text-align: center; }
#home_widget_4 .widget_callout { left: 90px; }
#home_widget_4 img { bottom: 4px; }

/* =Home - Content
-------------------------------------------------------------- */
.home #main .main_content { font-size: 18px; color: #333; width: 830px; margin: 5px auto 32px; text-align: center; }
.home #main .main_content p { margin: 0; }

/* =Home - Latest News
-------------------------------------------------------------- */
#home_news { position: relative; width: 830px; padding-left: 1px; height: 157px; background: transparent url(images/home_news_bg.png) top center no-repeat; margin: 0 auto; }
#home_news h3 { position: absolute; z-index: 11; left: 1px; top: 33px; font-size: 18px; color: #fff; padding-left: 16px; width: 140px; font-weight: normal; text-transform: uppercase; line-height: 25px; background: transparent url(images/home_news_title_bg.png) 0 0 no-repeat; }
#home_news #home_news_controls { position: absolute; z-index: 11; top: 36px; left: 174px; }
#home_news_controls .news_control { display: block; float: left; height: 19px; width: 19px; cursor: pointer; }
#home_news_controls .news_control:hover { opacity: 0.8; }
#home_news_controls #home_news_prev { background: transparent url(images/home_left_btn.png) 0 0 no-repeat; margin-right: 4px; }
#home_news_controls #home_news_next { background: transparent url(images/home_right_btn.png) 0 0 no-repeat; }

#home_news #home_news_items { position: relative; font-size: 14px; color: #333; width: 830px; height: 157px; z-index: 10; }
#home_news_items .home_news_item { position: relative; width: 814px; height: 78px; padding-left: 16px; padding-top: 79px; top: 0; left: 0; z-index: 10; }
.home_news_item .home_news_date { float: left; display: block; margin-right: 20px; }
.home_news_item .home_news_image { float: left; display: block; margin-right: 27px; }
.home_news_item .home_news_excerpt { float: left; width: 560px; }
.home_news_item .home_news_excerpt h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home_news_item .home_news_excerpt a { white-space: nowrap; }

/* =Single Post
-------------------------------------------------------------- */
#main .main_content .single_post_content h2 { font-weight: bold; }
.entry-content { position: relative; }
.single_post_image { display: none; }
.single_post_content .press-release .single_post_image,
.single_post_content .in-the-news .single_post_image { display: block; position: absolute; top: 0; left: 0; }

/* Press Release/ In The News */
#main .main_content .in-the-news .entry-content h3:first-child,
#main .main_content .in-the-news .entry-content h3:first-of-type
#main .main_content .press-release .entry-content h3:first-child,
#main .main_content .press-release .entry-content h3:first-of-type { font-size: 15px; color: #BD1E13; font-style: italic; padding-left: 50px; padding-bottom: 15px; font-weight: normal; width: 445px; }

/* =Secondary Layout
-------------------------------------------------------------- */
#main #sec_nav { position: relative; z-index: 3; width: 310px; float: left; padding: 0; }
.single #main .main_content,
.page-template-template-secondary-php #main .main_content { position: relative; z-index: 2; width: 100%; float: right; margin-left: -310px; }
.main_content .sec_page_content,
.main_content .category_content,
.main_content .single_post_content { margin-left: 310px; }

/* Pagination */
#main .main_content .wp-paginate { clear: both; padding-bottom: 20px; }

/* Next Steps Widget */
#main .main_content .next_steps_widget { margin-top: 40px; border: 1px solid #ccc; background: transparent url(images/next_steps_bg.png) 0 0 repeat-x; height: 77px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; clear: both;
}
#main .main_content .next_steps_widget h3 { color: #C82110; font-size: 14px; font-weight: bold; padding-left: 68px; margin: 0; float: left; width: 80px; text-transform: uppercase; height: 77px; padding-top: 18px;
  background: transparent url(images/next_steps_title_icon.png) 30px 23px no-repeat; }
#main .main_content .next_steps_widget .textwidget { height: 77px; background: transparent url(images/next_steps_content_bg.png) 0 center no-repeat; font-size: 14px; color: #BD1E13; float: left; }
#main .main_content .next_steps_widget .textwidget ul { list-style-type: none; padding: 0; margin: 0; }
#main .main_content .next_steps_widget .textwidget ul li { background: none; float: left; height: 77px; padding: 18px 0 0 40px; margin: 0; }
#main .main_content .next_steps_widget .textwidget ul li a { display: block; position: relative; width: 40px; padding-right: 18px; padding-bottom: 5px; }
#main .main_content .next_steps_widget .textwidget ul li.step_sales a { background: transparent url(images/contact_icon.gif) 0 -85px no-repeat; height: 35px; padding-left: 47px; }
#main .main_content .next_steps_widget .textwidget ul li.step_sales a:hover { background-position: 0 0; }
#main .main_content .next_steps_widget .textwidget ul li.step_demo a { background: transparent url(images/demo_icon.gif) 0 -78px no-repeat; height: 33px; padding-left: 55px; }
#main .main_content .next_steps_widget .textwidget ul li.step_demo a:hover { background-position: 0 5px; }
#main .main_content .next_steps_widget .textwidget ul li.step_download a { background: transparent url(images/whitepaper_icon.gif) 0 -89px no-repeat; height: 39px; padding-left: 48px; }
#main .main_content .next_steps_widget .textwidget ul li.step_download a:hover { background-position: 0 0; }

#main .main_content .sec_column .next_steps_widget { background-image: url(images/next_steps_vert_bg.png); height: 287px; }
#main .main_content .sec_column .next_steps_widget h3 { height: 39px; width: 110px; line-height: 21px; background-position: 30px 18px; }
#main .main_content .sec_column .next_steps_widget .textwidget { background: transparent url(images/next_steps_vert_content_bg.png) center 0 no-repeat; padding-top: 9px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li { height: 68px; padding: 0 16px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li a { border-top: 1px solid #ccc; padding: 18px 25px 10px 74px; width: 55px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li:first-child a { border-top: none; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_sales a { background-position: 19px -67px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_sales a:hover { background-position: 19px 18px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_demo a { background-position: 19px -62px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_demo a:hover { background-position: 19px 23px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_download a { background-position: 19px -67px; }
#main .main_content .sec_column .next_steps_widget .textwidget ul li.step_download a:hover { background-position: 19px 18px; }

/* =Secondary Navigation
-------------------------------------------------------------- */
#sec_nav  ul ul,
#sec_nav .current_page_item ul ul,
#sec_nav .current_page_ancestor ul ul,
#sec_nav .current_page_ancestor .current_page_item ul ul,
#sec_nav .current_page_ancestor .current_page_ancestor ul ul { display: none; }

#sec_nav .current_page_item ul,
#sec_nav .current_page_ancestor ul,
#sec_nav .current_page_ancestor .current_page_item ul,
#sec_nav .current_page_ancestor .current_page_ancestor ul,
#sec_nav .current_page_ancestor .current_page_ancestor .current_page_item ul,
#sec_nav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul { display: block; }

#sec_nav  ul ul ul { display: none; }
#sec_nav .page-item-20 ul ul { display: block; }

#sec_nav ul#sec_nav_list { padding-left: 49px; }
#sec_nav ul { list-style-type: none; margin: 0; padding: 0; }
#sec_nav ul li { clear: both; }
#sec_nav ul li a { height: 38px; clear: both; display: block; font-size: 18px; color: #666; text-transform: uppercase; width: 125px; background: transparent url(images/sec_nav_bg.png) 0 100% repeat-x;}
#sec_nav > ul > li:last-child a { background: none; }
#sec_nav ul li a:hover { text-decoration: none; color: #BD1E13; }
#sec_nav ul li a span { padding: 8px 0 10px 10px; display: block; }
#sec_nav ul ul { padding-left: 26px; }
#sec_nav ul ul li a { font-size: 14px; text-transform: none; width: 99px; height: auto; }

#sec_nav > ul > li.current_page_item > a,
#sec_nav > ul > li.current_page_ancestor > a { position: relative; min-width: 140px; left: -15px; top: -2px; width: auto; float: left; color:#BD1E13; background: transparent url(images/sec_nav_btn.png) right 0 no-repeat; padding-right: 15px; }
#sec_nav > ul > li.current_page_item > a > span,
#sec_nav > ul > li.current_page_ancestor > a span { padding-left: 23px; padding-right: 16px; background: transparent url(images/sec_nav_btn.png) left -38px no-repeat; }
#sec_nav ul ul li.current_page_item > a { color: #BD1E13; }

/* =Profiles
-------------------------------------------------------------- */
#main .main_content .profiles_content { position: relative; }
#main .main_content .profiles_content h2 { margin-bottom: 25px; }
#main .main_content .profiles_content h3 { color: #BD1E13; font-size: 14px; font-weight: bold; padding: 0 0 0 115px; margin: 0;}
#main .main_content .profiles_content h4 { color: #BD1E13; font-size: 14px; font-weight: normal; padding: 0 0 10px 115px; margin: 0; }
#main .main_content .profiles_content img.alignleft { position: absolute; left: 0; }
#main .main_content .profiles_content .bio { padding: 0 0 25px 115px; }

/* =Partners
-------------------------------------------------------------- */
#main .main_content .partners_content { position: relative; }
#main .main_content .partners_content h2 { margin-bottom: 25px; }
#main .main_content .partners_content h3 { color: #BD1E13; font-size: 14px; font-weight: bold; padding: 0 0 0 0; margin: 0;}
#main .main_content .partners_content h4 { color: #BD1E13; font-size: 14px; font-weight: normal; padding: 0 0 28px 0; margin: 0; }
#main .main_content .partners_content img.alignleft { float: left; padding: 0 15px 10px 0; margin: 0; }
#main .main_content .partners_content .bio { padding-bottom: 30px; }

/* =Contact Us
-------------------------------------------------------------- */
#main #contact_us { padding-bottom: 100px; }
#main #contact_us h2 { }
#main #contact_us h3 { font-size: 16px; color: #BD1E13; margin-top: 10px; }
#main #contact_us h4 { }
#main #contact_us .col { float: left; width: 195px; padding-right: 20px; }
#main #contact_us .contact_info { margin: 0 0 15px; }

/* =Two Columns
-------------------------------------------------------------- */
.main_column { float: left; width: 65%; margin-right: 5%; }
.sec_column { float: left; width: 30%; background: transparent url(images/sec_title_bg.png) 0 0 repeat-x; margin-top: 31px; padding-top: 5px; }

/* =Category List
-------------------------------------------------------------- */
.category_content .category_item { padding: 25px 0 10px; border-top: 1px solid #D8D8D8; }
.category_content .category_item:first-child { border: none; }
.category_content .category_item h4 { }
.category_content .category_item h4 a { color: #666; font-size: 16px; }
.category_content .category_item h4 span { font-weight: normal; padding-left: 6px; }
.category_content .category_item .entry { font-style: italic; }
.category_content .category_item .entry a { font-style: normal; }

/* =Footer
-------------------------------------------------------------- */
#page_footer { margin-top: 50px; background: transparent url(images/site_footer_bg.png) top center no-repeat; }

/* =Footer - Site Links
-------------------------------------------------------------- */
#footer_links { margin-top: 3px; height: 84px; }
#footer_links ul { list-style-type: none; margin: 0; padding: 35px 7px 0; display: inline-block; }
#footer_links ul li { float: left; }
#footer_links a { display: block; font-size: 14px; color: #666; padding: 5px; margin: 0 47px; text-decoration: none; text-transform: uppercase; }
#footer_links a:hover { text-decoration: underline; }

/* =Footer - Footer Brand/Copyright
-------------------------------------------------------------- */
#page_footer #footer_brand { font-size: 14px; color: #999; text-align: center; height: 37px; }
#page_footer #footer_brand img { }
#page_footer #copyright,
#page_footer #trademark { display: inline; padding: 0 20px; position: relative; top: -15px; }
#page_footer #trademark sup { font-size: 6px; text-transform: uppercase; top: -7px;}

/* =Contact Forms 7
-------------------------------------------------------------- */
#main .main_content .wpcf7 { padding-top: 50px; }
.wpcf7 p { clear: both; }
.wpcf7 label { cursor: default; font-size: 14px; color: #666; font-weight: bold; width: 110px; display: block; float: left; }
.wpcf7 input.single { width: 185px; }
.wpcf7 select { width: 149px; }
.wpcf7 .os_select { margin-right: 10px; }
.wpcf7 textarea { width: 296px; height: 127px; }
.wpcf7 .wpcf7-submit { float: right; color: #BD1E13; font-size: 13px; width: 85px; }
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea { -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; background-color: #fff; border: 1px solid #ccc; font-size: 12px; padding: 3px 5px; }
.wpcf7 .wpcf7-not-valid input,
.wpcf7 .wpcf7-not-valid textarea { border: 2px solid #BD1E13; }
#main .main_content .wpcf7-response-output { border: none; margin-left: 110px; padding-left: 0; }
#main .main_content .wpcf7 .ajax-loader { margin-left: 110px; }
#main .main_content .wpcf7 .wpcf7-not-valid-tip { display: none; }

/* =Management
-------------------------------------------------------------- */
.managementpictures { overflow: hidden; }
.managementpictures a {	margin: 3px; display: block; float: left; }
.managementpictures a.selected { margin: 1px; }
.managementpictures a.selected img { border: 2px solid #BD1E13; }
.management-member { display: none; }
.management-member { margin-left: -115px; }

/* =Newsletter signup
-------------------------------------------------------------- */
#newsletter td { padding: 4px; }

/* =Showcase
-------------------------------------------------------------- */
#controls
{
	background-image: linear-gradient(top, #ccc 0%, #fff 8%);
	background-image: -webkit-linear-gradient(top, #ccc 0%, #fff 8%);
	background-image: -moz-linear-gradient(top, #ccc 0%, #fff 8%);
	background-image: -o-linear-gradient(top, #ccc 0%, #fff 8%);
	background-image: -ms-linear-gradient(top, #ccc 0%, #fff 8%);
}

#player-header
{
	margin-bottom: 4px;
}

#controls{text-align:justify;width: 600px; margin-left: 20px}
#controls > a{position:relative;top:-200px;outline:none}
a > .np{position:absolute;left:0;top:13px;display:none;margin-top:-15px!important;}
.showcase-container{border: 1px solid #ccc; padding: 8px;border-radius: 4px;display: inline-block;background-color: #fff;}
.stream p { display: inline; }

.overlay
		{
		        background-color: rgba(0,0,0,0.5);
		        width: 100%;
		        height: 78px;
		        display: none;
		        position: absolute;
				z-index: 3;
		}

		.stream
		{
		        display: inline-block;
		        position: relative;
		        margin-top: 1em;
			margin-left: 5px;
			top: -200px;
		}

		.stream img
		{
		        margin: 0 !important;
				position: relative;
				z-index: 1;
		}

		.overlay .button
		{
		        width: 50%;
		        height: 100%;
		        float: left;
		}

		.overlay .button a > img
		{
		        position: relative;
		        top: 50%;
		        left: 50%;
		        margin-top: -16px !important;
		        margin-left: -12px !important;
		}

		.stream p
		{                       
		        display: inline; 
		}       
                        
		.stream p > .np 
		{       
		        position: absolute;
		        bottom: 6px;
			display: block;
			z-index: 0;
		}
