body{
    background-color: white; background-image: url("../img/bg.jpg"); background-repeat: repeat-x;
    margin: 0px; padding: 0px;
    font-family: arial; font-size: 14px; line-height: 20px;
    text-align: center;
}

a{
    color: #001B51;    
}

.minor{
    font-size: 11px; font-weight: normal;    color: #666666;
}


a img{
  border: none;  
}

#header{
    text-align: left;    
}
    #header .menu{
        padding: 2px 0px 0px 0px; margin: 0px;    line-height: 17px;
        position: absolute; top: 5px; height: 25px;
    }
        #header .menu li{
            float: left; list-style: none;
            padding: 0px 12px;
            font-size: 12px;
        }
        
        #header #menu{
            left: 100px; width: 493px;
            padding-left: 40px;
            background-image: url("../img/menubg.jpg"); background-repeat: no-repeat;
        }
            #header #menu li:hover{
                background-color: #DFDFDF;
            }
                
            #header #menu a,
            #header #menu .dropdown span{
                color: #939393;
                text-decoration: underline;
            }
                #header #menu .dropdown a,
                #header #menu .dropdown:hover a{
                    color: #555555; text-decoration: none;
                }
            
            
                #header #menu li:hover a,
                #header #menu .active a{
                    color: black; text-decoration: none;    
                }

                #header #menu .dropdown span{
                    background-image: url(../img/arrow_black.png);    
                }

                
        #header #tools{
            left: 600px; color: #E1E1E1;   
        }
        
            #header #tools li{
                padding: 0px 8px;
            }
                
            #header #tools a,
            #header #language{
                color: #E1E1E1;    
            }
                #header #tools a:hover,
                #header #tools .active a{
                    color: white;    text-decoration: none;
                }
            
        #header #language{
            right: 0px;    
        }
        
        #header .menu .dropdown{
            position: relative;       
            padding-right: 0px;
        }
            .menu .dropdown span{
                display: block;
                cursor: pointer;
                background-position: right;
                background-repeat: no-repeat;
                padding-right: 18px;
                background-image: url(../img/arrow_white.png);
            }
            

        
        .bdbContextMenu{
            position: absolute; top: 0px; left: 0px; min-width: 100%;
            background-color: #F0F0F0; color: #777777;
            border: 1px solid #C6C6C6; border-top: 1px solid #E0E0E0;
            padding: 0px; margin: 0px; z-index: 99;
        }
            #header .bdbContextMenu li,
            .bdbContextMenu li{
                float: none;
                display: block;
                list-style: none;
                padding: 1px 6px; margin: 0px;
            }
                #header .bdbContextMenu li a{
                    color: #333333; text-decoration: none;    
                }
            
            
.body{
    text-align: left; margin: 0px auto;
    width: 768px;    
}
            
h1,h2{
    font-size: 18px; color: black; font-weight: normal;  margin: 0px; padding: 4px 0px;  
}


    .blox, .intro,
    .content{
        position: relative;
        padding: 0px 11px;   
        margin-top: 30px; margin-bottom: 0px;
    
    
    }

    .content{
        background-color: white;
        background-image: url("../img/cbg.jpg"); background-repeat: no-repeat;
    }
        .content h3{
            margin-bottom: 0px;    font-size: 15px; color: #555555;
        }
        .content p{
            color: #777777; line-height: 24px;  
        }
    
    .intro{
        background-color: white;
        background-image: url("../img/introbg.jpg"); background-repeat: no-repeat;
        height: 141px;
    }
    
        .intro .screenshot{
            position: absolute; right: 0px; top: 0px;    
        }
        
        .intro ul{
            position: absolute; left:11px; padding: 0px; margin: 0px;    
        }
            .intro ul li{
                line-height: 26px; list-style: none; font-size: 16px;
                background-image: url("../img/icons/accept.png"); background-repeat: no-repeat; background-position: center left; padding-left: 20px;
            }
        
        .intro ul, .intro p{
            color: #6C6C6C;    top: 52px; 
        }
            
        .intro p{
            line-height: 21px; margin: 0px; padding: 0px;
            position: absolute; left: 145px; width: 370px;    
        }       
        
            .intro p a{
                font-weight: bold; font-size: 12px; color: #6C6C6C; text-decoration: none;    
            }
    
    .blox{
        background-color: #81A3E5; 
        background-image: url("../img/bloxbg.jpg"); background-repeat: no-repeat; 
        margin-top: 38px;
    }
        .blox h2{
            padding-top: 12px; padding-bottom: 16px;
            color: white;    
        }
        
        .blox h3{
            font-weight: normal; font-size: 14px; padding: 0px; margin: 0px; line-height: 24px;
            position: absolute; top: 12px; right: 22px;    color: #001B51;
        }
        .blox ul{
            padding: 0px 0px 0px 3px; margin: 0px;    
        }
            .blox ul li{
                list-style: none;
                float: left;    
                background-color: #638DDE;
                margin-right: 0px;
                line-height: 16px;
                padding: 54px 0px 0px 0px;
                height: 90px; max-height: 36px;
                text-align: center; width: 86px;
                font-size: 13px;
                background-position: center 20px; background-repeat: no-repeat; cursor: pointer;
            }
                .blox ul li,
                .blox ul li a{
                    color: white; text-decoration: none;
                }
            .blox ul li.special{
                margin-right: 0px; margin-left: 22px;
                
            }
        .blox p{
            padding: 4px 226px 10px 0px; margin: 0px;
            text-align: right; clear: both;    
        }
            .blox p a{
                font-size: 12px;
                font-weight: bold; color: #405F9B; text-decoration: none;    
            }
                .blox p a:hover{
                    color: #001B51;    
                }
        
    .actions{
        position: relative;
        height: 71px;   
    }
        .actions div{
            position: absolute; top: 0px; line-height: 31px; padding: 8px 0px 12px 0px;
            width: 216px; text-align: center;
            background-image: url("../img/bottom_button_corners.png"); background-position: bottom left; background-repeat: no-repeat;
        }
        .actions .contact{ left: 0px; background-color: #F8EB9A;}
        .actions .signup{ right: 0px; background-color: #001B51;}
            .actions .signup,
            .actions .signup a{
                 color: white; text-decoration: none;   
            }
        .actions .demo{ right: 237px; background-color: #D4DAE6;}
            .actions .demo a{
                text-decoration: none; color: #001B51;    
            }
            
            
                .actions .demo a:hover,
                .actions .signup a:hover{
                    text-decoration: underline;    
                }

            
            
        .actions .login{
            right: 0px; padding: 0px; line-height: 20px; top: 51px;
            font-size: 11px;
        }
            .actions .login,
            .actions .login a{
                color: #466BB5;    
            }
        
    .column1,    
    .column2{
        margin-top: 24px;
        float: left;    
    }
    
        .column1 h2,
        .column2 h2{
            padding-bottom: 10px;    
        }
    
    .column1{ width: 529px; margin-right: 22px;}
    .column2{ width: 205px; border-left: 1px solid #DDDDDD; padding-left: 10px}
    
        .content .column2{
            width: 180px;    
        }
    
    .column1{
        color: #777777; line-height: 24px;    
    }
        .column1 p{
            margin-top: 0px;    
        }
        
    .testemonial{
        background-color: #EEEEEE; padding: 4px 11px;        
    }
        .testemonial strong{
                color: black;
        }
            
    .lists{
        margin: 0px; padding: 0px;   
        border-top: 1px solid #EBEBEB;
    }
        .lists li{
            line-height: 22px; background-image: url("../img/icons/table.png");
            background-repeat: no-repeat; background-position: center left; padding: 0px 0px 0px 20px; list-style: none;
            border-bottom: 1px solid #EBEBEB;
        }
            .lists li a{
                text-decoration: none; color: #777777;    
            }
        
.footer{
    clear: both;
    width: 100%; text-align: center; padding: 25px 0px 15px 0px; font-size: 11px;    
}
    .footer, .footer a{
         color: #AAAAAA;    
    }
    

    
    
    table.pricing thead th{
        border-bottom: 3px solid black;
        
    }
        table.pricing th,
        table.pricing td{
            width: 150px; 
               vertical-align: top;
        }
        
        table.pricing tbody td{
          
            padding: 1px 6px;
        }
        
        table.pricing .prices td,
        table.pricing .prices th{
            padding-top: 4px;
            border-top: 1px solid black;    
        }

    .entryform{
        background-color: #E8E8E8; padding: 12px;
        margin: 12px 0px;
    }
        .entryform table{
            text-align: left;
        }
        
        .entryform table .groupFirst th,
        .entryform table .groupFirst td{
            border-top: 1px solid #D6D6D6;
            padding-top: 4px;
        }
        
            .entryform table th{
                text-align: right;    padding-right: 12px;
            }
            
            .entryform table td,
            .entryform table th{
                vertical-align: top;
            }
            .entryform table th{                
                 width: 150px;
            }
            .entryform table .minor{
                padding-left: 12px;
                line-height: 13px;    
            }
            
            .entryform table input{
                width: 260px;    
            }
            
                .entryform table input.button{
                    width: auto;    
                }
            
        .entryform .submitbutton{
            margin-top: 12px; font-weight: bold;    
        }