/*
Theme Name: Justin Inspires
Version: 2010
Author: Emerge Web Studio
*/

@import "style.superfish.css";

/*------------------------------
=CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}
body {line-height: 1.4;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table {border-collapse: collapse; border-spacing: 0;}
abbr, acronym {cursor: help; border-bottom: 1px dotted #777;}


/*------------------------------
=General Styles */
body { font: 12px Arial, Helvetica, sans-serif; color: #333;	background: #333 none; }
h1 { font-size: 36px; font-weight: normal; margin: 20px 0 15px; }
h2 { font-size: 22px; font-weight: normal; margin: 10px 0 12px; border-bottom: 1px solid #ccc;}
h3 { font-size: 14px; font-weight: bold; margin: 15px 0 12px; }
p { margin: 0 0 15px 0; }
a { color: #003366; text-decoration: none; font-weight: bold; }
a:hover { color: #0000FF; }
input.text, textarea, select, .gform_wrapper .gfield input { border: 1px solid #999; background: #fff url('images/bg_input-text.gif') repeat-x top; font: 12px Arial, Helvetica, sans-serif; padding: 4px; }
.populate { color: #555; }

#accessibility, .hidden { display: block; width: 0; height: 0; overflow: hidden; }
.center { text-align: center; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac \*/
.clear {clear: both;}
#_atssh {display: none;}

/*------------------------------
=Header */
#header_wrapper { width: 100%; height: 100px; background-color: #fff; border-top: 3px solid #333; }
#header { width: 960px; height: 100px; margin: 0 auto; }
#header a#logo { display: block; width: 151px; height: 86px; background: url(images/logo.gif) no-repeat left bottom; float: left; text-indent:-9999px;}
#header a#logo:hover { background-position: right bottom;}
#header ul#navigation { list-style: none; padding: 35px 0 0 15px; float: left; }
#header ul#navigation li { z-index: 50; float: left; padding: 0 10px; background: url(images/bg_nav-li.gif) no-repeat right; }
#header ul#navigation li a { float: left; color: #222; font-weight: normal; border-top: 3px solid #fff; text-transform: uppercase; padding: 4px 0; }
#header ul#navigation li a:hover,
#header ul#navigation li.current_page_item a,
#header ul#navigation li.current_page_ancestor a,
#header ul#navigation li.current_page_parent a { color: #777; border-top: 3px solid #ff7800; }
#header ul#navigation li.current_page_item a:hover,
#header ul#navigation li.current_page_ancestor,
#header ul#navigation li.current_page_parent a:hover { color: #222; }
#header ul#navigation li.page-item-10 { background: none; } /*10 = invite justin*/
#header ul#navigation li.page-item-10 a { font-weight: bold; }

/* Dropdowns--- */
#header .sf-sub-indicator { display: block; width: 0; height: 0; overflow: hidden; }
#header ul#navigation li ul { z-index: 60; background: url(images/bg_90p-white.png) repeat; width: 240px; padding: 6px 10px; margin: 0; }
#header ul#navigation li ul li { float: none; background: none; padding: 0; }
#header ul#navigation li ul li a,
#header ul#navigation li.current_page_item ul li a,
#header ul#navigation li.sfHover ul li a { display: block; float: none; font-size: 12px; font-weight: normal; color: #003366; cursor: pointer; text-transform: none; background: none; height: auto; width: 232px; line-height: 1.5; padding: 4px 4px; margin: 0; border-top: 1px dotted #b0b0b0; }
#header ul#navigation li ul li a:hover { font-weight: bold; border-top: 1px dotted #b0b0b0; }
/* ---Dropdowns */

/*------------------------------
=Banner */
#banner_wrapper { z-index: 5; width: 100%; height: 120px; background: #141421 url(images/bg_banner-wrapper.gif) repeat-x top center; }
#banner { z-index: 5; width: 960px; height: 120px; position: relative; background: url(images/bg_banner.jpg) no-repeat top; margin: 0 auto; color: #fff; }
#banner h1,
#banner h2 { font-size: 36px; font-weight: normal; margin: 0; padding: 60px 0 0 0; border-bottom: 0; }
#banner .justin { position: absolute; top: -98px; right: 0; }

/*------------------------------
=Home */
#home #header a#logo { float: right; }
#home #header a#logo:hover { background-position: left bottom;}
#home #header ul#navigation { padding-left: 0; }

#home #banner_wrapper { z-index: 5; width: 100%; height: 334px; background: #141421 url(images/bg_banner-home_wrapper.gif) repeat-x top center; }
#home #banner { height: 334px; background: url(images/bg_banner-home.jpg) no-repeat top; }
#home #banner #flash_banner div { display: none; }
#home #banner #flash_banner .justin { bottom: 0; left: 0; top: auto; right: auto; }
#home #banner #flash_banner object { z-index: 5; position: absolute; bottom: 0; left: 0; }
#home #banner .video { width: 360px; float: right; padding: 16px 5px 0 0;}
#home #banner p.quote { z-index: 5; display: block; width: 340px; height: 67px; position: absolute; top: 50px; left: 230px; background: url(images/bg_home_quote1.gif) no-repeat top; text-indent:-9999px; margin: 0; padding: 0; }

#home #container { padding-top: 0; }
#home #container h4 { font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0 0 10px; padding: 0; }
#home #container .col1 { width: 282px; padding-right: 18px; float: left; }
#home #container .col1 .widget_text { background: #fff url(images/bg_whitebox-right.gif) repeat-y right; border-bottom: 1px solid #c3c3c3; padding: 0 6px; min-height: 525px; }
#home #container .col1 .widget_text .seal { padding: 15px 0; }
#home #container .col1 .widget_text .seal img { float: left; margin-right: 12px; padding-bottom: 15px; }
#home #container .col1 .widget_text .seal img.ub { float: left; margin-right: 12px; padding-bottom: 35px; }
#home #container .col1 .widget_text .seal p { margin: 0; padding: 0; }
#home #container .col1 .widget_text .seal_center { padding: 15px 0; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#home #container .col1 .widget_text .seal_center p { margin: 0; padding: 0; }

#home #container .col2 { width: 282px; padding-right: 18px; float: left; }
#home #container .col2 .recent_blog { min-height: 250px; background: #fff url(images/bg_whitebox-right.gif) repeat-y right; border-bottom: 1px solid #c3c3c3; padding: 8px; margin: 0 0 20px; }
#home #container .col2 .recent_blog h4 { background: url(images/icon_video-blog.gif) no-repeat left center; border-bottom: 1px solid #ccc; padding: 6px 2px 6px 30px; }
#home #container .col2 .recent_blog p.title { font-size: 14px; margin: 0; }
#home #container .col2 .recent_blog p.date { font-size: 11px; color: #777; text-align: right; }
#home #container .col2 .widget_text { background: #fff url(images/bg_whitebox-right.gif) repeat-y right; border-bottom: 1px solid #c3c3c3; padding: 8px; margin: 0 0 20px; }
#home #container .col2 .widget_text img { float: left; margin: 0 5px 15px 0; }
#home #container .col2 .widget_text p { font-size: 11px; line-height: 1.4; }
#home #container .col2 .widget_text ul { text-align: right; }
#home #container .col2 .widget_text ul li { background: url(images/icon_arrow-right-blue.gif) no-repeat right center; padding-right: 9px; margin-bottom: 5px; }

#home #container .col3 { width: 342px; float: left; }
#home #container .col3 #quote h4 { display: none; }
#home #container .col3 #quote { margin-bottom: 20px; }
#home #container .col3 #quote .invite { background: #1c1f70 url(images/bg_cta-box.jpg) no-repeat bottom right; color: #fff; padding: 8px 80px 8px 8px; }
#home #container .col3 #quote .invite h4 { display: block; font-size: 14px; font-style: italic; background-color: transparent; margin: 0 0 8px; padding: 0; }
#home #container .col3 #quote .invite p { margin: 0 0 12px; }
#home #container .col3 #quote .invite a { color: #fff; font-weight: normal; text-decoration: underline; }
#home #container .col3 #quote .testimonial { min-height: 170px; background: #fff url(images/bg_testimonial-quote.gif) no-repeat left top; padding: 12px; border: 1px solid #1c1f70; }
#home #container .col3 #quote .testimonial #quoterotator { min-height: 150px; }
#home #container .col3 #quote .testimonial p.action { text-align: right; margin-bottom: 0; }
#home #container .col3 #quote .testimonial p.action a { background: url(images/icon_arrow-right-blue.gif) no-repeat right center; padding-right: 8px; }
#home #container .col3 .widget_text { background: #fff url(images/bg_whitebox-right.gif) repeat-y right; border-bottom: 1px solid #c3c3c3; padding: 8px; }
#home #container .col3 .widget_text p { font-size: 11px; line-height: 1.5; padding-left: 6px; margin-bottom: 5px; }
#home #container .col3 .widget_text p.privacy { clear: both; background: url(images/icon_privacy.gif) no-repeat left center; padding: 6px 0 0 20px; }
#home #container .col3 .widget_text form input { float: left; margin-top: 3px; }
#home #container .col3 .widget_text form input.text { width: 185px; padding: 5px; margin: 4px 4px 0 0; }


/*------------------------------
=Container */
#container_wrapper {width: 100%; background-color: #e5e5e5; }
#container { width: 960px; padding: 12px 0 60px; margin: 0 auto; }


/*------------------------------
=Content */
#content { width: 612px; padding: 15px 20px; float: left; background: #fff url(images/bg_whitebox-right.gif) repeat-y right; border-bottom: 1px solid #c3c3c3; }
#content .inner-banner { float: right; margin: 0 0 6px 6px; }
#content p { line-height: 1.5; }
#content h1 { margin-top: 0px; }
#content h3.pop { clear: both; background-color: #e5e5e5; padding: 5px; margin-top: 20px; }
#content ol, #content ul { margin: 0 0 15px; padding: 0 0 0 20px; }
#content ol li, #content ul li { margin: 0 0 4px; }
#content ul li { list-style: disc; }
#content ol li { list-style: decimal; }
#content ul#reasons li { clear: left; padding: 1px 0; line-height: 2; list-style: none; }
#content ul#reasons span.number { display: block; width: 24px; height: 24px; margin-right: 8px; float: left; background: url(images/bg_number.gif) no-repeat top left; text-align: center; font-weight: bold; font-size: 14px; line-height: 1.6; }
#content ul.keynotes li { margin: 0 0 6px; padding: 0; }
#content table.videos { margin: 0 0 30px; }
#content table.videos td { padding: 0 10px 5px 0; }
#content blockquote.testimonial { clear: both; border-bottom: 1px solid #ccc; padding: 15px 0; margin: 0; }
#content p.quote { margin: 0 0 15px; padding: 0;}
#content p.author { padding: 0; margin-bottom: 0;}
#content .video_right { width: 280px; float: right; padding: 10px; }
#content .video_right p.caption { padding: 5px; margin: 0; }

#content h2.calendar { border: 0; margin: 30px 0 2px 0; }
#content #client_list img { margin: 0 15px 25px 0; }


/*------------------------------
=Gravity Forms */
#content .gform_wrapper .gform_heading { margin-bottom: 0; }
#content .gform_wrapper h3.gform_title { font-size: 22px; border-bottom: 1px solid #ccc; padding-bottom: 4px; }
#content .gform_wrapper ol,
#content .gform_wrapper ul { margin: 0 0 10px; padding: 0; }
#content #gform_wrapper_4 { padding-bottom: 20px; }
#content #gform_wrapper_5 { padding-top: 20px; }


/*------------------------------
=Blog Styles */
#content .post-single h1.title { font-size: 28px; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin: 0 0 4px; }
#content .post-single p.meta { font-size: 11px; text-transform: uppercase; color: #555; }
#content h2#comments,
#content h2.lc { margin-top: 40px; }
#content .post-excerpt { margin-bottom: 40px; }
#content .post-excerpt h3.title { font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin: 0 0 4px; }
#content .post-excerpt p.meta { font-size: 11px; text-transform: uppercase; color: #555; }

#content .comment-list { list-style: none; margin: 0; padding: 0; }
#content .comment-list li {clear: both;padding: 12px 0 12px;border-bottom: 1px solid #c0bda6;}
#content .comment-list li .meta {float: left;width: 200px;}
#content .comment-list li .comment {float: left;width: 400px;}
#content .comment-list li .avatar {float: left;margin-right: 4px;}


/*------------------------------
=WordPress Styles */
/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 3px double #ccc;text-align: center;background-color: #eee;padding-top: 4px;margin: 10px 10px 18px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */

/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 0;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */

/*------------------------------
=Sidebar */
#sidebar { width: 280px; padding: 10px 10px 0 0; float: right; }

/*------------------------------
=Sidebar Widgets */
#sidebar .widget { margin: 0 0 30px; }
#sidebar .widget h4 { font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 4px; background-color: #fff; margin: 0 0 8px; }
#sidebar .widget a.rss { background: url(images/icon_rss.gif) no-repeat right center; padding: 1px 20px 1px 0;}

/*Invite to Speak*/
#sidebar #quote-copy-1 h4,
#sidebar #quote-copy-2 h4,
#sidebar #quote-copy-3 h4 { display: none; }
#sidebar #quote-copy-1 .invite,
#sidebar #quote-copy-2 .invite,
#sidebar #quote-copy-3 .invite { background: #1c1f70 url(images/bg_cta-box.jpg) no-repeat bottom right; color: #fff; padding: 8px 80px 8px 8px; }
#sidebar #quote-copy-1 .invite h4,
#sidebar #quote-copy-2 .invite h4,
#sidebar #quote-copy-3 .invite h4 { display: block; font-size: 14px; font-style: italic; background-color: transparent; margin: 0 0 8px; padding: 0; }
#sidebar #quote-copy-1 .invite p,
#sidebar #quote-copy-2 .invite p,
#sidebar #quote-copy-3 .invite p { margin: 0 0 12px; }
#sidebar #quote-copy-1 .invite a,
#sidebar #quote-copy-2 .invite a,
#sidebar #quote-copy-3 .invite a { color: #fff; font-weight: normal; text-decoration: none; }
#sidebar #quote-copy-1 .invite a.why,
#sidebar #quote-copy-2 .invite a.why,
#sidebar #quote-copy-3 .invite a.why { display: none; }
#sidebar #quote-copy-1 .testimonial,
#sidebar #quote-copy-2 .testimonial,
#sidebar #quote-copy-3 .testimonial { min-height: 170px; background: #fff url(images/bg_testimonial-quote.gif) no-repeat left top; padding: 12px; border: 1px solid #1c1f70; }
#sidebar #quote-copy-1 .testimonial #quoterotator,
#sidebar #quote-copy-2 .testimonial #quoterotator,
#sidebar #quote-copy-3 .testimonial #quoterotator { min-height: 150px; }
#sidebar #quote-copy-1 .testimonial p.action,
#sidebar #quote-copy-2 .testimonial p.action,
#sidebar #quote-copy-3 .testimonial p.action { text-align: right; margin-bottom: 0; }
#sidebar #quote-copy-1 .testimonial p.action a,
#sidebar #quote-copy-2 .testimonial p.action a,
#sidebar #quote-copy-3 .testimonial p.action a { background: url(images/icon_arrow-right-blue.gif) no-repeat right center; padding-right: 8px; }

#sidebar #text-6 img,
#sidebar #text-12 img { float: left; margin: 0 6px 0 0; }
#sidebar #text-6 p,
#sidebar #text-12 p {font-size: 11px; line-height: 1.4; }
#sidebar #text-6 ul,
#sidebar #text-12 ul { margin: 6px 0 0; text-align: right; }
#sidebar #text-6 ul li,
#sidebar #text-12 ul li { margin-bottom: 3px; }
#sidebar #text-6 ul li a,
#sidebar #text-12 ul li a { font-size: 12px; background: url(images/icon_arrow-right-blue.gif) no-repeat right; padding: 0 8px 0 0; }

#sidebar #text-8 p,
#sidebar #text-9 p { font-size: 11px; line-height: 1.5; padding-left: 6px; margin-bottom: 5px; }
#sidebar #text-8 p.privacy,
#sidebar #text-9 p.privacy { clear: both; background: url(images/icon_privacy.gif) no-repeat left center; padding: 6px 0 0 20px; }
#sidebar #text-8 form input,
#sidebar #text-9 form input { float: left; margin-top: 3px; }
#sidebar #text-8 form input.text,
#sidebar #text-9 form input.text { width: 185px; padding: 5px; margin: 4px 4px 0 0; }

/*------------------------------
=Footer */
#footer_wrapper { width: 100%; background: #333 url(images/bg_footer.jpg) repeat-x top; color: #eee; }
#footer,
#footer_checkout { width: 960px; padding: 12px 0 20px; margin: 0 auto; }
#footer a { color: #fff; text-decoration: underline; font-weight: normal; }
#footer h5 { font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0; padding: 0 0 6px; }
#footer .col1 { min-height: 140px; width: 340px; padding: 0 9px 0 10px; float: left; border-right: 1px dotted #717171; }
#footer .col1 ul.social li { float: left; margin: 0 1px 1px 0; }
#footer .col1 ul.social li a { display: block; width: 125px; padding: 2px 2px 2px 40px; height: 37px; line-height: 3.2; float: left; text-decoration: none; background-color: #585858; font-size: 11px; }
#footer .col1 ul.social li a:hover { text-decoration: underline; }
#footer .col1 ul.social li.twitter a { background: #585858 url(images/icon_footer_twitter.gif) no-repeat 4px 4px; }
#footer .col1 ul.social li.facebook a { background: #585858 url(images/icon_footer_facebook.gif) no-repeat 4px 4px; }
#footer .col1 ul.social li.youtube a { background: #585858 url(images/icon_footer_youtube.gif) no-repeat 4px 4px; }
#footer .col1 ul.social li.linkedin a { background: #585858 url(images/icon_footer_linkedin.gif) no-repeat 4px 4px; }
#footer .col2 { min-height: 140px; width: 280px; padding: 0 9px 0 10px; float: left; border-right: 1px dotted #717171; }
#footer .col2 #tweet_box { width: 280px; background: url(images/bg_twitter-top.gif) no-repeat top; color: #333; }
#footer .col2 #tweet_box div { padding: 8px; margin: 0; }
#footer .col2 #tweet_box a { color: #333; }
#footer .col2 #tweet_box .bottom { width: 280px; height: 30px; padding: 10px 0 0 0; background: url(images/bg_twitter-bot.gif) no-repeat bottom; }
#footer .col2 #tweet_box .bottom a { color: #fff; text-decoration: none; }
#footer .col2 #tweet_box .bottom a:hover { text-decoration: underline; }
#footer .col3 { min-height: 140px; width: 280px; padding: 0 10px; float: left; text-align: right; }
#footer .col3 img { float: right; margin: 0 0 0 4px; }
#footer .col3 .share { background-color: #eee; padding: 5px; color: #333; margin-bottom: 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#footer .col3 .share .addthis_container { display: inline; float: right; }
#footer .col3 .share .addthis_container a { color: #222; }
#footer .col3 p.copyright { clear: both; margin-bottom: 6px; }
#footer .col3 p.credit a { position: relative; float: right; text-decoration: none; background: url(images/icon_emerge.gif) no-repeat right center; padding: 2px 32px 2px 0; }
#footer .col3 p.credit a:hover { text-decoration: underline; }
#footer_checkout {text-align: right; }