/*

table of content:
- special classes
- basic elements
- header
- menu_header
- wrapper
- content
- overview_page
- reception_page
- assessment_page
- decision_page

*/
/* old SKool clearing */
/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =basic elements
--------------------------------------------------*/

body 
{  
  font-family: "Lucida Grande", verdana , arial, helvetica, sans-serif;
  font-size:62.5%;
  line-height: 1.6em;
  text-align:  center;
  color: #6a6a6a;
  overflow:scroll;
  overflow-x :hidden;
  overflow: -moz-scrollbar-vertical;
}

.clear 
{ 
	clear: both;
}


/* =wrapper
--------------------------------------------------*/

div.wrapper
{
	width: 880px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left; /* FIX  */
}

	
/* =promotion
--------------------------------------------------*/ 

BODY.home {
	background: url('http://pipejump.com/html/images/home/message_backg.jpg') repeat-x 0px 110px;
}

BODY.promotion .wrapper {
	padding: 0px;
}

.header {
	width: 880px; 
	padding: 15px 0 0 0px;	
}

.top_message {
	width: 880px; 
	clear: both;
	margin: 20px 5px;	
}


.logo {
	margin : 20px 0 25px 0;
	float: left;
	padding: 0 0 0 5px;
}

.hr_sep {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 20px 0px 10px 0px;;
	width: 100%;
	clear: both;
}


/* =navbar
--------------------------------------------------*/ 



.navbar {
	height: 30px;
	font: bold 13px arial,  sans-serif;
	padding: 26px 0px 20px 0px;
	text-align: right;
	
}

.navbar_bg_green {
	background: url('http://pipejump.com/html/images/common/menu_bg.gif') no-repeat right 31px;
}

.navbar_bg_blue {
	background: url('http://pipejump.com/html/images/common/menu_bg_blue.gif') no-repeat right 31px;
}


.navbar LI {
	float: right;
	margin: 8px 0px 0 0px;
	padding: 0px;
}


.navbar LI A {
	color: #7a7a7a;
	padding-top: 10px; 
	height: 26px; 
	text-align: center; 
	display: block;
}

.menu_home {
	width: 62px;
}

.menu_tour {
	width: 54px;
}

.menu_why {
	width: 120px;
}

.menu_sales {
	width: 88px;
}

.menu_faq {
	width: 54px;
}

.menu_signup {
	width: 141px;
	padding-left:2px;
}

.navbar LI A:hover {
	color: #555 !important;
}


.navbar LI A.white_header{
	color: #fff;
}

.navbar LI.signup_link A:hover {
	color: #eaffed !important;
}






.navbar LI.selected A {
	color: #3295b1 !important;
	height: 20px;
}

.navbar LI.selected_signup A {
	color: #fff !important;
	height: 20px;
}




/* =message
--------------------------------------------------*/ 


.message {
	width: 450px;
	float: left;
	padding-top: 20px;
}

.message H1{
	font: bold 48px/50px arial,  sans-serif;
	padding: 0px;
	color: #fff;
}

.message H2{
	font: bold 26px/36px arial,  sans-serif;
	padding: 10px 20px 20px 0px;
	color: #ecf6f8;
}

.message H2 .blue {
	color: #3295b1;
}

.message .signup_bar {
	margin-top: 10px;
	font:  14px/30px arial,  sans-serif;
	color: #7a7a7a;
	vertical-align: middle;
}

.message .signup_bar IMG {
	float: left;
}

.message .signup_bar .take_tour {
	float: left;
	padding: 15px 0px 0px 10px;
	color: #fff;
}

.message .signup_bar .take_tour A {
	margin: 0 0 0 5px;
	font: bold 14px/36px arial,  sans-serif;
	color: #fff;
	text-decoration: underline;
}

.message .signup_bar .take_tour A:hover {
	text-decoration: none;
}

.message_video {
	padding: 20px 5px;
	margin: 0px;
	width: 400px;
	float: right;
	text-align: center;
	background: none;
}


/* = middle
--------------------------------------------------*/ 




.middle {
	clear: both;
	padding: 40px 0px 20px 0px;
}


.middle H3 {
	font:  28px/36px arial, sans-serif;
	color: #3295b1;
	padding: 0px 5px;
}

.middle .features {
	float: left;
}

.middle .features .inside	{
	margin: 30px 0 0 0;
	padding: 0px 0px 0px 90px;
	width: 370px;
	font:  14px arial, sans-serif;
	color: #7a7a7a;
}

.incoming {
	background: url('../images/home/icon_in.gif') no-repeat;
}

.organize {
	background: url('../images/home/icon_organize.gif') no-repeat;
}

.watch {
	background: url('../images/home/icon_watch.gif') no-repeat;
}

.reports {
	background: url('../images/home/icon_reports.gif') no-repeat;
}

.coffee {
	background: url('../images/home/icon_coffee.gif') no-repeat;
}

.middle .features .inside H4 {
	font:  18px arial, sans-serif;
	margin-bottom: 8px;
	color: #7a7a7a;
	font-weight: 800;
}


.middle .buzz {
	padding: 0px 5px;
	width: 380px;
	float: right;
	margin: 0px;
}

.middle .buzz .buzz_item {
	width: 380px;
	padding: 0px;
	margin: 20px 0px;

}

.middle .buzz .buzz_item .buzz_logo {
	width: 150px;
	float: left;
	margin: 20px 0px;
}

.middle .buzz .buzz_item .buzz_quote {
	width: 225px;
	background:  url('http://pipejump.com/html/images/home/buzz_quote_bg.gif') no-repeat;	
	float: left;
	margin: 10px 0px;
	height: 134px;
}

.middle .buzz .buzz_item .buzz_quote H4 {
	font: italic 15px/23px Georgia, arial,  sans-serif ;
	padding: 10px 10px 10px 20px;
	
}

.buzz .who_is_it {
	margin-top: 25px;
}

.middle .whose {
}

.middle .whose .who {
	font:  14px/20px arial,  sans-serif;
	margin: 20px 15px 0px 0px;
	padding: 0px 5px;
	width: 265px;
	float: left;
}

.middle .whose .who H4 {
	font: italic 20px/26px Georgia, arial,  sans-serif ;
	color: #3295b1;
	margin-bottom: 10px;

}



.bottom {
}


.bottom .experts_say {
	width: 450px;
	float: left;
}



.bottom H3 {
	padding-left: 5px;
	font:  28px/36px arial,  sans-serif;
	color: #3295b1;
	margin-top: 30px;
}



.bottom .experts_say .expert {
	font:  italic 14px/22px Georgia, arial,  sans-serif;
	float: left;
	margin: 10px 0px 0px 0px;
}

.bottom .experts_say .expert .tip {
	font: italic 18px/26px Georgia, arial,  sans-serif ;
	color: #7a7a7a;
	background: url('http://pipejump.com/html/images/home/tip_bg.gif') no-repeat;
	display: block;
	padding: 25px 25px 35px 15px;
	margin: 10px 0 20px 0;
}






.bottom .one_page {
	margin: 92px 0px 42px 0px;
	width: 380px;
	height: 181px;
	float: right;
	background: url('../images/home/summary_bg.jpg') no-repeat;
	
}

.bottom .one_page .ps_text {
	padding: 8px 10px 5px 20px;
	color: #d1e8dd;
	font:  13px/18px arial, sans-serif;
}

.bottom .one_page .ps_text H4{
	color: #fff;
	font:  18px/18px arial, sans-serif;
	padding: 10px 0px;
	font-weight: 800;
}

.bottom .one_page .ps_text A{
	display: block;
	color: #fff;
	font:  14px/18px arial, sans-serif;
	padding: 10px 0px;
	text-decoration: underline;

}

.bottom .one_page .ps_download {
	float: left;
	width: 100px;
	padding: 12px;
	display: block;
	height: 200px;
}


.signup_bar_bottom {
	clear: both;
	margin: 5px 0;
	height: 45px;
	font:  16px/36px arial,  sans-serif;
	color: #b4b4b4;
	padding: 20px 0 20px 0;
}

.signup_bar_bottom IMG {
	float: left;
}

.signup_bar_bottom .take_tour {
	float: left;
	padding: 7px 0px 0px 10px;
}

.signup_bar_bottom .take_tour A {
	margin: 0 0 0 5px;
	font:  16px/36px arial, sans-serif;
	color: #3295b1;
	text-decoration: underline;
}

.signup_bar_bottom .take_tour A:hover {
	text-decoration: none;
}

.footer {
	width: 100%;
	background: #7a7a7a;
	margin-top: 20px;
	clear: both;
}

.footer p {
	padding: 20px;
	color: #fff;
	font:  12px/36px arial,  sans-serif;
}

.footer p A {
	padding: 4px;
	margin: 0px 0px 0px 10px;
	color: #fff;
	background: #999;
	font:  12px/36px arial,  sans-serif;
}

.footer p A:hover{

	color: #999;
	background: #fff;
}


/* =Inner pages common
--------------------------------------------------*/


.top_title {
	padding: 10px 0 10px 5px;
	border-bottom:	1px solid #ccc;
	border-top:	1px solid #ccc;
}

.top_title H1 {
	font: bold 48px/50px arial, sans-serif;
	color: #27bf76;
	text-align: center;
	margin: 13px 0px 4px 0px;
}

.top_title H2 {
	font: 18px/30px arial, sans-serif;
	color: #7a7a7a;
	text-align: center;
	margin: 0px 0px 10px 0px;
}




/* =Why Page
--------------------------------------------------*/


.reasons_top {
	margin-top: 40px;
	
	padding: 0px;
}

.reasons_top .low_row {
	background: url(../images/why/bottom_reasons.jpg) no-repeat top;
	height: 140px;
}
.reasons_top .reason {
	width: 280px;
	height: 181px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}

.reasons_top .r_green {
	background: url(../images/why/reason_bg_green.jpg);
}


.reasons_top .r_grey {
	background: url(../images/why/reason_bg_grey.jpg);
}

.reasons_top .right10 {
	margin-right: 10px;
}

.reasons_top .low {
	height: 140px;
}

.reasons_top .reason DIV {
	padding: 15px;
	font: 14px/18px arial, sans-serif;
	color: #fff;
}

.reasons_top .reason DIV H3 {
	font: italic 26px/30px georgia, arial, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
}




/* =Tour Page
--------------------------------------------------*/

.tour_top {
	width: 875px; 
	clear: both;
	padding: 20px 0px 10px 5px;
	margin: 0px 0px 10px 0px;	
}

.reasons_bottom {
	margin: 0px 0px 10px 0px;	
	padding-left: 5px;
}

.tour_message {
	font: 14px/18px arial, sans-serif;
	width: 570px;
	padding: 0px 5px 0px 0;
	float: left;

}

.tour_message H2{
	font: italic 24px/30px Georgia, arial, sans-serif;
	margin: 20px 0px;
}

.right_panel_book {
	float: right;
	width: 281px;
	background: url(../images/tour/right_panel_bgw.jpg) no-repeat;
	margin: 20px 5px 0 0;
}



.right_panel {
	float: right;
	width: 281px;
	background: url(../images/tour/right_panel_bg.jpg) no-repeat;
	margin: 20px 0px;
}


.right_panel DIV {
	padding: 15px 10px 14px 10px;	
}

.right_panel DIV DIV.text{
	padding: 2px 10px 14px 10px;
	width: 110px;
	float: left;
	font: 12px/16px arial, sans-serif;
	color: #f3f9fb;
	//* margin: 5px 10px 15px 10px; *//
}

.right_panel DIV DIV.text H2{
	font: bold 22px/18px arial, sans-serif;
	color: #fff;
	padding-bottom: 10px;
}


.right_panel DIV.right_signup {
	padding: 0px 0px 20px 0px;
	text-align: center;

}


.right_panel_book {
	float: right;
	width: 281px;
	background: url(../images/tour/right_panel_bgw.jpg) no-repeat;
	margin: 20px 5px 0 0;
}

.right_panel_book DIV {
	padding: 20px 20px 14px 20px;	
}



.left_nav_bar {
	width: 840px;
	padding: 0px;
	float: left;
	margin: 40px 0 0 0;
	vertical-align:baseline;
}

.left_nav_bar LI{
	margin: 0px;
	padding: 0px;
	vertical-align:baseline;
	float: left;
}


.left_nav_bar a.left_nav_item {
	font: bold 14px arial, sans-serif;
	display: inline;
	padding: 0px 10px 0px 10px;
	float: left;
	margin: 0px 2px 0px 0px;
	background: #bbb url('http://pipejump.com/html/images/tour/unselected_btn_bg.gif');
	color: #656565;
	border: 1px solid #cbcbcb;
	border-top: 0px;
	border-bottom: 0px;	
	height: 37px;
	vertical-align:baseline;
}

.left_nav_bar a.left_nav_item SPAN{
	display: block;
	padding: 11px 0px 0px 0px;
	margin: 0px;
	
}

.left_nav_bar a.left_nav_item:hover {
	color: #444;
}


.left_nav_bar .selected a {
	color: #fff;
	background: #989898 url('http://pipejump.com/html/images/tour/selected_btn_bg.gif');
	border: none;
	padding: 0px 11px 0px 11px;
		vertical-align:baseline;
	
}

.left_nav_bar .selected a:hover {
	color: #fff;
}

.left_nav_bar .selected a SPAN{
	display: block;
}

.tour_content {
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
	background: url('http://pipejump.com/html/images/tour/content_noise_bg.gif');
	padding: 0px;
	text-align: center;
}


.tour_content H3 {
	font: bold 30px arial, sans-serif;
	color: #fff;
	margin: 15px;
}

.tour_content IMG {
	margin: 15px 0px 30px 0px;
}

.tour_content .tour_hr_line {
	width: 800px;
	height: 2px;
	background: url('../images/tour/tour_hr_bg.gif') repeat-x;
	padding: 0px;
	margin: 10px auto 40px auto;
}


.tour_content_shadow {
	height: 13px;
	width: 860px;
	background: url('../images/tour/content_top_sh.gif') repeat-x;
}


.tour_content DIV {
	font: 14px/18px arial, sans-serif;
	color: #fff;
	padding: 10px;
}

.tour_content DIV P {
	margin-bottom: 10px;
}





.tour_content_right {
	width: 5px;
	background: url('../images/tour/tc_right.gif') no-repeat ;
	height: 634px;
	float:left;
	margin: 10px 0px;
	padding: 0px;
}



/* =Signup Page
--------------------------------------------------*/

.signup_left_container {
	width: 260px;
	float: left;
	margin: 20px 20px 0 0;
	padding-left: 5px;
}

.signup_left_container H3 {
	font: italic 26px/30px georgia, arial, sans-serif;
	color: #7a7a7a;
}

.signup_left_container p {
	font: 14px/18px arial, sans-serif;
	color: #7a7a7a;
	margin: 20px 0px 0px 0px;
}

.signup_left_container UL LI {
	margin-top: 2px;
	list-style-type: disc;
	list-style-position: inside;
}

.signup_left_container UL LI SPAN {
	font: 14px/18px arial, sans-serif;
	color: #7a7a7a;
	background: #fff494;
	padding: 1px;
}

.signup_right_container {
	width: 580px;
	float: right;
	padding-right: 5px	;
	margin: 20px 0px 20px 0px;
}


.price_tables {
	clear: both;
}

.signup_right_container .table_price {
	width: 160px;
	padding: 10px;
	float: left;
	text-align: center;
}

.signup_right_container .table_price IMG {
	margin-top: 3px;
}


.price_table_cell {
	text-align: center; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #aeaeae; 
	border: 1px solid #ebebeb; 
	border-left: 0px;
	border-top: 0px;
}

.price_table_cell_sign {
	text-align: center; 
	border-right: 1px solid #ffffff; 
	background-color: #f5f5f5;
}

.price_table_cell_left {
	background-color: #f5f5f5; 
	padding-left: 8px; 
	text-align: left; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #626262; 
	border: 1px solid #ebebeb; 
	border-left: 0px;
	border-top: 0px;
	
}

.top_cell_line {
	border-top: 1px solid #ebebeb; 
}

.table_blue_text {
	color: #297e9e; 
	display: inline;
	font: bold 24px arial, helvetica, sans-serif;
}

.table_blue_text_small {
	color: #297e9e; 
	display: inline;
	font: bold 18px arial, helvetica, sans-serif;
}



.free_plan {
	background: url('../images/plans/free_message_bg.gif');
	border: 1px solid #aaa;
	width: 576px;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #6d6d6d;
	height: 37px;	
	margin: 20px 0px;
}


.free_plan div.free_text{	
 	float: left;
	padding: 12px 0px 0px 10px;
}

.free_plan div.free_button{	
 	float: right;
	padding: 6px 10px 0px 10px;
}

.free_plan SPAN A{	
	padding: 0px 3px;
	margin: 0px;
}


.signup_faq {
	margin: 20px 0px;
}

.signup_faq H3 {
	font: italic 24px/38px georgia, arial, sans-serif;
	color: #2c90ad;
}

.signup_faq .question {
	font: bold 14px/22px arial, sans-serif;
	color: #2c90ad;
	margin: 20px 0px 10px 0px;
}

.signup_faq .answer {
	font: 14px/22px arial, sans-serif;
	color: #7a7a7a;
	margin: 10px;
}

.signup_faq .answer A{
	font: 14px/22px arial, sans-serif;
	color: #2c90ad;
	text-decoration: underline;
}



.support_panel {
	background: url('../images/plans/support_bg.gif') no-repeat;
	float: right;
	width: 259px;
	margin: 220px 5px 0 0;	
	height: 156px;

}

.support_panel DIV {
	padding: 15px;
}

.support_panel DIV H2 {
	font:  italic 18px/18px Georgia, arial, sans-serif;
	color: #7a7a7a;
}

.support_panel DIV P {
	font:  12px/18px arial, sans-serif;
	color: #7a7a7a;
	margin: 15px 0;
}

.support_panel DIV A {
	font:  bold 12px/18px arial, sans-serif;
	color: #2c90ad;
}





/* =Closing Tips Page
--------------------------------------------------*/



.closing_top {
	width: 875px; 
	clear: both;
	padding: 20px 0px 10px 5px;
	margin: 0px 0px 10px 0px;	
}

.closing_message {
	font: 14px/18px arial, sans-serif;
	width: 570px;
	padding: 0px 5px 0px 0;
	float: left;
}

.closing_message P {
	margin-top: 10px;
}

.closing_message P.closing_button {
	margin-top: 30px;
}

.closing_message H2{
	font: italic 24px/30px Georgia, arial, sans-serif;
	margin: 20px 0px 20px 0px;
}


.right_panel_book .book_download {
	float: left;
	width: 100px;
	padding: 12px;
}

.right_panel_book .book_text {
	float: left;
	width: 140px;
	padding: 12px 0px 0px 0px;
}

.right_panel_book .book_text H3 {
	font: bold 18px/18px arial, sans-serif;
	color: #fff;
}

.right_panel_book .book_text P {
	font: 14px/17px arial, sans-serif;
	color: #f3f9fb;
	padding-top: 15px;
}


.right_panel_book .book_text a {
	background: url('../images/closing/icon_download.gif') no-repeat left;
	margin: 10px 0px 11px 0px;
	padding: 9px 0px 0px 29px;
	color: #fff;
	font: 12px/15px arial, sans-serif;
	text-decoration: underline;
	height: 25px;
	display: block;
}


.book_list {
	padding: 5px;
}

.book_list H3 {
	font: bold 28px/28px arial, sans-serif;
	color: #3397b4;
	margin: 10px 0px;
}

.book_list .book_panel {
	background: url('../images/closing/bg_book.jpg') no-repeat;
	float: left;
	width: 280px;
	height: 180px;
	margin: 20px 0px;
}

.book_list .book_panel_margin {
	margin-right: 15px;
}


.book_list .book_panel .book_image {
	padding: 12px 0px 0px 12px;
	float: left;
	width: 90px;
}

.book_list .book_panel .book_details {
	float: left;
	width: 145px;
	padding: 12px 0px 0px 0px;
}

.book_list .book_panel .book_details H4 {
	font: bold 18px/18px arial, sans-serif;
	color: #fff;
}

.book_list .book_panel .book_details P {
	font: 12px/16px arial, sans-serif;
	color: #797979;
	margin-top: 10px;
}

.book_list .book_panel .arrow {
	float: left;
	width: 20px;
	padding-top: 145px;
}


.blog_list {
	padding: 5px;
}

.blog_list H3 {
	font: bold 28px/28px arial, sans-serif;
	color: #3397b4;
	margin: 10px 0px;
}

.blog_list .blog_panel {
	background: url('../images/closing/bg_blog.jpg') no-repeat;
	float: left;
	width: 280px;
	height: 71px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

.blog_list .blog_panel_margin {
	margin-right: 15px;
}

.blog_list .blog_panel .blog_image {
	padding: 12px 0px 0px 12px;
	float: left;
	width: 55px;
}

.blog_list .blog_panel .blog_details {
	float: left;
	width: 180px;
	padding: 12px 0px 0px 0px;
}

.blog_list .blog_panel .blog_details H4 {
	font: bold 12px/16px arial, sans-serif;
	color: #fff;
}

.blog_list .blog_panel .arrow {
	float: left;
	width: 20px;
	padding-top: 35px;
}








.tip_list {
	width: 279px;
	float: left;
}

.right_margin {
	margin-right: 20px;
}


.tip_list H2{
	font: 26px/24px arial, sans-serif;
	color: #3295b1;
	border-bottom: 1px #7a7a7a solid;
	margin-top: 40px;
	padding: 0 0 10px 5px;
}





/* =FAQ Page
--------------------------------------------------*/


.faq_top {
	width: 875px; 
	clear: both;
	padding: 20px 0px 10px 5px;
	margin: 0px 0px 10px 0px;	
}

.faq_content {
	font: 14px/18px arial, sans-serif;
	width: 570px;
	padding: 0px 5px 0px 0;
	float: left;
}

.faq_content .questions {
	border-bottom: 1px solid #bcbcbc;
	margin: 0 0 25px 0;
}

.faq_content H2 {
	font: italic 24px/30px Georgia, arial, sans-serif;
	margin: 20px 0px 20px 0px;
}

.faq_content .questions UL {
	margin: 25px 0 30px 10px;
}

.faq_content .questions LI {
	margin-bottom: 8px;
	padding-left: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

.faq_content .questions LI A {
	font:  bold 14px/18px arial, sans-serif;
	color: #3295b1;
}


.faq_content .questions LI A:hover {
	font:  bold 14px/18px arial, sans-serif;
	color: #7a7a7a;
}


.faq_content P.question {
	font:  bold 14px/18px arial, sans-serif;
	color: #3295b1;
	margin: 20px 0 10px 0;
	padding: 0 0 0 5px;
}

.faq_content P.answer {
	font:  12px/18px arial, sans-serif;
	color: #7a7a7a;
	margin: 10px 0 10px 0;
	padding: 0 0 0 5px;

}

.any_question {
	background: url('../images/qa/bg_quest.jpg') no-repeat;
	float: right;
	width: 281px;
	margin: 20px 5px 0 0;	
	height: 131px;
}

.any_question DIV {
	padding: 15px 10px 10px 47px;
}

.any_question DIV H2 {
	font:  bold 18px/18px arial, sans-serif;
	color: #fff;
}

.any_question DIV P {
	font:  bold 12px/18px arial, sans-serif;
	color: #fff;
	margin: 12px 0px;
}

.any_question DIV A {
	font:  bold 12px/18px arial, sans-serif;
	color: #888;
	padding: 0px 22px;
	background: url('../images/qa/email.gif') no-repeat left;
}



.yui-navset .yui-content .yui-hidden {
position: absolute;
left: -999999px;
visibility: hidden;
margin: 0px;
}