/* ----- tag-specific styles ----- */

html {min-height: 100%; margin-bottom: 1px; }
                               
body { 
    margin:0; 
    padding:0; 
    text-align:center; 
    font-size: 80%; 
    font-family: "Century Gothic", Arial, Verdana  ;
    /* letter-spacing: 0.01em; */
    color:#333;
    background-image: url(../img/bg_stripe_3.png);
    }

div { margin: 0; padding: 0; }
p { margin: 15px 0 }

h1 { font-size: 1.3em; font-weight: bold; margin: 17px 0 10px 0; }        
h2 { font-size: 1.3em; font-weight: bold; margin: 17px 0 10px 0; }
h3 { font-size: 1.1em; font-weight: bold; margin: 13px 0 7px 0; }
h4 { font-size: 1.0em; font-weight: bold; margin: 5px 0 3px 0; }
h5 { font-size: 0.97em; font-weight: bold; margin: 10px 0 5px 0; color: #555;  }

blockquote { font-style: italic; color: #555;}

a, a:visited {
    color:#000000;
    text-decoration:underline;
}
a:hover {
    color: #000;
    text-decoration:none;
    background-color: #FFFF99;


}
a img {
    border:medium none;
}


small { font-size: 10px; vertical-align: super; }

       
ul { padding: 0 15px; margin: 10px 0; }
ul li { margin: 5px 0; }

hr { margin: 15px 10px; 
color: #ddd;
background-color: #ddd;
height: 2px; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; margin: 0; }
table td {margin-left: 0; padding-left: 0;}
table p, table div,  table h2,  table h3 {margin-left: 0 !important;}
                                                           
/* ----- element-specific styles ----- */
       
#container { 
    margin: 0 auto 0 auto; 
    padding: 0;
    text-align:left;  
    width:787px;                 
    /*border: 3px solid #bbb;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    }
    
#header { 
    margin: 0 auto;  
    height: 122px;
    background-image:url(../img/header_bg2.gif);
    background-repeat: repeat-x;    
    text-align: center; 
    }


#header .logo {  vertical-align:middle; margin-top: 12px;  }
                                
/*#header .stock { margin: 0; border: 2px solid #666;    }*/

#primary-nav { width: 160px; float: left; background-color: #fff; }          /*   padding: 15px 10px;   */
#primary-nav #navigation { margin: 20px 10px 0 0; padding: 0; list-style: none; }              

#primary-nav #navigation li {   
    margin: 0 0 7px 10px; 
   /* background-color: #ccc; */
    border: 1px solid #bbb;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 0; 
    
    
    } 
#primary-nav #navigation a {
    text-decoration: none; 
    display: block; 
    padding: 7px 10px; 
    /*background-image: url(../img/link-stripe1.png);*/
    background-color: #eee;
     }

#primary-nav #navigation a:hover {
    color:#fff;
    /*background-color: #000045;   */
    background-image: url(../img/link-stripe4.png);
   
}



#breadcrumbs {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px auto 10px auto; padding: 5px 0}
  #breadcrumbs {display:none}  /* BK - these aren't probably necessary */
 /*
#secondary-nav { margin: 20px auto; }
#secondary-nav ul { padding: 0; }
#secondary-nav ul li { display: inline; margin: 0 10px 0 0; }
   */
   
#content { width: 600px; float: left; /* border-left: 1px dashed #ccc;*/  }    
#content.narrow { width: 450px; }  /* border-right: 1px solid red  */
#content p, #content div, #content h1,  #content h2, #content h3,  #content table {margin-left: 10px; margin-right: 10px}


#sidebar { width: 170px; float: right;   background-color: #fff;  }       /* border-left: 1px solid blue  */
#sidebar p, #sidebar div {margin-left: 10px; margin-right: 10px}

          
#footer { margin: 10px auto 0 auto; color: #eee; background-color: #777; padding: 10px; text-align: center; }

#journey { background-image: url(../../resources/img/retired_couple_150w_2.jpg); 
    background-position: top left; background-repeat: no-repeat; ; height: 180px; margin: 20px 0 0 0; }
    
#journey p {  font-weight: bold; font-size: 130%; text-align: center;  }
#journey a {  color: #fff; text-decoration: none; display:block; width: 100%; height: 180px;  }
#journey a:hover {background-color: transparent;}


#value-proposition {
    font-size: 1.2em;
    background-image: url(../img/value_prop_outer3.gif);
    background-repeat: no-repeat;
    height: 100px;
    width: 140px; 
    text-align: center; 
    margin: 15px auto 0 10px;  
}
#value-proposition span { display: block; margin: 0; padding: 5px }
#value-proposition a, #value-proposition a:hover, #value-proposition a:visited { 
     text-decoration: none; color: #ccf;   display: block;   
    }
#value-proposition a:hover { background-color: transparent; text-decoration: underline;}


#box-contact-us {
    color: #fff; 
    background-image: url(../img/phone_outer5.gif);
    background-repeat: no-repeat;  
    margin: 20px auto 0 10px;
    font-size: 0.95em;
    text-align: left;    
    height: 90px;
    width: 140px;          
    
}     
#box-contact-us span { display: block; margin: 0; padding: 7px  }
#box-contact-us span img { float:right; margin: 0 1px 1px 1px;}    
#box-contact-us a, #box-contact-us a:hover, #box-contact-us a:visited {color: #fff; text-decoration: none; }
#box-contact-us a:hover { text-decoration: underline; background-color: transparent;}

#map_canvas div {margin-left: auto; margin-right: auto;}       /* dont allow css to screw up google map */

#contact-form table { width: 500px; }
#contact-form input, #contact-form textarea {width: 300px; }
#contact-form .linex { display: none; } 
          
a#lodestar-side:hover {background-color: transparent;}
#lodestar-side img { margin: 10px 0 0 8px; }          


/* ----- class-specific styles ----- */

.cushycms {margin-left: 0 !important; margin-right:0 !important;}

.highlight p { margin: 15px 0; padding: 10px 7px; background-color: #FFFFbb; }

.boxed { margin: 15px 0; padding: 10px 7px; background-color: #eee; border: #ccc solid 1px }

.cleaner {height:1px; clear:both; content:'.'; margin: 0; padding: 0;}

table.table-borders { border-top: 1px solid #666; border-left: 1px solid #666; border-collapse: collapse;  }
table.table-borders td, table.table-borders th
{
	border-bottom: 1px solid #666; border-right: 1px solid #666; padding: 5px 7px;
}
table.table-borders th { background-color: #ddd; font-weight: bold }

.inline-photo-right { float: right; margin: 0 10px 15px 20px; }
.inline-photo-left { float: left; margin: 0 20px 15px 10px; }      

ul.inline-list { padding-left: 5px; margin: 10px; }


.p-seperator { margin: 5px; text-align: center; color: #ccc;}

.content-stock {float: right; margin: 0 10px 10px 20px;}

.testimonial { border-bottom: 1px dashed #666; margin-bottom: 15px; border: 1px solid #ccc;   }

.testimonial .footer { font-style: italic; font-weight: bold; } 

.link-no-bg-color:hover {background-color: transparent; }