@import url("reset.css");

body{ 
    font-family:Verdana, Verdana, Geneva, sans-serif; 
    line-height: 1.5;
}

a{cursor:pointer;}
a:link {color: #3F6F9F;}     /* unvisited link */
a:visited {color: #3F6F9F;}  /* visited link */
a:hover {color: red;}   /* mouse over link */
a:active {color: red;}   /* selected link */

a.link_box{text-decoration:none}
a.link_box:link {}     /* unvisited link */
a.link_box:visited {}  /* visited link */
a.link_box:hover { border-top:3px solid #336699; border-left:3px solid #336699; }   /* mouse over link */
a.link_box:active {}   /* selected link */

h1{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    font-size:1.8em;
    color: #336699;
    padding: 2px 2px 2px 10px;
    background-color:#eee;
    /*border-bottom:1px solid black;*/
}
h2{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    font-size:1.3em;
    padding:20px 0px 15px 5px;
    line-height:1em;
}
h3{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    background-color:#336699;
    color: white;
    padding:5px 0px 0px 0px;
    height:40px;
    text-align:center;
    font-size:1.0em;
    line-height:1.1em;
}
h4{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    color: #336699;
    padding:10px;
}
blockquote {
    width: 750px;
    margin: 20px 0px 0px 5px;
    padding: 10px;
    background-color: #ccc;
    quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
.quote_writer{ float:right; border-bottom:thin solid black; margin-bottom:20px; }

#main{
    width:972px;
    margin-right:auto; 
    margin-left:auto; 
    margin-top:5px;
    padding:14px; 
    border:thin solid #CCC;
}

.banner{ 
    border:1px solid #CCC; 
    width:972px; 
    height:156px; 
}
#banner_left{ 
    float:left; 
    width:360px; 
    height:156px;
    text-align:center;
    background-color:#FFF;
}
#banner_logo{ padding-top:20px;}
#logo_text{font-size:1em;}

#banner_right{
    float:right; 
    width:610px; 
    height:156px;
    background-image:url('/media/images/banner_background.png'); 
    background-repeat:repeat;
}
#banner_right_image{display:block;float:right;}
#banner_right_text{
    font-size:1.4em; 
    float:left;color:white; 
    padding:30px 0px 0px 55px;
    line-height:1.2;
}
.small_text{font-size:0.8em}
.orange_text{color:#FF7506;}
.big_text{font-size:1.2em}

.banner_secrets #banner_right{
    background-image:url('/media/images/secrets_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_secrets #banner_right_text{
    font-size:1.4em; 
    float:left;color:white; 
    padding:50px 0px 0px 75px;
    line-height:1.2;
}
.banner_connections #banner_right{
    background-image:url('/media/images/connections_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_execution #banner_right{
    background-image:url('/media/images/execution_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_execute_and_learn #banner_right{
    background-image:url('/media/images/execute_and_learn_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_demo #banner_right{
    background-image:url('/media/images/demo_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_main #banner_right{
    background-image:url('/media/images/main_banner.jpg'); 
    background-repeat:no-repeat;
}

.banner_products #banner_right{
    background-image:url('/media/images/purchase_banner_background.jpg'); 
    background-repeat:no-repeat;
}

.banner_tribe #banner_right{
    background-image:url('/media/images/tribe_banner_background.jpg'); 
    background-repeat:no-repeat;
}
.banner_empty #banner_right{
    background-image:none; 
    background-color:white;
}

#demo_and_presentation_box{
    width:600px;
    margin-left:5px;
    margin-top:20px;
    padding:10px 5px 10px 100px;
}
#demo_and_presentation_box strong{
    font-size:1.2em;
    position:relative;
    top:-8px;
}

.go_link_button{ 
    width:60px; 
    height: 14px;
    padding:5px; 
    background-color:#FF7506;
    color:white;
    font-weight:bold;
    font-size:0.9em;
    margin:2px 5px 2px 0px;
    text-align:center;
}

#navigation{ 
    width:1002px;
    height:34px; 
    margin-top:10px;
    margin-bottom: 10px;
}

.nav_button{ 
    width:90px; 
    height: 18px;
    padding:5px; 
    float:left; 
    color:white;
    margin:2px 25px 2px 25px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size:0.8em;
}

a.nav_button:link {color:white;}     /* unvisited link */
a.nav_button:visited {color:white;}  /* visited link */
a.nav_button:hover {border-bottom:thick solid #CCC; color:white; }   /* mouse over link */
a.nav_button:active {color:white;}   /* selected link */

#home_button{background-color:#E47F1B;}
#discover_button{background-color:#BF9960;}
#purchase_button{background-color:#6176BF;}
#community_button{background-color:#BF7730;}
#resources_button{background-color:#66B48F;}

#column_a{ width:750px;float:left; margin-right:10px; }
#column_b{ width:200px;float:right; }
div.news_box{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    font-size:0.8em;
    border : 1px solid #336699;
    padding: 5px;
    height:150px;
    margin-bottom:5px;
    line-height:1.2em;
}

#news_box_a{
    background-image:url('/media/images/world_in_hand.jpg');
}
#news_box_b{ background-image:url('/media/images/truck_in_a_box.jpg'); }
#news_box_c{ background-image:url('/media/images/light_in_a_box.jpg'); }
#news_box_d{ background-image:url('/media/images/doc_in_a_box.jpg'); }
#news_box_davinci{ background-image:url('/media/images/davinci_background.jpg'); }

.simple_box{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    font-size:1em;
    width:200px;
    height:220px;
    margin:0px 30px 5px 5px;
    float:left;
}
#simple_box_a{ height:170px; background-image:url('/media/images/business_gps.jpg'); }
#simple_box_b{ height:170px; background-image:url('/media/images/join_the_tribe.jpg'); }
#simple_box_c{ height:170px; background-image:url('/media/images/procarta_truck.jpg'); }

.simple_box strong{ color:#FF7506; }
.simple_box span{ font-weight:bold; font-family:Arial, Arial, Helvetica, sans-serif;}
#make_connections{ height:160px;   background-image:url('/media/images/make_connections.jpg');} 
#plan_for_execution{ height:160px;  background-image:url('/media/images/plan_for_execution.jpg');} 
#execute_and_learn{ height:160px;  background-image:url('/media/images/execute_and_learn.jpg');} 

.gray_box{
    border : 1px solid gray;
    padding: 5px;
}
.orange_box{
    border : 1px solid #FF7506;
}
p.orange_border{
    font-size:1.2em;
    border : 1px solid #FF7506;
    width: 700px;
    margin: 20px 0px 20px 10px;
    padding: 30px 10px 30px 10px;
}
#number_one{
    font-size:3em; 
    display:block; 
    width:90px; 
    float:left; 
    color:#FF7506; 
    margin-right:5px;
    position:relative;
    top:-5px;
}

p{
    margin: 20px 0px 20px 20px;
    padding: 5px;
}
ul{ 
    list-style-image: url('/media/images/procarta_list_bullet.png'); 
    list-style-position: inside;
    padding-left:10px;
    margin-left:10px;
    line-height:1.1em;
}
ol{
    list-style-position: inside;
    padding-left:10px;
    margin-left:10px;
    line-height:1.1em;
}

li{ padding:4px; }

img.roadblock_bullet{
    float:left;
}
span.list_content{
    float:left;
    display:block;
    width:500px;
    padding-bottom:5px;
    border-bottom:thin solid #336699;
}
span.list_label{
    display:block;
    float:left;
    width:120px; 
    font-weight:bold; 
    font-size:1.0em;
    color: #336699;
}

div.alternative_box{
    float:left;
    width:200px;
    height:200px;
    border:thin solid black;
    margin:20px;
}
div.alternative_box .label{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    display:block;
    padding:5px;
    font-size:0.9em; 
}
div.alternative_box .number{
    font-size:2em; 
    display:block; 
    padding:5px;
    width:20px; 
    float:left; 
    color:#FF7506; 
    margin-right:8px;
    position:relative;
    top:-5px;
}

div.simplicity_box{
    font-family:Arial, Arial, Helvetica, sans-serif; 
    background-color:#ccc;
    font-size:2em;
    border:thin solid black;
    width:650px;
    padding:30px;
    text-align:center;
    margin:0px 30px 5px 8px;
}
.aha_container{
    margin: 20px 0px 20px 8px;
    border: thin solid #CCC;
    width:750px;
}
.aha_box{
    background-color:#CCC;
    padding:10px;
    width:200px;
    height:210px;
    margin: 0px 8px 0px 0px;
    float:left;
}
.aha_title{
    color:#336699;
    font-weight:bold;
    font-size:1.1em;
}
.waste_box{
    background-color:#white;
    padding:10px;
    width:200px;
    height:210px;
    margin: 0px 8px 0px 0px;
    float:right;
}
.waste_box em{
    font-size:0.7em;
}

.started_step{
    width:200px;
    margin:20px;
    height:200px;
    float:left;
}
.step_label {
    font-weight:bold;
}

table{ font-size:0.8em;border:thin solid #CCC; margin-left:10px; }
td{ border:thin solid #CCC; padding:5px; }
th{ font-size:0.9em;border:thin solid white;padding:10px; background-color:#336699;color:white; }


.blue_box{ border:thin solid #336699; padding:5px; }
.blue_text{color: #336699;}
#technology_trial{width:750px;margin:10px;}

.price{font-weight:bold; font-size:1.0em;}

.workshop_box{
    font-size:0.9em;
    width:226px;
    height:280px;
    float:left;
    margin-left:9px;
    margin-right:11px;
    line-height:1.2em;
    padding:0px;
}
.workshop_header{
    background-color:#336699;
    color:white;
    padding:5px;
    font-weight:bold;
}

.workshop_content{
    padding:5px;
    height:200px;
}

#quick_start{
    background-image:url('/media/images/quick_start_background.jpg');
    height:255px;
    font-size:0.9em;
    margin-left:9px;
    line-height:1.2em;
    padding:0px;
    border:thin solid #CCC;
    float:left;
    width:186px;
}

#quick_start_header{
    background-color:#336699;
    height:26px;
    color:white;
    padding:5px;
    padding-right:10px;
    font-weight:bold;
}

#quick_start_content{
    font-size:0.8em;
    padding:10px;
}

#quick_start .price{
    padding-left:10px;
}

#execution_workshop{ background-image:url('/media/images/execution_workshop_background.jpg'); }

#harvesting_engagement{ background-image:url('/media/images/harvesting_engagement_background.jpg'); }
    
#hr_workshop{ background-image:url('/media/images/hr_workshop_background.jpg'); }

#technology_trial{width:730px}

#footer{
    width:990px; 
    margin-right:auto; 
    margin-left:auto;
    padding:5px;
    border:thin solid #CCC;
}
#footer a{color:black;text-decoration:none;}
#footer a:link {}     /* unvisited link */
#footer a:visited {}  /* visited link */
#footer a:hover {text-decoration:underline;}   /* mouse over link */
#footer a:active {}   /* selected link */
#footer_subtext{
    padding-left:40px;
    font-size:0.8em;
    font-style:italic;
}

.table_price{ text-align:right; padding-right:40px; }

#pricing_table{ float:left; margin-bottom:10px;margin-right:10px; width:530px; }
#pricing_table tr{ }

.download{ border-bottom: thin solid #FF7506; padding: 10px; }
.download_name{font-weight:bold;float:left;}
.download_version{font-style:italic; float:left;}
.download_description{float:right;}