/* -------------------------- Layout ------------------------- */
.outer_page {
   margin-left: auto;
   margin-right: auto;
   width: 990px;
}

.sides {
   margin: 0;
   padding: 0;
   background-image: url('../images/side-shadows-930.gif');
   background-repeat: repeat-y;
}

.inner_page {
   background-color: #FFFFFF;
   width: 930px;
   margin: 0;
   padding: 0;
   margin-left: 30px;
   margin-right: 30px;
}

.masthead {
   margin: 0;
   width: 930px;
   height: 50px;
   background-color: #000066;
   padding: 0px;
   overflow: hidden;
}

.masthead_logo {
   float: left;
   padding: 15px 0 0 10px; /* top right bottom left */
   color: #ffffff;
   font-weight: bold;
   font-size: medium;
   text-decoration: none;
}

span.masthead_logo:hover {
    cursor: pointer;
}

#search {
   float: right;
   margin-top: 22px;
   margin-right: 4px;
   padding: 0;
}

input#searchsubmit { 
   background:#79aee5; 
   border:2px solid #000066; 
   color:#333; 
   font-size: small;
}

.content {
   margin: 0;
   padding: 0 20px;
   font-size: 105%;
}

.clear {
   clear: both;
   margin: 0;
   padding: 0;
}

.menubar {
   width: 930px;
   margin: 0;
}

#bottom_shadow {
   margin: 0;
   padding: 0;
   height: 10px;
   background-image: url('../images/bottom-shadow-930.gif');
   background-repeat: repeat-x;
}

#banner {
   background-image: url('../images/top-content-shadow.gif');
   background-repeat: repeat-x;
   width: 930px;
   height: 10px;
   margin-bottom: 3px;
}

/* -------------------------- Page Specific Layout ------------------------- */

/* the 2 widths below should sum up to < .content width (930) - 2*padding (40) = 890 */

ul.list, ul.list ul {
   padding-left: 2px;
   margin-left: 0;
   margin-top: 5px;
   margin-bottom: 5px;
}

ul.list li { 
   list-style-type:none; 
   background-color: transparent;
   background-image: url('../images/bullet.gif');
   background-repeat: no-repeat;
   background-position: 0 11px;
   padding: 5px 0 5px 14px; 
}

.index_content_left {
   float: left;
   width: 470px;
   margin: 0;
}

.index_news_right {
   padding: 0 10px;
   float: right;
   width: 340px;
   margin: 0;
   border: 1px #CCCCCC solid;
   font-size: 12px;
}

/* ----------------------------- Styling ---------------------------- */
html, body { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   background:#CCC;
   margin:0;
   padding:0;
}

a { 
   color: gray; 
}

p.footer
{
   margin: 3px; 
   padding: 0; 
   text-align: center; 
   font-size: x-small;
}

.content p {
   line-height:23px; 
   margin-top: 3px;
}

.content h2 {
   font-size: medium;
   margin-top: 0;
}

.content h3 {
   font-size: 105%; 
   margin-bottom: 0;
}

.founder {
   overflow: hidden;
   margin: 20px 0px;
   padding: 0;
   width: 500px;
}

.founder h3 {
   margin: 0;
   padding: 0;   
}

.founder img {
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
}

.content .toc {
   padding: 10px;
   width: 250px;
   height: 41px;
   border: 1px #CCCCCC solid;
   white-space: nowrap;
   overflow: hidden;
   background: #eee;
   border: 1px solid silver;
}

.toc ul {
   margin: 0 0 0 1px;
   padding: 0;
}

.toc ul li {
   list-style-type:none; 
   background-color: transparent;
   background-image: url('../images/bullet.gif');
   background-repeat: no-repeat;
   background-position: 0 7px;
   padding: 0px 0 2px 14px;
   margin: 0;
}

.products {
margin-top: 10px;
margin-bottom: 10px;
}

.products p {
   line-height:1.1;
   margin: 0;
}

.products h4 {
margin: 10px 0px;
}

.products .name {
   color: black;
}

.products .product {
   margin: 5px 0px 1px 0px;
}

.portfolio .in-depth-discussion-link {
    font-size: small;
    font-style: italic;
    font-weight: bold;
}

.content .launch-demo-link {
    font-size: large;
    font-weight: bold;
}

ul.inline-list {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 25px;
}

ul.inline-list li { 
   list-style-type:none; 
   background-color: transparent;
   background-image: url('../images/bullet.gif');
   background-repeat: no-repeat;
   background-position: 0 11px;
   padding: 5px 0 5px 14px; 
}